.login-page{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:2rem}.login-container{max-width:900px;width:100%;text-align:center}.logo-section{margin-bottom:2rem;text-align:center}.app-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:2.5rem;font-weight:700;margin:0;line-height:1.2}.konecranes-logo{height:4.5rem;width:auto;object-fit:contain}.kiitos{color:#333;margin-top:-7px}.welcome-section{margin-bottom:2.5rem;text-align:center}.welcome-title{font-size:1.75rem;color:#333;margin:0 auto 1.5rem;font-weight:600;line-height:1.4;text-align:center;max-width:100%}.welcome-subtitle{font-size:1rem;color:#666;margin:0;text-align:center}.signin-button{background:#b40f70;color:#fff;border:none;padding:.875rem 3rem;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin:0 auto 2rem;min-width:180px;display:block}.signin-button:hover{background:#b40f70}.signin-button:active{background:#8a2890}.signin-button:focus{outline:2px solid #b83dba;outline-offset:2px}.error-message{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:6px;border:1px solid #fecaca;margin-bottom:2rem;font-size:.9rem}.login-footer{margin-top:2.5rem}.security-badge{color:#666;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem}@media(max-width:768px){.login-page{padding:1rem}.app-title{font-size:2.5rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:1rem}}@media(max-width:480px){.app-title{font-size:2rem}.welcome-title{font-size:1.3rem}.konecranes,.kiitos{display:block;margin-right:0}.signin-button{padding:.9rem 2rem;font-size:1rem}}.message-wrapper{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.message-wrapper.user-message{align-items:flex-end}.message-wrapper.assistant-message{align-items:flex-start}.mode-indicator-label{font-size:.85rem;font-style:italic;margin-bottom:5px;margin-left:56px;color:#000}.message-container{display:flex;gap:.75rem;max-width:80%}.user-message .message-container{flex-direction:row-reverse}.message-avatar{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.message-content{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.message-header{display:flex;align-items:center;gap:.5rem;padding:0 .5rem}.user-message .message-header{justify-content:flex-end}.message-sender{font-size:.85rem;font-weight:600;color:#555}.message-time{font-size:.75rem;color:#999}.message-body{background:#fff;padding:1rem 1.25rem;border-radius:18px;box-shadow:0 1px 2px #0000001a;word-wrap:break-word;overflow-wrap:break-word}.user-message .message-body{background:#f0cfe2;color:#000}.message-body.error{background:#fee;color:#c00;border:1px solid #fcc}.mode-note{color:#000;font-size:.85rem;font-style:italic;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}.mode-note:before{content:"";display:inline-block;color:#c399f7}.message-body p{margin:0;line-height:1.5}.message-body p+p{margin-top:.75rem}.message-image{margin-bottom:.75rem}.message-image img{max-width:280px;max-height:240px;width:auto;height:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s ease}.message-image img:hover{transform:scale(1.02)}.message-attachments{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.5rem}.message-attachment-item{display:flex;align-items:flex-start}.message-attachment-item.image{max-width:280px}.message-attachment-item.image img{max-width:280px;max-height:240px;width:auto;height:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s ease}.message-attachment-item.image img:hover{transform:scale(1.02)}.message-document{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#0000000d;border-radius:6px;max-width:300px}.message-document-icon{font-size:1.25rem;flex-shrink:0}.message-document-info{display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.message-document-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.message-document-size{font-size:.75rem;color:#666}.message-body h1,.message-body h2,.message-body h3,.message-body h4,.message-body h5,.message-body h6{margin:1rem 0 .5rem;font-weight:600}.message-body h1:first-child,.message-body h2:first-child,.message-body h3:first-child{margin-top:0}.message-body ul,.message-body ol{margin:.5rem 0;padding-left:1.5rem}.message-body li{margin:.25rem 0;line-height:1.5}.message-body a{color:#b40f70;text-decoration:underline}.user-message .message-body a{color:#fff}.message-body blockquote{border-left:3px solid #B40F70;padding-left:1rem;margin:.75rem 0;font-style:italic;color:#666}.inline-code{background:#0000000d;padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.user-message .inline-code{background:#fff3}.code-block{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;overflow-x:auto;margin:.75rem 0}.code-block code{font-family:Courier New,monospace;font-size:.9em;line-height:1.4}.message-body table{border-collapse:collapse;width:100%;margin:.75rem 0}.message-body th,.message-body td{border:1px solid #ddd;padding:.5rem;text-align:left}.message-body th{background:#f5f5f5;font-weight:600}@media(max-width:768px){.message-container{max-width:90%}.message-body{padding:.75rem 1rem}.message-avatar{width:32px;height:32px;font-size:1.2rem}}.feedback-buttons{display:flex;gap:.5rem;margin-top:.5rem;margin-left:.5rem}.feedback-btn{background:#fff;border:1px solid #ddd;border-radius:8px;padding:.4rem .7rem;font-size:1.1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000001a}.feedback-btn:hover{transform:scale(1.1);box-shadow:0 2px 4px #00000026}.feedback-btn:active{transform:scale(.95)}.feedback-btn.helpful:hover{background:#e8f5e9;border-color:#4caf50}.feedback-btn.not-helpful:hover{background:#ffebee;border-color:#f44336}.feedback-btn.create-ticket{font-size:.875rem;font-weight:500;padding:.5rem 1rem}.feedback-btn.create-ticket:hover{background:#e3f2fd;border-color:#2196f3;transform:scale(1.05)}.feedback-message{background:#f8f9fa;padding:10px 15px;border-radius:8px;margin:8px 0;font-size:.9rem;font-weight:500}.feedback-message.success{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.feedback-message.prompt{background:#f8f9fa;border-left:4px solid #ff6b6b;color:#333;font-size:.85rem;line-height:1.5}.ticket-actions{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.ticket-btn{padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.ticket-btn.create{background:#4caf50;color:#fff}.ticket-btn.create:hover{background:#45a049;box-shadow:0 3px 6px #00000026}.ticket-btn.decline{background:#f5f5f5;color:#666;border:1px solid #ddd}.ticket-btn.decline:hover{background:#e0e0e0;border-color:#bbb}.ticket-btn:active{transform:translateY(1px)}@media(max-width:768px){.ticket-actions{flex-direction:column}.ticket-btn{width:100%}}.message-body sup a{color:#b40f70;font-weight:600;text-decoration:none;padding:0 .2em}.message-body sup a:hover{text-decoration:underline}.message-body hr{margin:1.5rem 0 1rem;border:none;border-top:1px solid #e0e0e0}.citation-card{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;margin:.4rem .5rem .4rem 0;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:.875rem;color:#333;cursor:pointer;transition:all .2s}.citation-card:hover{background:#e8e8e8;border-color:#b40f70;box-shadow:0 2px 4px #b40f701a}.citation-number{font-weight:600;color:#666;min-width:1.2rem;text-align:center}.message-body a[href^="#cite-"],.message-body a[href^="https://ai.azure.com/playground/"]{font-size:1em;vertical-align:super;text-decoration:none;color:#06c;font-weight:700;line-height:0;margin-left:1px}.message-body a[href^="#cite-"]:hover,.message-body a[href^="https://ai.azure.com/playground/"]:hover{text-decoration:underline}.chat-input-container{position:absolute;bottom:0;left:0;right:0;background:#f5f5f5;border-top:none;padding:1rem 2rem;box-shadow:none;z-index:100}.chat-input-wrapper{max-width:800px;margin:0 auto}.attachments-preview{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;padding:.5rem;max-height:200px;overflow-y:auto}.attachment-item{position:relative}.image-preview-item{position:relative;width:fit-content}.image-preview-item img{max-height:80px;max-width:100px;border-radius:6px;box-shadow:0 2px 4px #0000001a;object-fit:cover}.document-preview-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;max-width:250px}.document-icon{font-size:1.5rem;flex-shrink:0}.document-name{font-size:.85rem;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.document-size{font-size:.75rem;color:#666;flex-shrink:0}.remove-file-btn{background:#e31e24;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;flex-shrink:0;margin-left:.25rem;transition:background .2s}.image-preview-item .remove-file-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;font-size:.9rem;box-shadow:0 2px 4px #0003}.remove-file-btn:hover{background:#c00}.chat-input-form{display:flex;gap:.5rem;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:24px;padding:.75rem 1rem;transition:all .2s;box-shadow:0 2px 6px #0000000d}.chat-input-form:focus-within{border-color:#b40f70;background:#fff;box-shadow:0 4px 12px #b40f7026}.input-actions{display:flex;gap:.25rem;padding:0 .25rem;flex-shrink:0;align-items:center}.action-button{background:transparent;border:none;color:#666;font-size:1.3rem;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.action-button:hover{background:#f5f5f5;color:#333}.action-button:disabled{opacity:.5;cursor:not-allowed}.attachment-btn{font-size:1.5rem}.mic-btn{font-size:1.2rem}.mic-btn.recording{color:#c399f7;background:#f0e6ff;animation:pulse 1.5s ease-in-out infinite}.mic-btn.transcribing{color:#666;opacity:.7}@keyframes pulse{0%,to{box-shadow:0 0 #c399f7b3}50%{box-shadow:0 0 0 10px #c399f700}}.message-input{flex:1;border:none;outline:none;resize:none;font-size:1rem;font-family:inherit;padding:0;max-height:168px;min-height:24px;height:24px;line-height:24px;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;transition:height .1s ease;vertical-align:top;scrollbar-width:none!important;-ms-overflow-style:none!important}.message-input:focus{outline:none}.message-input::-webkit-scrollbar{display:none!important}.custom-scrollbar{position:relative;width:8px;height:40px;background:transparent;border-radius:4px;cursor:pointer;margin-left:4px;flex-shrink:0;display:none;transition:opacity .2s}.custom-scrollbar:hover{opacity:1!important}.custom-scrollbar-thumb{position:absolute;width:100%;background:#999;border-radius:4px;min-height:30px;transition:background .2s;pointer-events:none}.custom-scrollbar-thumb:hover{background:#666}.message-input::placeholder{color:#999;line-height:24px}.send-button{background:#b40f70;color:#fff;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:background .2s;flex-shrink:0}.send-button:hover:not(:disabled){background:#9a0c5e}.send-button:disabled{background:#ccc;cursor:not-allowed}@media(max-width:1200px){.chat-input-container{padding:.875rem 1rem}.attachments-preview{gap:8px;max-height:180px}}@media(max-width:768px){.chat-input-container{padding:.75rem}.action-button{font-size:1.1rem;padding:.4rem}.send-button{width:36px;height:36px;font-size:1rem}.message-input{font-size:.95rem}.attachments-preview{gap:6px;max-height:150px}.image-preview-item,.document-preview-item{font-size:.8rem}}.query-page{display:flex;height:100vh;background:#f5f5f5;overflow:hidden;position:relative}.sidebar{width:260px;height:100vh;max-height:100vh;background:#fff;color:#333;display:flex;flex-direction:column;transition:all .3s ease;position:relative;flex-shrink:0;border-right:2px solid #e0e0e0;box-shadow:2px 0 4px #00000014;overflow:hidden;z-index:100}.sidebar.closed{width:0;overflow:hidden;border-right:none}.sidebar-header{padding:1rem;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.new-chat-btn{flex:1;background:#b40f70;border:none;color:#fff;padding:10px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}.new-chat-btn:hover{background:#9a0c5e}.sidebar-toggle-btn{background:transparent;border:1px solid #ddd;color:#666;padding:clamp(8px,1vw,10px);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,1.5vw,18px);transition:all .2s}.sidebar-toggle-btn:hover{background:#f5f5f5;border-color:#b40f70;color:#b40f70}.sidebar-section{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;min-height:0}.sidebar-section::-webkit-scrollbar{width:6px}.sidebar-section::-webkit-scrollbar-track{background:#f5f5f5}.sidebar-section::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.sidebar-section::-webkit-scrollbar-thumb:hover{background:#b40f70}.sidebar-section-header{font-size:12px;color:#666;padding:8px 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sidebar-section-header.clickable{cursor:pointer;transition:all .2s;border-radius:6px;-webkit-user-select:none;user-select:none}.sidebar-section-header.clickable:hover{background:#f5f5f5;color:#b40f70}.all-chats-header{background:#f9f9f9;border:1px solid #e0e0e0;font-size:.85em!important;text-transform:none!important;color:#555;margin-top:8px}.all-chats-header:hover{background:#f0f0f0;border-color:#b40f70}.all-chats-list{margin-top:4px;padding-left:8px;border-left:2px solid #e0e0e0}.past-chats-list{display:flex;flex-direction:column;gap:4px}.no-chats-message{text-align:center;color:#999;padding:20px;font-size:13px;font-style:italic}.sidebar-chat-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s;position:relative;background:transparent;border:1px solid transparent}.sidebar-chat-item:hover{background:#f9f9f9;border-color:#b40f70}.chat-item-content{flex:1;min-width:0}.chat-item-preview{font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-delete-btn{opacity:0;background:transparent;border:none;color:#999;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px;transition:all .2s}.sidebar-chat-item:hover .chat-delete-btn{opacity:1}.chat-delete-btn:hover{background:#fee;color:#e31e24}.sidebar-footer{padding:16px 12px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(to bottom,#fff,#f9f9f9);box-shadow:0 -4px 12px #b40f701a;flex-shrink:0;min-height:60px;position:relative;z-index:200}.sidebar-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:4px 8px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.user-avatar{width:36px;height:36px;border-radius:50%;background:#b40f70;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 2px 6px #b40f7066}.user-name{font-size:13px;color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sidebar-logout-btn{background:#b40f70;border:none;color:#fff;cursor:pointer;padding:10px 16px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;transition:all .2s;flex-shrink:0;width:100%}.header-user-display{display:flex;align-items:center;gap:clamp(.4rem,.6vw,.75rem);flex-shrink:0}.header-user-display .user-info{display:flex;align-items:center;background:#b40f701a;border:1px solid #B40F70;border-radius:20px;padding:clamp(5px,.55vw,7px) clamp(8px,1vw,12px);color:#b40f70;font-size:clamp(.7rem,.85vw,.9rem);font-weight:500;white-space:nowrap;flex-shrink:0}.header-user-display .feedback-button{padding:clamp(6px,.6vw,8px) clamp(10px,1vw,14px);background:#fff;color:#b40f70;border:2px solid #B40F70;border-radius:6px;cursor:pointer;font-size:clamp(.7rem,.85vw,.9rem);font-weight:500;transition:all .2s;display:flex;align-items:center;gap:5px;font-family:inherit;white-space:nowrap;flex-shrink:0}.header-user-display .feedback-button:hover{background:#b40f70;color:#fff}.sidebar-logout-btn svg{font-size:18px}.logout-text{font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:50px}.sidebar-logout-btn:hover{background:#9a0c5e;transform:translateY(-2px);box-shadow:0 4px 8px #b40f704d}.sidebar-reopen-btn{position:fixed;top:16px;left:16px;z-index:100;background:#fff;border:2px solid #e0e0e0;color:#333;padding:12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.sidebar-reopen-btn:hover{border-color:#b40f70;color:#b40f70;transform:scale(1.05)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f5;position:relative;transition:padding-left .3s ease}.main-content.sidebar-closed{padding-left:60px}.content-header{background:#fff;padding:10px 15px;border-bottom:2px solid #e0e0e0;display:flex;align-items:center;gap:clamp(.5rem,1vw,1rem);flex-shrink:0;box-shadow:0 2px 4px #00000014;margin:.5rem 1rem;border-radius:8px;height:60px;justify-content:space-between}.logo-container{flex-shrink:0}.logo-image{height:40px;width:auto}.page-title{font-size:clamp(.65rem,1.5vw,2rem);color:#000;margin:0;font-weight:700;font-family:Arial,sans-serif;text-align:center;flex:1;min-width:0;max-width:60%;padding:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container{flex:1;overflow-y:auto;padding:2rem;padding-bottom:180px;max-width:1000px;margin:0 auto;width:100%}.chat-messages{display:flex;flex-direction:column;gap:1rem}.loading-indicator{display:flex;justify-content:flex-start;padding:1rem}.typing-indicator{background:#fff;padding:1rem 1.5rem;border-radius:18px;display:flex;gap:5px;align-items:center;box-shadow:0 1px 2px #0000001a}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#b40f70;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.mode-toggle-container{display:flex;flex-direction:column;align-items:center;padding:clamp(.75rem,1vw,1rem);background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;margin:0 1rem;border-radius:8px;box-shadow:0 1px 4px #0000000f}.mode-toggle{display:flex;background:#f5f5f5;border-radius:6px;padding:3px;width:clamp(200px,25vw,280px);height:clamp(36px,4vw,44px);position:relative;border:1px solid #e0e0e0}.mode-btn{flex:1;border:none;background:transparent;color:#666;font-size:clamp(12px,1.2vw,14px);font-weight:600;cursor:pointer;border-radius:4px;transition:all .3s ease;z-index:1;position:relative;white-space:nowrap}.mode-btn.active{background:#b40f70;color:#fff;box-shadow:0 2px 4px #b40f704d}.mode-toggle .mode-btn:nth-child(2).active{background:#b40f70;box-shadow:0 2px 4px #b40f704d}.mode-btn:hover:not(.active){color:#333;background:#b40f700d}.mode-toggle .mode-btn:nth-child(2):hover:not(.active){background:#b40f701a}.mode-description{text-align:center;margin-top:.5rem;color:#666;font-size:clamp(.7rem,.85vw,.85rem);line-height:1.2}@media(max-width:1600px){.page-title{font-size:clamp(.6rem,1.4vw,1.6rem);max-width:55%}}@media(max-width:1440px){.sidebar{width:240px}.chat-container{padding:1.5rem 1rem}.content-header{padding:10px 12px;gap:.6rem}.page-title{font-size:clamp(.55rem,1.2vw,1.4rem);padding:0 .4rem;max-width:50%}}@media(max-width:1200px){.sidebar{width:220px}.main-content{padding:.5rem}.chat-container{padding:1rem .75rem;max-width:100%}.mode-toggle{width:280px;height:42px}.page-title{font-size:clamp(.5rem,1vw,1.2rem);padding:0 .3rem;max-width:45%}.content-header{gap:.5rem}}@media(max-width:1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;width:260px;box-shadow:4px 0 8px #00000026}.sidebar.closed{transform:translate(-100%)}.content-header{margin-left:70px}.chat-container{padding:1rem}}@media(max-width:768px){.chat-container{padding:1rem;padding-bottom:120px}.mode-toggle{width:240px;height:40px}.mode-btn{font-size:13px}.page-title{font-size:clamp(.45rem,.85vw,1rem);padding:0 .25rem;max-width:40%}.logo-image{height:30px}.content-header{padding:8px 12px;margin:.5rem;height:50px;gap:.4rem}}.web-mode-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.web-mode-modal{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.web-mode-modal-content h2{color:#b40f70;font-size:1.5rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.web-mode-warning-text{font-size:1rem;color:#333;line-height:1.6;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:4px}.web-mode-agreement{margin:1.5rem 0;padding:1rem;background:#f9f9f9;border-radius:6px}.web-mode-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.web-mode-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#B40F70}.web-mode-checkbox-label span{font-size:.95rem;color:#333;font-weight:500}.web-mode-modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.web-mode-confirm-btn,.web-mode-cancel-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.web-mode-confirm-btn{background:#b40f70;color:#fff}.web-mode-confirm-btn:hover:not(:disabled){background:#9a0c5e;transform:translateY(-2px);box-shadow:0 4px 8px #b40f704d}.web-mode-confirm-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.web-mode-cancel-btn{background:#f5f5f5;color:#666;border:1px solid #ddd}.web-mode-cancel-btn:hover{background:#e0e0e0;color:#333}@media(max-width:768px){.web-mode-modal{padding:1.5rem;width:95%}.web-mode-modal-content h2{font-size:1.25rem}.web-mode-warning-text{font-size:.9rem;padding:.75rem}.web-mode-modal-actions{flex-direction:column}.web-mode-confirm-btn,.web-mode-cancel-btn{width:100%}}.app-header{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:clamp(8px,1vw,10px) clamp(10px,1.2vw,15px);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;margin:.5rem 1rem;min-height:50px;height:auto}.logo-image{height:clamp(2.5rem,3.5vw,3.5rem);width:auto}.logo-text{font-size:1.8rem;font-weight:700;color:#333;letter-spacing:1px;margin:0}.header-title{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;padding:0 1rem}.header-title h1{color:#000;font-size:clamp(.65rem,1.5vw,2rem);font-weight:700;font-family:Arial,sans-serif;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls{display:flex;align-items:center;gap:clamp(6px,1vw,12px);flex-shrink:0}.nav-button{padding:8px 16px;background:transparent;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.95rem;color:#333;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:inherit}.user-info{display:flex;align-items:center;background:#b40f701a;border:1px solid #B40F70;border-radius:20px;padding:clamp(5px,.55vw,7px) clamp(8px,1vw,12px);color:#b40f70;font-size:clamp(.7rem,.85vw,.9rem);font-weight:500;white-space:nowrap;flex-shrink:0}.feedback-button{padding:clamp(6px,.6vw,8px) clamp(10px,1vw,14px);background:#fff;color:#b40f70;border:2px solid #B40F70;border-radius:6px;cursor:pointer;font-size:clamp(.7rem,.85vw,.9rem);font-weight:500;transition:all .2s;display:flex;align-items:center;gap:5px;font-family:inherit;white-space:nowrap;flex-shrink:0}.feedback-button:hover{background:#b40f70;color:#fff}.logout-button{padding:clamp(6px,.6vw,8px) clamp(10px,1vw,14px);background:#b40f70;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:clamp(.75rem,.9vw,.95rem);font-weight:500;transition:background .2s;display:flex;align-items:center;gap:5px;font-family:inherit;white-space:nowrap;flex-shrink:0}.past-chat-btn{background:#fff;border:2px solid #B40F70;color:#b40f70;padding:clamp(6px,.6vw,8px) clamp(12px,1.2vw,16px);border-radius:8px;font-size:clamp(.75rem,.9vw,.9rem);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-family:inherit;white-space:nowrap}.past-chat-btn:hover{background:#b40f70;color:#fff}@media(max-width:1600px){.header-title h1{font-size:clamp(1.35rem,1.7vw,1.9rem)}}@media(max-width:1440px){.app-header{padding:8px 12px}.header-title{padding:0 .75rem}.header-title h1{font-size:clamp(1.3rem,1.65vw,1.8rem)}.header-controls{gap:8px}}@media(max-width:1200px){.logo-text{font-size:1.5rem}.header-title h1{font-size:clamp(1.2rem,1.5vw,1.6rem)}.header-controls{gap:6px}}@media(max-width:1024px){.app-header{margin:.5rem .75rem}.header-controls{gap:8px}}@media(max-width:768px){.logo-text{display:none}.nav-button,.feedback-button,.logout-button{padding:6px 12px;font-size:.85rem}}@media(max-width:640px){.app-header{flex-direction:column;gap:10px;padding:1rem}.header-title h1{font-size:1rem}.header-controls{width:100%;flex-wrap:wrap;justify-content:center}.nav-links{flex:1}.nav-button{flex:1;justify-content:center}.user-info{order:-1;width:100%;justify-content:center}}.ticket-page{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.page-container{flex:1;padding:2rem;max-width:900px;margin:0 auto;width:100%}.page-container.full-width{max-width:1200px}@media(max-width:1440px){.page-container{max-width:850px;padding:1.5rem}.page-container.full-width{max-width:1100px}}@media(max-width:1200px){.page-container{max-width:800px;padding:1.5rem 1rem}.page-container.full-width{max-width:1000px}}.ticket-form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.ticket-form-container h2{margin:0 0 .5rem;color:#333;font-size:clamp(1.3rem,1.8vw,1.8rem)}.form-description{color:#666;margin-bottom:2rem}.ticket-loading-banner{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;background:#eef6ff;border:1px solid #cfe2ff;color:#1558a5;font-weight:600}.ticket-loading-spinner{font-size:1rem;animation:ticket-spin 1s linear infinite}@keyframes ticket-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-summary-box{background:#f0f8ff;border-left:4px solid #2196F3;padding:1rem;margin-bottom:2rem;border-radius:6px}.chat-summary-box h3{margin:0 0 .5rem;color:#2196f3;font-size:clamp(1rem,1.1vw,1.1rem)}.chat-summary-box p{margin:.5rem 0}.summary-note{font-size:.9rem;color:#666;font-style:italic}.ticket-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:clamp(.85rem,.95vw,.95rem)}.form-group input,.form-group select,.form-group textarea{padding:clamp(.6rem,.75vw,.75rem);border:1px solid #ddd;border-radius:6px;font-size:clamp(.9rem,1vw,1rem);font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#b40f70}.form-group textarea{resize:vertical;min-height:80px}.form-group small{color:#999;font-size:clamp(.75rem,.85vw,.85rem)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.primary-button,.secondary-button{padding:clamp(.6rem,.75vw,.75rem) clamp(1.2rem,1.5vw,1.5rem);border-radius:6px;font-size:clamp(.9rem,1vw,1rem);font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.primary-button{background:#b40f70;color:#fff}.primary-button:hover:not(:disabled){background:#9a0c5e}.primary-button:disabled{background:#ccc;cursor:not-allowed}.secondary-button{background:#fff;color:#333;border:1px solid #ddd}.secondary-button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.success-container{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.success-icon{font-size:clamp(3rem,4vw,4rem);margin-bottom:1rem}.success-container h2{color:#4caf50;margin-bottom:1rem}.ticket-id-display{background:#f0f8ff;border:2px solid #2196F3;border-radius:8px;padding:clamp(.75rem,1vw,1rem);margin:1.5rem 0;font-size:clamp(1rem,1.2vw,1.2rem)}.ticket-id-display strong{color:#2196f3;font-size:clamp(1.1rem,1.4vw,1.4rem)}.success-container p{color:#666;margin-bottom:2rem;line-height:1.6}.success-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.ticket-form-container{padding:1.5rem}.form-row{gap:.75rem}}@media(max-width:768px){.page-container,.ticket-form-container{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.success-actions{flex-direction:column}.success-actions button{width:100%}}.help-text{color:#666;font-size:.85rem;font-style:italic;margin-top:.25rem}.char-count{color:#999;font-size:.85rem;display:block;text-align:right;margin-top:.25rem}.form-info-notice{background:#e3f2fd;border-left:4px solid #2196F3;padding:1rem;border-radius:6px;margin:1rem 0}.form-info-notice p{margin:0;color:#1565c0;font-size:.95rem}.file-upload-section{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fafafa;margin:1rem 0}.file-upload-toggle{background:#fff;border:1px solid #ddd;border-radius:6px;padding:clamp(.6rem,.75vw,.75rem) clamp(.8rem,1vw,1rem);font-size:clamp(.9rem,1vw,1rem);font-weight:600;cursor:pointer;transition:all .2s;width:100%;text-align:left;color:#333}.file-upload-toggle-content{display:flex;align-items:center;justify-content:space-between;width:100%}.file-upload-toggle-label{display:inline-flex;align-items:center;gap:.5rem}.file-upload-toggle-chevron{display:inline-flex;align-items:center}.file-upload-toggle:hover{background:#f5f5f5;border-color:#999}.file-upload-area{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px}.upload-instructions{margin:0 0 .75rem;color:#333}.upload-help{margin:.5rem 0;font-size:.85rem;color:#666}.uploaded-files-list{margin-top:1rem;padding:1rem;background:#f5f5f5;border-radius:6px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:.5rem}.file-item span{flex:1}.remove-file-btn{background:#f44336;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.9rem;margin-left:1rem}.remove-file-btn:hover{background:#d32f2f}.success-text{color:#4caf50;font-weight:600;margin-bottom:.75rem}.info-text{color:#2196f3;font-size:.85rem;margin-top:.75rem;font-style:italic}.ticket-summary-section{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:left}.ticket-summary-section h3{margin:0 0 1rem;color:#333;font-size:clamp(1.1rem,1.3vw,1.3rem)}.ticket-summary-section p{margin:.5rem 0;color:#555}.description-box{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;margin-top:1rem}.description-box strong{display:block;margin-bottom:.5rem;color:#333}.description-content{color:#666;white-space:pre-wrap;line-height:1.6;max-height:300px;overflow-y:auto}.success-container a{color:#2196f3;text-decoration:none;font-weight:600}.success-container a:hover{text-decoration:underline}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000000d}.logo-container{display:flex;align-items:center;gap:12px}.logo-img{height:40px;width:auto}.logo-text{font-size:1.8rem;font-weight:700;color:#333;letter-spacing:1px}.header-controls{display:flex;align-items:center;gap:15px}.nav-links{display:flex;gap:10px}.nav-button{padding:8px 16px;background:transparent;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.95rem;color:#333;transition:all .2s;text-decoration:none;display:flex;align-items:center;gap:6px}.nav-button:hover{background:#f5f5f5;border-color:#b40f70;color:#b40f70}.nav-button.active{background:#b40f70;color:#fff;border-color:#b40f70}.user-info{display:flex;align-items:center;background:#b40f701a;border:1px solid #B40F70;border-radius:20px;padding:8px 15px;color:#b40f70;font-size:.9rem;font-weight:500}.logout-button{padding:8px 16px;background:#b40f70;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s}.logout-button:hover{background:#9a0c5e}.page-container{max-width:1400px;margin:0 auto;padding:2rem;width:100%}@media(max-width:768px){.app-header{flex-direction:column;gap:10px;padding:1rem}.header-controls{width:100%;justify-content:space-between}.nav-links{flex:1}.nav-button{flex:1;justify-content:center}.page-container{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;overflow-x:hidden;width:100%;height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;width:100%;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.spinner{border:3px solid #f3f3f3;border-top:3px solid #B40F70;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}