*{margin:0;padding:0;box-sizing:border-box}body{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:#f9fafb;color:#1f2937}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(20px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.app-modal-overlay{position:fixed;inset:0;z-index:1200;background:#0f172a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}.app-modal-card{width:100%;max-width:420px;background:#fff;border-radius:14px;border:1px solid #dbe1ea;box-shadow:0 20px 40px #0f172a2e;padding:16px;text-align:left}.app-modal-card h3{margin:0 0 12px}.app-modal-card input{width:100%;border:1px solid #dbe1ea;border-radius:10px;padding:10px 12px;margin-bottom:10px}.app-modal-actions{display:flex;justify-content:flex-end;gap:8px}.app-modal-actions button{border:none;border-radius:10px;padding:9px 12px;cursor:pointer}.backend-connection-banner{position:fixed;z-index:10000;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:min(94vw,620px);padding:10px 14px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;box-shadow:0 10px 26px #0f172a29;font-size:13px;font-weight:800}.loading-screen{min-height:100vh;display:grid;place-items:center;background:#f9fafb}.application-error-screen{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:#f4f7fb;color:#101828;font-family:Outfit,sans-serif}.application-error-card{width:min(100%,520px);padding:40px;border:1px solid #dbe5f0;border-radius:24px;background:#fff;box-shadow:0 20px 50px #0f2c4b1f;text-align:center}.application-error-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border-radius:16px;background:#e8f5ff;color:#057ac0;font-size:30px;font-weight:800}.application-error-eyebrow{margin:0 0 6px;color:#057ac0;font-size:13px;font-weight:800;letter-spacing:.12em}.application-error-card h1{margin:0;font-size:clamp(28px,5vw,38px)}.application-error-card>p:not(.application-error-eyebrow){margin:14px auto 24px;color:#526174;font-size:17px;line-height:1.55}.application-error-card button{width:100%;min-height:50px;border:0;border-radius:14px;background:#087fbd;color:#fff;font:inherit;font-weight:800;cursor:pointer}.application-error-card button:hover{background:#05689c}@media(max-width:560px){.application-error-card{padding:30px 22px;border-radius:20px}}.loading-logo{display:inline-grid;place-items:center}.loading-logo img{width:82px;height:82px;border-radius:50%;object-fit:cover;box-shadow:0 12px 30px #1e88e538;animation:loading-logo-pulse 1.1s ease-in-out infinite}.loading-logo--compact img{width:30px;height:30px;box-shadow:0 4px 12px #1e88e533}.loading-logo__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes loading-logo-pulse{0%,to{transform:scale(.88);opacity:.72}50%{transform:scale(1);opacity:1}}.backend-connection-banner.is-failed{border-radius:14px;background:#fff1f2;border-color:#fecdd3;color:#be123c}.backend-connection-banner button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;padding:6px 10px;background:#be123c;color:#fff;font:inherit;cursor:pointer}.backend-connection-banner button:disabled{opacity:.65;cursor:wait}.backend-spin{animation:backend-spin .9s linear infinite}@keyframes backend-spin{to{transform:rotate(360deg)}}.customer-chatbot-root{position:fixed;right:20px;bottom:20px;z-index:1400;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.customer-chatbot-fab{border:none;border-radius:999px;background:#2563eb;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #2563eb59}.customer-chatbot-fab:hover{background:#1d4ed8}.customer-chatbot-panel{width:min(360px,calc(100vw - 24px));height:min(520px,calc(100vh - 90px));background:#fff;border:1px solid #dbe3ef;border-radius:16px;box-shadow:0 20px 40px #0f172a33;display:flex;flex-direction:column;overflow:hidden}.customer-chatbot-header{padding:12px 14px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;background:#f8fbff}.customer-chatbot-header h3{margin:0;font-size:15px}.customer-chatbot-header p{margin:3px 0 0;font-size:12px;color:#64748b}.customer-chatbot-close{border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#334155}.customer-chatbot-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;background:#f8fafc}.customer-chatbot-message{max-width:92%;padding:10px 12px;border-radius:12px}.customer-chatbot-message p{margin:0;font-size:13px;line-height:1.45}.customer-chatbot-message.bot{background:#eaf2ff;color:#1e293b;align-self:flex-start}.customer-chatbot-message.user{background:#2563eb;color:#fff;align-self:flex-end}.customer-chatbot-thinking{opacity:.75}.customer-chatbot-route-btn{margin-top:8px;border:1px solid #bfdbfe;background:#fff;color:#1d4ed8;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px}.customer-chatbot-quick-questions{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;border-top:1px solid #e5e7eb;background:#fff}.customer-chatbot-quick-questions button{white-space:nowrap;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:20px;padding:6px 10px;cursor:pointer;font-size:12px}.customer-chatbot-quick-questions button:disabled,.customer-chatbot-input-row button:disabled{cursor:not-allowed;opacity:.55}.customer-chatbot-input-row{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid #e5e7eb;background:#fff}.customer-chatbot-input-row input{flex:1;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:13px}.customer-chatbot-input-row button{border:none;border-radius:10px;background:#2563eb;color:#fff;padding:9px 12px;cursor:pointer}:root[data-theme=dark] .customer-chatbot-panel{background:#0f3460;border-color:#eeeeee1f}:root[data-theme=dark] .customer-chatbot-header,:root[data-theme=dark] .customer-chatbot-quick-questions,:root[data-theme=dark] .customer-chatbot-input-row{background:#0f3460;border-color:#eeeeee1f}:root[data-theme=dark] .customer-chatbot-header h3,:root[data-theme=dark] .customer-chatbot-close{color:#eee}:root[data-theme=dark] .customer-chatbot-header p{color:#aaa}:root[data-theme=dark] .customer-chatbot-messages{background:#1a1a2e}:root[data-theme=dark] .customer-chatbot-message.bot{background:#eeeeee14;color:#eee}:root[data-theme=dark] .customer-chatbot-route-btn,:root[data-theme=dark] .customer-chatbot-quick-questions button{background:#1a1a2e;color:#eee;border-color:#eeeeee29}:root[data-theme=dark] .customer-chatbot-input-row input{background:#1a1a2e;color:#eee;border-color:#eeeeee29}.checkout-container{min-height:100vh;background:#f8f9fa}.checkout-header{background:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.checkout-header-content{display:flex;align-items:center;padding:15px 30px;max-width:1400px;margin:0 auto;gap:20px}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#1e88e5;padding:5px}.checkout-title{font-size:24px;font-weight:700;color:#333;margin:0}.checkout-main{max-width:1200px;margin:0 auto;padding:30px;display:grid;grid-template-columns:1fr 380px;gap:30px}.checkout-left{display:flex;flex-direction:column;gap:25px}.checkout-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 8px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.section-header h2{font-size:18px;color:#333;margin:0}.address-select-wrap{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.address-select-wrap label{font-size:13px;font-weight:600;color:#333}.address-select{width:100%;border:1px solid #d9dee7;border-radius:10px;padding:10px 12px;font-size:14px;color:#2f3440;background:#fff}.address-select:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e524}.add-btn{background:none;border:none;color:#1e88e5;cursor:pointer;font-weight:600;font-size:14px}.address-card{border:1px solid #e0e0e0;border-radius:12px;padding:15px;margin-bottom:15px;cursor:pointer;transition:all .3s}.address-card:hover{border-color:#1e88e5;background:#f8f9fa}.address-card.selected{border-color:#1e88e5;background:#e3f2fd}.default-tag{color:#0b7c4a;background:#0b7c4a1f;border-radius:999px;font-size:12px;padding:4px 10px;margin-left:auto}.address-actions-row{margin-top:12px;display:flex;gap:12px}.add-btn.danger{color:#d32f2f}.address-type{font-weight:700;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:8px}.address-details{color:#666;font-size:14px;line-height:1.5}.address-details p{margin:4px 0}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s}.payment-option:hover{border-color:#1e88e5;background:#f8f9fa}.payment-option.selected{border-color:#1e88e5;background:#e3f2fd}.payment-radio{width:20px;height:20px;border-radius:50%;border:2px solid #ddd;position:relative}.payment-option.selected .payment-radio{border-color:#1e88e5}.payment-option.selected .payment-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#1e88e5;border-radius:50%}.payment-info{flex:1}.payment-name{font-weight:700;color:#333;margin-bottom:4px}.payment-description{font-size:12px;color:#999}.order-summary{position:sticky;top:100px}.summary-items{max-height:300px;overflow-y:auto;margin-bottom:20px}.summary-item{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid #f0f0f0}.summary-item-image{width:50px;height:50px;flex-shrink:0;overflow:hidden;color:#1e88e5;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.summary-product-image{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.summary-item-details{flex:1}.summary-item-name{font-weight:600;color:#333;margin-bottom:4px}.summary-item-price{font-size:12px;color:#1e88e5}.summary-item-quantity{font-size:12px;color:#999}.summary-item-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px}.summary-item-controls button{min-width:28px;min-height:28px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#0f172a;cursor:pointer;font-weight:800}.summary-item-controls button:hover:not(:disabled){border-color:#1e88e5;color:#1565c0}.summary-item-controls button:disabled{cursor:not-allowed;opacity:.45}.summary-item-controls>span{min-width:20px;text-align:center;color:#334155;font-weight:800}.summary-item-controls .summary-item-remove{width:auto;padding:0 8px;margin-left:4px;border-color:#fecaca;color:#b91c1c;font-size:12px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;color:#666}.summary-total{display:flex;justify-content:space-between;padding:15px 0;border-top:2px solid #eee;font-weight:700;font-size:18px;color:#1e88e5}.place-order-btn{width:100%;padding:14px;background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:20px}.place-order-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1e88e54d}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.address-modal{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;animation:modalPop .28s ease}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px}.form-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.checkout-branch-assignment{width:100%}.branch-assignment-card{background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:15px;padding:20px;color:#fff;box-shadow:0 4px 12px #1e88e54d;position:relative;overflow:hidden}.branch-assignment-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;pointer-events:none}.branch-assignment-label{font-size:11px;font-weight:700;letter-spacing:1.2px;opacity:.9;margin-bottom:12px;text-transform:uppercase}.branch-assignment-main{margin-bottom:15px;position:relative;z-index:1}.branch-name{font-size:28px;font-weight:700;line-height:1;margin-bottom:8px}.branch-location{font-size:14px;opacity:.95;display:flex;align-items:center;gap:6px}.branch-location:before{content:"📍";font-size:16px}.branch-assignment-note{font-size:13px;line-height:1.4;opacity:.9;position:relative;z-index:1}@media(max-width:768px){.branch-assignment-card{padding:16px}.branch-name{font-size:24px}.branch-assignment-label{font-size:10px}}@media(max-width:480px){.checkout-main{grid-template-columns:1fr;padding:20px}.order-summary{position:static}}.checkout-address-notice{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #86efac;border-radius:10px;background:#f0fdf4;color:#166534;font-size:14px;font-weight:700}.checkout-address-notice button{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer;font-size:22px;line-height:1}.contact-container{min-height:100vh;background:#f8f9fa}.contact-header{background:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.contact-header-content{display:flex;align-items:center;padding:15px 30px;max-width:1400px;margin:0 auto;gap:20px}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#1e88e5;padding:5px;display:flex;align-items:center;justify-content:center;transition:all .3s}.back-btn:hover{transform:translate(-3px)}.contact-title{font-size:24px;font-weight:700;color:#333;margin:0}.contact-hero{background:linear-gradient(135deg,#1e88e5,#0d47a1);padding:60px 30px;text-align:center;color:#fff}.contact-hero h1{font-size:48px;margin-bottom:15px}.contact-hero p{font-size:18px;opacity:.9;max-width:600px;margin:0 auto}.contact-main{max-width:1200px;margin:0 auto;padding:50px 30px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.form-section{background:#fff;border-radius:20px;padding:35px;box-shadow:0 2px 8px #0000000d}.form-section h2{font-size:28px;color:#333;margin-bottom:10px}.form-section p{color:#666;margin-bottom:30px;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea,.form-group select{padding:12px 15px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;transition:all .3s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e51a}.submit-btn{padding:14px 30px;background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1e88e54d}.submit-btn:disabled{cursor:wait;opacity:.7;transform:none}.contact-form-notice{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;padding:14px 16px;border:1px solid;border-radius:12px;font-size:14px;line-height:1.45}.contact-form-notice--success{color:#14532d;background:#f0fdf4;border-color:#86efac}.contact-form-notice--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.contact-character-count{align-self:flex-end;margin-top:5px;color:#64748b;font-size:12px}.contact-mobile-service-note{margin-bottom:22px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:14px;line-height:1.55}.contact-mobile-service-note a{color:#1d4ed8;font-weight:800}.info-section{background:#fff;border-radius:20px;padding:35px;box-shadow:0 2px 8px #0000000d}.info-section h2{font-size:28px;color:#333;margin-bottom:10px}.info-section p{color:#666;margin-bottom:30px;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:25px}.contact-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f8f9fa;border-radius:12px;transition:all .3s}.contact-item:hover{background:#e3f2fd;transform:translate(5px)}.contact-icon{width:50px;height:50px;background:linear-gradient(135deg,#1e88e5,#0d47a1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex:0 0 50px;overflow:hidden}.contact-page .contact-icon .contact-info-icon{display:block;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain;filter:brightness(0) invert(1)}.contact-page .contact-text{flex:1;min-width:0}.contact-text h4{color:#333;margin-bottom:5px;font-size:16px}.contact-text p{color:#666;margin:0;font-size:14px}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:50px;margin-bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.cta-content h2{font-size:32px;color:#fff;margin-bottom:15px}.cta-content p{color:#ffffffe6;line-height:1.6;margin-bottom:25px}.cta-features{display:flex;gap:30px;margin-top:20px}.cta-feature{display:flex;align-items:center;gap:10px;color:#fff}.cta-feature span:first-child{font-size:24px}.cta-btn{padding:14px 35px;background:#fff;color:#667eea;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.locations-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.locations-section,.services-section{background:#fff;border-radius:20px;padding:35px;box-shadow:0 2px 8px #0000000d}.locations-section h3,.services-section h3{font-size:24px;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #1E88E5;display:inline-block}.locations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.location-card{padding:15px;background:#f8f9fa;border-radius:12px;transition:all .3s}.location-card:hover{background:#e3f2fd;transform:translateY(-3px)}.location-country{font-weight:700;color:#1e88e5;margin-bottom:5px}.location-office{font-size:13px;color:#666}.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.service-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f8f9fa;border-radius:8px;font-size:14px;color:#333;transition:all .3s}.service-item:hover{background:#e3f2fd;transform:translate(5px)}.service-item span:first-child{font-size:18px}.support-section{background:#fff;border-radius:20px;padding:35px;margin-bottom:60px;box-shadow:0 2px 8px #0000000d}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}.support-card{text-align:center;padding:25px;background:#f8f9fa;border-radius:15px;transition:all .3s}.support-card:hover{background:#e3f2fd;transform:translateY(-5px)}.support-icon{font-size:40px;margin-bottom:15px}.contact-page .service-list-icon{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain}.contact-page .support-team-icon{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain}.service-mobile-note{margin:8px 0 18px;color:#64748b;line-height:1.55}.support-card h4{color:#333;margin-bottom:10px;font-size:18px}.support-card p{color:#666;font-size:14px;margin-bottom:15px}.support-link{color:#1e88e5;text-decoration:none;font-weight:600;font-size:14px}.map-section{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.map-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px;text-align:center;color:#fff}.map-placeholder h3{font-size:24px;margin-bottom:10px}.map-placeholder p{opacity:.9;margin-bottom:20px}.map-btn{padding:10px 25px;background:#fff;color:#667eea;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.map-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.contact-footer{text-align:center;padding:30px;background:#fff;border-radius:20px}.website-link{font-size:18px;color:#1e88e5;text-decoration:none;font-weight:600;transition:all .3s}.website-link:hover{text-decoration:underline}@media(max-width:968px){.contact-grid,.cta-section,.locations-services-grid,.support-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:20px}.locations-grid,.services-list{grid-template-columns:1fr}.contact-hero h1{font-size:36px}.cta-section{text-align:center}.cta-features{justify-content:center}.contact-main{padding:30px 20px}:root[data-theme=dark] .contact-container{background:#1a1a2e;color:#eee}:root[data-theme=dark] .contact-header{background:#0f3460}:root[data-theme=dark] .contact-title{color:#eee}:root[data-theme=dark] .form-section,:root[data-theme=dark] .info-section,:root[data-theme=dark] .locations-section,:root[data-theme=dark] .services-section,:root[data-theme=dark] .support-section,:root[data-theme=dark] .map-section{background:#0f3460}:root[data-theme=dark] .form-section h2,:root[data-theme=dark] .info-section h2,:root[data-theme=dark] .locations-section h3,:root[data-theme=dark] .services-section h3,:root[data-theme=dark] .support-section h3,:root[data-theme=dark] .contact-text h4{color:#eee}:root[data-theme=dark] .form-section p,:root[data-theme=dark] .info-section p,:root[data-theme=dark] .contact-text p{color:#aaa}:root[data-theme=dark] .contact-item,:root[data-theme=dark] .location-card,:root[data-theme=dark] .service-item,:root[data-theme=dark] .support-card{background:#1a1a2e}:root[data-theme=dark] .service-item,:root[data-theme=dark] .location-office,:root[data-theme=dark] .support-card h4{color:#eee}:root[data-theme=dark] .location-address,:root[data-theme=dark] .location-contact,:root[data-theme=dark] .support-card p{color:#aaa}.form-section,.info-section,.locations-section,.services-section,.support-section{padding:25px}}@media(max-width:480px){.contact-hero h1{font-size:28px}.contact-hero p{font-size:14px}.cta-content h2{font-size:24px}.cta-features{flex-direction:column;align-items:center;gap:10px}}.locations-section{padding:30px 0}.locations-section h3{font-size:24px;margin-bottom:10px;color:#333}.locations-section>p{color:#666;margin-bottom:30px}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.location-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:all .3s;position:relative;border:1px solid #eee}.location-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.location-card.main-branch{border:2px solid #ffd700;background:linear-gradient(135deg,#fffef5,#fff)}.main-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,gold,#ffed4e);color:#8b4513;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700}.location-office{font-size:18px;font-weight:700;color:#1e88e5;margin-bottom:8px}.location-address{font-size:13px;color:#666;margin-bottom:8px}.location-contact{font-size:12px;color:#999;margin-top:10px;padding-top:8px;border-top:1px solid #eee}.map-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;padding:30px;margin-top:30px}.map-section h3{font-size:22px;margin-bottom:8px;color:#333}.map-section>p{color:#666;margin-bottom:25px}.map-buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.map-location-btn{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s;text-align:left;width:100%}.map-location-btn:hover{transform:translate(5px);border-color:#1e88e5;box-shadow:0 2px 8px #1e88e51a}.location-icon{font-size:24px}.location-info{flex:1}.location-info strong{display:block;font-size:14px;color:#333;margin-bottom:4px}.location-info small{font-size:11px;color:#999}.arrow-icon{font-size:18px;color:#1e88e5;opacity:0;transition:opacity .3s}.map-location-btn:hover .arrow-icon{opacity:1}@media(max-width:768px){.locations-grid,.map-buttons-grid{grid-template-columns:1fr}.map-section{padding:20px}}.amp-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f8fafc;color:#0f172a}.amp-sidebar{background:#0f172a;color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:18px}.amp-brand{font-size:17px;font-weight:800}.amp-sidebar nav{display:flex;flex-direction:column;gap:6px}.amp-sidebar a,.amp-sidebar button{color:#cbd5e1;background:transparent;border:none;text-align:left;text-decoration:none;padding:10px 12px;border-radius:8px;font:inherit;cursor:pointer}.amp-brand small{display:block;margin-top:6px;color:#cbd5e1;font-size:12px;font-weight:400}.amp-card.amp-purpose{border-top:4px solid #2563eb}.amp-purpose p{max-width:85ch;line-height:1.6}.amp-purpose-label{display:block;color:#1d4ed8;font-size:12px;font-weight:700;margin-bottom:8px}.amp-purpose-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:16px;margin:20px 0}.amp-purpose-steps li{background:#f8fafc;border-radius:10px;padding:14px}.amp-purpose-steps strong,.amp-purpose-steps span{display:block;line-height:1.5}.amp-purpose-steps span{color:#475569;font-size:14px;margin-top:6px}.amp-plan-link{display:inline-block;color:#1d4ed8;font-weight:700;padding:10px 0;text-underline-offset:3px}.amp-plan-link:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.amp-table td .amp-due-overdue{color:#b91c1c;font-weight:700}#amp-service-plan{scroll-margin-top:24px}@media(max-width:1000px){.amp-purpose-steps{grid-template-columns:1fr}}.amp-sidebar .amp-return-link{display:flex;align-items:center;gap:8px;margin-bottom:8px;border:1px solid #334155}.amp-sidebar a.active,.amp-sidebar a:hover,.amp-sidebar button:hover{background:#1e293b;color:#fff}.amp-sidebar button{margin-top:auto;display:flex;align-items:center;gap:8px}.amp-main{padding:24px;min-width:0}.amp-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.amp-header h1{margin:0;font-size:28px}.amp-header p{margin:5px 0 0;color:#64748b}.amp-header>span{color:#475569;font-weight:700}.amp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.amp-metrics article,.amp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a}.amp-metrics article{padding:16px}.amp-metrics span{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.amp-metrics strong{display:block;margin-top:6px;font-size:26px}.amp-card{padding:18px;margin-bottom:16px}.amp-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.amp-card h2{margin:0;font-size:18px}.amp-table-wrap{overflow-x:auto}.amp-table{width:100%;border-collapse:collapse;min-width:860px}.amp-table.compact{min-width:520px}.amp-table th{text-align:left;color:#64748b;font-size:12px;padding:12px 10px;border-bottom:1px solid #e2e8f0;text-transform:uppercase}.amp-table td{vertical-align:top;padding:14px 10px;border-bottom:1px solid #f1f5f9;color:#334155}.amp-table td strong,.amp-table td span{display:block}.amp-table td span{margin-top:4px;color:#64748b;font-size:12px}.amp-confidence{display:inline-flex!important;width:fit-content;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}.amp-confidence.high{background:#dcfce7;color:#166534}.amp-confidence.med{background:#fef3c7;color:#92400e}.amp-confidence.low{background:#fee2e2;color:#991b1b}.amp-warning-stack{display:grid;gap:8px}.amp-warning{border-radius:10px;padding:9px 10px;border:1px solid #fde68a;background:#fffbeb}.amp-warning.high{border-color:#fecaca;background:#fef2f2}.amp-warning strong{color:#0f172a;text-transform:capitalize}.amp-warning p{margin:4px 0 0;color:#475569;font-size:12px;line-height:1.45}.amp-muted,.amp-empty{color:#64748b}.amp-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px}.amp-review-status{color:#1d4ed8!important;font-weight:700}.amp-prediction-review td{min-width:220px}.amp-details{margin-top:14px}.amp-details>summary{cursor:pointer;font-weight:650;padding:12px 0;color:#334155}.amp-details>summary:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.amp-details p{line-height:1.6;overflow-wrap:anywhere}.amp-factor-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0 0}.amp-factor-list>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;min-width:0}.amp-factor-list dt{color:#64748b;font-size:.82rem;font-weight:700;text-transform:uppercase}.amp-factor-list dd{color:#0f172a;font-weight:650;margin:5px 0 0;overflow-wrap:anywhere}.amp-details li{line-height:1.55;margin-bottom:7px}.amp-recommendation-sections{display:grid;gap:9px;min-width:min(420px,70vw);margin-top:4px}.amp-recommendation-sections section{padding:10px 11px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff}.amp-recommendation-sections h4{margin:0 0 4px;color:#0f3e7a;font-size:11px;letter-spacing:.035em;text-transform:uppercase}.amp-recommendation-sections p{margin:0;color:#334155;font-size:12px;line-height:1.5}.amp-recommendation-sections ul{margin:0;padding-left:18px;color:#334155;font-size:12px;line-height:1.5}.amp-recommendation-sections li+li{margin-top:3px}.amp-guide h2{margin-top:0;font-size:19px}.amp-guide p{line-height:1.6;margin-bottom:8px}.amp-metrics article small{display:block;margin-top:6px;color:#64748b}.amp-management-actions{border-top:4px solid #0f766e;background:linear-gradient(135deg,#fff,#f0fdfa)}.amp-action-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.amp-action-heading h2{margin-top:4px;font-size:21px}.amp-action-heading p{max-width:82ch;margin:7px 0 0;color:#475569;line-height:1.5}.amp-action-heading>a{flex:0 0 auto;border-radius:9px;background:#0f4c81;color:#fff;padding:10px 13px;font-weight:800;text-decoration:none}.amp-action-heading>a:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.amp-action-eyebrow{color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.amp-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.amp-action-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;min-width:0;padding:14px;border:1px solid #dbe4ef;border-radius:11px;background:#fff}.amp-action-item>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:14px;font-weight:900}.amp-action-item.urgent{border-color:#fecaca;background:#fff7f7}.amp-action-item.urgent>span{background:#fee2e2;color:#b91c1c}.amp-action-item.monitor{border-color:#bbf7d0;background:#f0fdf4}.amp-action-item.monitor>span{background:#dcfce7;color:#166534}.amp-action-item h3{margin:0;color:#0f172a;font-size:15px}.amp-action-sections{display:grid;gap:7px;margin:8px 0 0}.amp-action-sections>div{border-left:2px solid #bfdbfe;padding-left:8px}.amp-action-sections dt{color:#1e3a5f;font-size:10px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.amp-action-sections dd{margin:2px 0 0;color:#475569;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.amp-action-sections ul{margin:0;padding-left:17px}.amp-action-sections li+li{margin-top:3px}.amp-action-disclaimer{margin:14px 0 0;padding-top:12px;border-top:1px solid #ccfbf1;color:#64748b;font-size:12px;line-height:1.5}#amp-follow-up-units{scroll-margin-top:24px}.amp-branch-overview .amp-card-header{align-items:end}.amp-branch-overview .amp-card-header p{margin:6px 0 0}.amp-branch-filter{display:grid;gap:6px;min-width:210px;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase}.amp-overview-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.amp-branch-filter select{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:10px;font:inherit;text-transform:none}.amp-branch-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.amp-unassigned-notice{margin:0 0 12px;padding:10px 12px;border:1px solid #fcd34d;border-radius:9px;background:#fffbeb;color:#854d0e;font-size:13px}.amp-branch-summary{display:grid;gap:4px;padding:13px;border:1px solid #dbe4ef;border-radius:10px;background:#f8fafc;color:#0f172a;text-align:left;cursor:pointer}.amp-branch-summary:hover,.amp-branch-summary.active{border-color:#2563eb;background:#eff6ff}.amp-branch-summary span{color:#475569;font-size:12px;font-weight:800;text-transform:uppercase}.amp-branch-summary strong{font-size:24px}.amp-branch-summary small{color:#64748b}.amp-clear-branch{margin-top:12px;border:0;background:transparent;color:#1d4ed8;padding:4px 0;font:inherit;font-weight:800;cursor:pointer}.amp-pipeline-groups{display:grid;gap:20px}.amp-pipeline-group{border:1px solid #e2e8f0;border-radius:11px;overflow:hidden}.amp-pipeline-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.amp-pipeline-group>header div{display:flex;align-items:baseline;gap:8px}.amp-pipeline-group>header h3{margin:0;font-size:16px}.amp-pipeline-group>header span,.amp-pipeline-group>header>strong{color:#64748b;font-size:12px}.amp-pipeline-group>header>strong{color:#b91c1c}.amp-pipeline-group .amp-table th:first-child,.amp-pipeline-group .amp-table td:first-child{padding-left:15px}.amp-report-center button,.amp-report-controls button{border:0;border-radius:9px;background:#0f4c81;color:#fff;font:inherit;font-weight:800;padding:10px 13px;cursor:pointer}.amp-report-center button:disabled{cursor:not-allowed;opacity:.55}.amp-report-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.amp-report-controls label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:800}.amp-report-controls select{min-width:220px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:10px;font:inherit}.amp-report-result{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:16px}.customer-amp-report-center{margin-top:32px}.customer-amp-report-center .amp-card{margin-bottom:0;border-radius:20px;box-shadow:0 12px 32px #0f172a14}.amp-report-result h3,.amp-report-result h4{color:#0f172a;margin:0 0 8px}.amp-report-result>p{color:#475569;line-height:1.55}.amp-report-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.amp-report-meta span{border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:4px 8px;font-size:11px;text-transform:none}.amp-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.amp-report-grid ul{margin:0;padding-left:18px;color:#475569;line-height:1.55}.amp-forecast-chart{min-height:280px;display:grid;grid-template-columns:repeat(12,minmax(54px,1fr));gap:12px;align-items:end;padding-top:16px;overflow-x:auto}.amp-bar-column{min-width:54px;display:grid;justify-items:center;gap:7px}.amp-bar-track{height:190px;width:100%;display:flex;align-items:end;border-radius:10px;background:#eff6ff;overflow:hidden}.amp-bar-track span{display:block;width:100%;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#2563eb,#0f766e)}.amp-bar-column strong{font-size:13px}.amp-bar-column small{color:#64748b;font-size:11px;text-align:center}@media(max-width:860px){.amp-shell{grid-template-columns:1fr}.amp-sidebar{position:static}.amp-main{padding:16px}.amp-report-grid{grid-template-columns:1fr}.amp-report-controls select{min-width:min(100%,280px)}.amp-branch-overview .amp-card-header,.amp-overview-filters{align-items:stretch;flex-direction:column}.amp-branch-filter{min-width:0;width:100%}.amp-action-heading{flex-direction:column}.amp-action-heading>a{width:100%;box-sizing:border-box;text-align:center}}.amp-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:20px}.amp-pagination button{border:1px solid #bfdbfe;border-radius:10px;background:#fff;color:#0369a1;font-weight:700;padding:9px 16px}.amp-pagination button:disabled{cursor:not-allowed;opacity:.45}.amp-pagination span{color:#475569;font-size:13px}@media(max-width:600px){.amp-report-center .amp-card-header{align-items:stretch;flex-direction:column}.amp-report-controls{flex-direction:column;align-items:stretch}.amp-report-controls label,.amp-report-controls select{width:100%;min-width:0}.amp-history-table{min-width:0}.amp-history-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.amp-history-table tbody,.amp-history-table tr,.amp-history-table td{display:block;width:100%}.amp-history-table tr{margin-bottom:14px;border-bottom:1px solid #e2e8f0}.amp-history-table td{border:0;overflow-wrap:anywhere}.amp-history-table td:before{content:attr(data-label);display:block;color:#64748b;font-size:12px;margin-bottom:4px}}:root[data-theme=dark] .myunit-container{background:#1a1a2e;color:#eee}:root[data-theme=dark] .myunit-header{background:#0f3460}:root[data-theme=dark] .myunit-title{color:#eee}:root[data-theme=dark] .unit-card{background:#0f3460}:root[data-theme=dark] .unit-details,:root[data-theme=dark] .maintenance-section,:root[data-theme=dark] .history-section{background:#1a1a2e}:root[data-theme=dark] .unit-info-label,:root[data-theme=dark] .unit-info-value,:root[data-theme=dark] .maintenance-item,:root[data-theme=dark] .history-item{color:#aaa}:root[data-theme=dark] .unit-brand-model,:root[data-theme=dark] .unit-status,:root[data-theme=dark] .section-title{color:#eee}.myunit-container{min-height:100vh;background:#f8f9fa}.myunit-header{background:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.myunit-header-content{display:flex;align-items:center;padding:15px 30px;max-width:1400px;margin:0 auto;gap:20px}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#1e88e5;padding:5px;display:flex;align-items:center;justify-content:center}.myunit-title{font-size:24px;font-weight:700;color:#333;margin:0}.add-unit-btn{margin-left:auto;padding:10px 20px;background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px}.myunit-main{max-width:1200px;margin:0 auto;padding:30px}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.unit-card{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 8px #0000000d;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease;cursor:pointer;transform-style:preserve-3d;perspective:1100px}.unit-organizer{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr) minmax(190px,.7fr);gap:18px;align-items:end;margin-bottom:12px;padding:20px;border:1px solid #dbe7f5;border-radius:18px;background:#fff;box-shadow:0 8px 24px #0f172a0d}.unit-organizer-copy{align-self:center}.unit-search-field,.unit-sort-field{display:grid;gap:7px;color:#475569;font-size:12px;font-weight:800}.unit-search-field input,.unit-sort-field select{min-height:46px;width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;padding:0 14px;font:inherit;font-size:14px;font-weight:600}.unit-search-field input:focus,.unit-sort-field select:focus{outline:3px solid rgba(14,165,233,.16);border-color:#0284c7}.unit-results-summary{margin:0 2px 16px;color:#64748b;font-size:13px;font-weight:700}.unit-list-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0 8px}.unit-list-pagination span{min-width:110px;color:#475569;font-size:13px;font-weight:800;text-align:center}.unit-list-pagination button{min-width:104px;min-height:42px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff;color:#1d4ed8;font-weight:800;cursor:pointer}.unit-list-pagination button:disabled{cursor:not-allowed;opacity:.42}.unit-no-results{display:grid;justify-items:center;gap:10px;margin-bottom:24px;padding:38px 20px;border:1px dashed #cbd5e1;border-radius:18px;background:#fff;text-align:center}.unit-card:hover{transform:translateY(-7px) rotateX(1.2deg) rotateY(-1.4deg);box-shadow:0 22px 45px #0f172a29}.unit-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;color:#fff;position:relative;z-index:3;min-height:132px;box-sizing:border-box}.unit-identity-badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 48px 13px 0}.unit-identity-badges>span{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;background:#ffffff2b;color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em}.unit-identity-badges .unit-newest-badge{background:#dcfce7;color:#166534}.unit-brand-model{font-size:18px;font-weight:700;margin-bottom:5px;padding-right:100px}.unit-model-code{max-width:calc(100% - 88px);color:#ffffffd1;font-size:13px;font-weight:700;line-height:1.35}.unit-header-actions{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:4px}.unit-kebab{position:relative}.unit-kebab-btn{background:#fff3;border:none;color:#fff;font-size:22px;line-height:1;padding:6px 10px;border-radius:8px;cursor:pointer}.unit-kebab-btn:hover{background:#ffffff59}.unit-kebab-menu{position:absolute;top:calc(100% + 6px);right:0;margin:0;padding:8px 0;list-style:none;min-width:220px;background:#fff;color:#1e293b;border-radius:12px;box-shadow:0 12px 30px #00000026;z-index:40}.unit-kebab-menu button{width:100%;text-align:left;padding:10px 16px;border:none;background:none;font-size:14px;cursor:pointer;color:inherit}.unit-kebab-menu button:hover{background:#f1f5f9}.unit-icon{font-size:40px}.unit-product-visual{position:relative;z-index:1;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 34%,#fffffffa,#eff6ffeb 58%,#dbeafe);transform-style:preserve-3d}.unit-product-visual--card{height:190px;margin:0}.unit-product-visual--modal{width:min(100%,380px);height:230px;margin:0 auto 18px;border:1px solid #dbeafe;border-radius:22px;box-shadow:0 20px 45px #1e40af24}.unit-product-visual img,.unit-product-fallback{position:relative;z-index:2;width:82%;height:78%;object-fit:contain;transform:translateZ(28px) rotateX(-1deg) rotateY(2deg);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease;filter:drop-shadow(0 15px 14px rgba(15,23,42,.18))}.unit-card:hover .unit-product-visual img,.unit-card:hover .unit-product-fallback{transform:translateZ(42px) rotateX(-2deg) rotateY(-3deg) scale(1.045);filter:drop-shadow(0 22px 18px rgba(15,23,42,.22))}.unit-product-fallback{display:grid;place-items:center;color:#2563eb}.unit-product-orbit{position:absolute;z-index:0;width:72%;aspect-ratio:1;border:1px solid rgba(59,130,246,.22);border-radius:50%;transform:rotateX(68deg) rotate(-12deg) translateZ(-8px);box-shadow:inset 0 0 42px #3b82f614}.unit-product-shadow{position:absolute;z-index:1;bottom:18px;width:54%;height:18px;border-radius:50%;background:#0f172a26;filter:blur(11px);transform:rotateX(72deg)}.unit-modal-product{margin-bottom:20px;text-align:center}.unit-modal-product h2{margin:0;color:#0f172a}.unit-modal-product p{margin:6px 0 0;color:#2563eb;font-size:14px;font-weight:800}@media(prefers-reduced-motion:reduce){.unit-card,.unit-product-visual img,.unit-product-fallback{transition:none}.unit-card:hover,.unit-card:hover .unit-product-visual img,.unit-card:hover .unit-product-fallback{transform:none}}.unit-body{padding:20px;flex:1}.unit-info{margin-bottom:15px}.info-row{display:grid;grid-template-columns:minmax(104px,auto) minmax(0,1fr);align-items:start;gap:16px;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-label{color:#666;font-size:13px}.info-value{font-weight:600;color:#333;min-width:0;text-align:right;overflow-wrap:anywhere;word-break:break-word}.unit-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;justify-self:end}.status-good{background:#e8f5e9;color:#2e7d32}.status-needs-service{background:#fff3e0;color:#ff9800}.status-critical{background:#ffebee;color:#f44336}.unit-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;gap:10px}.unit-btn{flex:1;padding:8px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.service-btn{background:#1e88e5;color:#fff}.report-btn{background:#ef4444;color:#fff}.history-btn{background:#f5f5f5;color:#666}.empty-units{text-align:center;padding:80px 20px;background:#fff;border-radius:20px}.empty-icon{font-size:80px;margin-bottom:20px}.empty-title{font-size:24px;color:#333;margin-bottom:10px}.empty-text{color:#999;margin-bottom:30px}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.unit-modal{background:#fff;border-radius:20px;width:90%;max-width:550px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff}.modal-header h3{margin:0;color:#333}.close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid #eee;display:flex;gap:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1e88e5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.status-options{display:flex;gap:20px;margin-top:10px}.status-option{display:flex;align-items:center;gap:8px;cursor:pointer}.confirm-btn{flex:1;padding:12px;background:linear-gradient(135deg,#1e88e5,#0d47a1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.cancel-btn{flex:1;padding:12px;background:#f5f5f5;color:#666;border:none;border-radius:8px;cursor:pointer;font-weight:600}.history-list{max-height:400px;overflow-y:auto}.history-item{padding:15px;border-bottom:1px solid #f0f0f0}.history-date{font-weight:700;color:#1e88e5;margin-bottom:5px}.history-service{font-weight:600;color:#333;margin-bottom:5px}.history-details{font-size:13px;color:#666}.history-price{color:#1e88e5;font-weight:700;margin-top:5px}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.warranty-warnings{margin:12px 0;padding:12px 14px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:14px}.warranty-warnings p{margin:0 0 6px}.warranty-warnings p:last-child{margin-bottom:0}.warranty-footnote{font-size:12px;color:#64748b;margin-top:16px;line-height:1.45}.service-history-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.register-qr-modal .register-qr-help{font-size:14px;color:#64748b;margin:0 0 12px;line-height:1.45}.register-qr-textarea{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:12px;border-radius:10px;border:1px solid #e2e8f0;padding:10px;margin-bottom:10px}.register-qr-preview{margin-top:14px;padding:12px;background:#f8fafc;border-radius:10px;font-size:14px}.error-inline{color:#b91c1c;font-size:13px;margin:0 0 8px}.service-sticker{margin-top:16px;overflow:hidden;border-radius:16px;border:1px solid #cfe2ff;background:#fff;color:#0f172a;box-shadow:0 8px 24px #1e40af12}.service-sticker-header{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:9px;padding:16px;background:linear-gradient(135deg,#eff6ff,#f8fbff);border-bottom:1px solid #dbeafe}.service-sticker-icon,.service-sticker-service-icon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;color:#1d4ed8;background:#dbeafe;position:static}.service-sticker-heading{min-width:0;overflow-wrap:anywhere}.service-sticker-label{display:block;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.service-sticker-date{display:block;color:#0f172a;font-size:20px;line-height:1.2}.service-sticker-source{grid-column:2;justify-self:start;max-width:100%;margin:0;padding:6px 9px;border-radius:999px;background:#dbeafe;color:#1e40af;font-size:10px;font-weight:800;line-height:1.25;text-align:center}.service-sticker-dial{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle at center,#fff 0 58%,transparent 59%),conic-gradient(#2563eb var(--service-progress),#e2e8f0 0)}.service-sticker-dial span{color:#1e3a8a;font-size:12px;font-weight:800}.service-sticker-track{height:9px;overflow:hidden;margin-top:12px;border-radius:999px;background:#e2e8f0}.service-sticker-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#2563eb)}.service-sticker-service{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:14px;min-height:74px;margin:14px 14px 0;padding:13px 14px;box-sizing:border-box;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.service-sticker-service-icon{display:grid;place-items:center;width:42px;height:42px;margin:0;justify-self:start;align-self:center;color:#b45309;background:#fef3c7}.service-sticker-service-icon svg{display:block;width:20px;height:20px}.service-sticker-service-copy{display:grid;min-width:0;gap:4px}.service-sticker-service-copy>span{display:block;margin:0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.03em;line-height:1.25;text-transform:uppercase;overflow-wrap:anywhere}.service-sticker-service-copy>strong{display:block;min-width:0;color:#0f172a;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.service-sticker-explanation{margin:10px 16px 0;color:#475569;font-size:12px;line-height:1.5}.service-sticker-plan{margin:12px 14px 0;padding:12px 13px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.service-sticker-plan>strong{color:#1e3a8a;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.service-sticker-plan ol{margin:8px 0 0;padding-left:20px;color:#334155;font-size:12px;line-height:1.5}.service-sticker-plan li+li{margin-top:5px}.service-sticker-plan p{margin:9px 0 0;color:#64748b;font-size:10px;line-height:1.4}.service-sticker-reason{margin:12px 14px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.service-sticker-reason summary{padding:11px 2px;color:#1d4ed8;font-size:13px;font-weight:800;cursor:pointer}.service-sticker-reason p{margin:0 2px 12px;color:#475569;font-size:12px;line-height:1.55}.service-sticker-notice{display:flex;align-items:flex-start;gap:9px;margin:12px 14px 0;padding:10px 11px;border-radius:11px;background:#fff7ed;color:#9a3412}.service-sticker-notice>svg{flex:0 0 auto;margin-top:1px}.service-sticker-notice strong{display:block;margin-bottom:2px;font-size:12px}.service-sticker-notice p{margin:0;font-size:11px;line-height:1.45}.service-sticker-quality{background:#fef2f2;color:#991b1b}.service-sticker-app-note{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:11px 14px;background:#f8fafc;border-top:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:700;line-height:1.4}.service-sticker-book{width:100%;margin-top:12px;padding:12px 14px;border:none;border-radius:10px;background:#0f766e;color:#fff;font-weight:800;cursor:pointer}.service-sticker-book:disabled{background:#cbd5e1;color:#475569;cursor:not-allowed}.service-sticker-alert{border-color:#fecaca;background:#fef2f2;color:#991b1b;font-size:13px}.service-sticker-static{background:#f8fafc;border-color:#e2e8f0}:root[data-theme=dark] .service-sticker{border-color:#334155;background:#111827;color:#e5e7eb}:root[data-theme=dark] .service-sticker-header,:root[data-theme=dark] .service-sticker-service,:root[data-theme=dark] .service-sticker-app-note{border-color:#334155;background:#172033}:root[data-theme=dark] .service-sticker-date,:root[data-theme=dark] .service-sticker-service strong{color:#f8fafc}:root[data-theme=dark] .service-sticker-explanation,:root[data-theme=dark] .service-sticker-reason p,:root[data-theme=dark] .service-sticker-app-note{color:#cbd5e1}:root[data-theme=dark] .service-sticker-reason{border-color:#334155}:root[data-theme=dark] .service-sticker-plan{border-color:#1d4ed8;background:#172554}:root[data-theme=dark] .service-sticker-plan>strong,:root[data-theme=dark] .service-sticker-plan ol{color:#dbeafe}:root[data-theme=dark] .service-sticker-plan p{color:#bfdbfe}@media(max-width:768px){.myunit-main{padding:20px}.units-grid{grid-template-columns:1fr}.unit-organizer{grid-template-columns:1fr;align-items:stretch;padding:16px}.form-row{grid-template-columns:1fr;gap:0}.unit-header{padding:15px}}.bq-my-unit-retry{padding:11px 20px;border:0;border-radius:999px;background:#0f172a;color:#fff;font-weight:700;cursor:pointer}.history-ai-follow-up{display:grid;gap:5px;margin-top:10px;padding:12px 14px;border:1px solid #bae6fd;border-radius:12px;background:#f0f9ff;color:#0f172a;line-height:1.45}.history-ai-follow-up strong{color:#0369a1;font-size:13px}.history-ai-follow-up span{font-size:14px}.history-follow-up-plan{gap:12px}.history-follow-up-row,.history-follow-up-actions{display:grid;gap:4px}.history-follow-up-row strong,.history-follow-up-actions strong{color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.history-follow-up-actions ul{margin:0;padding-left:20px}.history-follow-up-actions li+li{margin-top:5px}.history-follow-up-warning{color:#9a3412;font-size:13px}:root[data-theme=dark] .history-ai-follow-up{border-color:#075985;background:#0c4a6e;color:#e0f2fe}:root[data-theme=dark] .history-follow-up-row strong,:root[data-theme=dark] .history-follow-up-actions strong{color:#bae6fd}:root[data-theme=dark] .unit-organizer,:root[data-theme=dark] .unit-no-results{border-color:#334155;background:#0f3460}:root[data-theme=dark] .unit-search-field,:root[data-theme=dark] .unit-sort-field,:root[data-theme=dark] .unit-results-summary,:root[data-theme=dark] .unit-list-pagination span{color:#cbd5e1}:root[data-theme=dark] .unit-search-field input,:root[data-theme=dark] .unit-sort-field select{border-color:#475569;background:#172033;color:#f8fafc}.cancel-order-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #e5e7eb;border-radius:24px;background:#fff;color:#1f2937;box-shadow:0 24px 80px #0f172a30;overflow:auto;font-family:inherit;text-align:left;box-sizing:border-box}.cancel-order-dialog::backdrop{background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cancel-order-dialog .cancel-order-dialog__content{padding:28px;margin:0}.cancel-order-dialog .cancel-order-dialog__header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.cancel-order-dialog .cancel-order-dialog__eyebrow{margin:0 0 8px;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.12em}.cancel-order-dialog h2{margin:0;color:#111827;font-size:24px;line-height:1.3}.cancel-order-dialog .cancel-order-dialog__order{margin:18px 0 12px;padding:10px 12px;background:#f3f4f6;border-radius:10px;font-size:13px;font-weight:600;overflow-wrap:anywhere}.cancel-order-dialog .cancel-order-dialog__description{color:#64748b;font-size:14px;line-height:1.65;margin:0 0 22px}.cancel-order-dialog label{display:block;margin-bottom:9px;color:#1f2937;font-size:14px;font-weight:600}.cancel-order-dialog textarea{display:block;width:100%;min-height:112px;box-sizing:border-box;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#111827;font:inherit;font-size:14px;line-height:1.5;resize:vertical}.cancel-order-dialog textarea::placeholder{color:#94a3b8}.cancel-order-dialog textarea:focus-visible,.cancel-order-dialog button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.cancel-order-dialog textarea[aria-invalid=true]{border-color:#b91c1c}.cancel-order-dialog .cancel-order-dialog__count{text-align:right;color:#64748b;font-size:12px;margin-top:6px}.cancel-order-dialog .cancel-order-dialog__error{margin:12px 0 0;color:#b91c1c;background:#fef2f2;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.5}.cancel-order-dialog .cancel-order-dialog__actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.cancel-order-dialog button{font:inherit;cursor:pointer;box-shadow:none;transform:none}.cancel-order-dialog .cancel-order-dialog__close{flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f3f4f6;color:#475569;font-size:24px;line-height:1}.cancel-order-dialog .cancel-order-dialog__keep,.cancel-order-dialog .cancel-order-dialog__submit{flex:1;padding:12px 14px;min-height:46px;border-radius:12px;font-size:13px;font-weight:700}.cancel-order-dialog .cancel-order-dialog__keep{background:#fff;border:1px solid #cbd5e1;color:#374151}.cancel-order-dialog .cancel-order-dialog__submit{background:#b91c1c;border:1px solid #b91c1c;color:#fff}.cancel-order-dialog .cancel-order-dialog__submit:hover:not(:disabled){background:#991b1b}.cancel-order-dialog .cancel-order-dialog__keep:hover:not(:disabled){background:#f8fafc}.cancel-order-dialog button:disabled{opacity:.6;cursor:wait}@media(max-width:480px){.cancel-order-dialog{border-radius:20px}.cancel-order-dialog .cancel-order-dialog__content{padding:22px}.cancel-order-dialog h2{font-size:21px}.cancel-order-dialog .cancel-order-dialog__actions{flex-direction:column-reverse;gap:10px}}.settings-container{min-height:100vh;background:#f9fafb;font-family:Inter,-apple-system,Segoe UI,sans-serif;transition:background .2s ease}.settings-container.dark{background:#0f172a}.settings-container.dark .settings-header{background:#1e293b;border-bottom-color:#ffffff0f}.settings-container.dark .settings-header h1{color:#f1f5f9}.settings-container.dark .settings-section{background:#1e293b;border-color:#ffffff0f}.settings-container.dark .section-title{border-bottom-color:#ffffff0f}.settings-container.dark .section-title h2{color:#f1f5f9}.settings-container.dark .setting-item{border-bottom-color:#ffffff0a}.settings-container.dark .setting-item:hover{background:#2563eb14}.settings-container.dark .setting-label{color:#f1f5f9}.settings-container.dark .setting-description{color:#64748b}.settings-container.dark .setting-value{color:#94a3b8;background:#2563eb1f}.settings-container.dark .setting-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.settings-container.dark .setting-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.settings-container.dark .setting-select{background:#0f172a;border-color:#334155;color:#f1f5f9}.settings-container.dark .settings-modal{background:#1e293b;border-color:#ffffff14}.settings-container.dark .modal-header{border-bottom-color:#ffffff0f}.settings-container.dark .modal-header h3{color:#f1f5f9}.settings-container.dark .modal-body{color:#94a3b8}.settings-container.dark .modal-footer{border-top-color:#ffffff0f}.settings-container.dark .modal-btn-secondary{background:#334155;color:#f1f5f9;border-color:#475569}.settings-container.dark .modal-btn-secondary:hover{background:#475569}.settings-container.dark .session-item{background:#0f172a;border-color:#ffffff0f}.settings-container.dark .session-device{color:#f1f5f9}.settings-header{background:#fff;padding:16px 32px;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb}.back-btn{background:#eff6ff;border:1px solid #bfdbfe;width:40px;height:40px;border-radius:10px;font-size:20px;cursor:pointer;color:#2563eb;display:flex;align-items:center;justify-content:center;transition:all .18s ease;flex-shrink:0}.back-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translate(-2px)}.settings-header h1{font-size:22px;font-weight:800;color:#111827;margin:0;letter-spacing:-.04em}.logout-btn{margin-left:auto;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:9px 18px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;gap:8px}.logout-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.settings-container.dark .logout-btn{background:#ef44441a;color:#fca5a5;border-color:#ef444433}.settings-container.dark .logout-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}@media(max-width:768px){.logout-btn span{display:none}.logout-btn{padding:9px 12px}}.settings-content{max-width:860px;margin:0 auto;padding:32px 20px;animation:fadeInUp .3s ease}.settings-content--layout{max-width:1180px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.settings-nav-card{position:sticky;top:88px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a;overflow:hidden}.settings-user-badge{padding:18px;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;align-items:center}.settings-user-avatar{width:52px;height:52px;border-radius:999px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden}.settings-user-avatar img{width:100%;height:100%;object-fit:cover}.settings-user-badge h3{margin:0;font-size:14px}.settings-user-badge p{margin:2px 0;color:#6b7280;font-size:12px}.settings-user-badge small{color:#2563eb;font-size:11px;font-weight:700}.settings-nav-list{display:flex;flex-direction:column;padding:10px;gap:6px}.settings-nav-item{width:100%;border:1px solid transparent;background:#fff;border-radius:12px;padding:10px 12px;display:flex;gap:9px;align-items:center;cursor:pointer;color:#374151;font-weight:600}.settings-nav-item:hover{border-color:#dbeafe;background:#f8fbff}.settings-nav-item.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.settings-panel-stack{min-width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.settings-section{background:#fff;border-radius:16px;margin-bottom:20px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s ease}.settings-section:hover{box-shadow:0 4px 12px -2px #00000012}.section-title{padding:18px 24px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:12px}.section-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:10px;flex-shrink:0}.section-title h2{font-size:15px;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.settings-list{padding:4px 0}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:background .15s ease,padding-left .15s ease}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:#f9fafb;padding-left:28px}.setting-item--column{flex-direction:column;align-items:stretch;cursor:default;gap:12px}.settings-row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-avatar-row{display:flex;align-items:center;gap:14px}.settings-avatar-button{width:72px;height:72px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;font-weight:700}.settings-avatar-image{width:100%;height:100%;object-fit:cover}.settings-address-list{display:flex;flex-direction:column;gap:10px}.settings-address-item{border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.settings-address-item p,.settings-address-item small{margin:4px 0 0;color:#6b7280}.settings-address-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-pill{margin-left:8px;background:#ecfdf5;color:#047857;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.setting-info{flex:1}.setting-label{font-weight:600;color:#1f2937;margin-bottom:4px;font-size:14px;display:flex;align-items:center;gap:8px}.setting-label-icon{font-size:16px}.setting-description{font-size:12px;color:#9ca3af;line-height:1.4}.setting-value{color:#2563eb;font-size:12.5px;margin-right:12px;font-weight:600;background:#eff6ff;padding:4px 12px;border-radius:20px;border:1px solid #bfdbfe;white-space:nowrap}.chevron{color:#d1d5db;font-size:13px;transition:transform .2s ease,color .15s ease}.setting-item:hover .chevron{transform:translate(4px);color:#2563eb}.setting-item.danger{border-left:3px solid #ef4444}.setting-item.danger .setting-label{color:#ef4444}.setting-item.danger:hover{background:#fef2f2}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.25s ease;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;transition:.25s ease;border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.toggle-slider{background:#2563eb}input:checked+.toggle-slider:before{transform:translate(22px)}.setting-input{width:200px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:13.5px;transition:all .18s ease;background:#f9fafb;color:#1f2937}.setting-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.setting-select{padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:13.5px;background:#f9fafb;color:#1f2937;cursor:pointer;transition:all .18s ease}.setting-select:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.edit-mode{display:flex;align-items:center;gap:10px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.edit-buttons{display:flex;gap:8px}.edit-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:6px 12px;border-radius:8px;transition:all .18s ease;font-weight:600}.save-btn{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0!important}.save-btn:hover{background:#10b981;color:#fff;border-color:#10b981!important}.cancel-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca!important}.cancel-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444!important}.settings-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.settings-modal{background:#fff;border-radius:20px;width:90%;max-width:480px;max-height:85vh;overflow-y:auto;animation:modalSlideUp .25s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -10px #0003;border:1px solid #e5e7eb}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#111827;font-size:17px;font-weight:700;letter-spacing:-.02em}.close-modal{background:#f3f4f6;border:1px solid #e5e7eb;width:32px;height:32px;border-radius:8px;font-size:18px;cursor:pointer;color:#6b7280;transition:all .18s ease;display:flex;align-items:center;justify-content:center}.close-modal:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:10px}.modal-btn{padding:10px 22px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:13.5px;transition:all .18s ease}.modal-btn-primary{background:#2563eb;color:#fff;border:1px solid transparent!important}.modal-btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb4d;transform:translateY(-1px)}.modal-btn-secondary{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb!important}.modal-btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.modal-btn-danger{background:#ef4444;color:#fff;border:1px solid transparent!important}.modal-btn-danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef44444d;transform:translateY(-1px)}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#374151;font-size:13px}.form-group input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:13.5px;transition:all .18s ease;background:#f9fafb;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.session-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:10px;transition:all .18s ease}.session-item:hover{background:#eff6ff;border-color:#bfdbfe;transform:translate(3px)}.session-info{flex:1}.session-device{font-weight:600;color:#1f2937;margin-bottom:3px;font-size:13.5px}.session-details{font-size:12px;color:#9ca3af}.session-badge{display:inline-block;padding:4px 10px;background:#ecfdf5;color:#065f46;border-radius:20px;font-size:11px;font-weight:700;border:1px solid #a7f3d0}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.success-toast,.settings-toast{position:fixed;top:92px;right:24px;background:#10b981;color:#fff;padding:12px 22px;border-radius:12px;font-weight:600;font-size:13.5px;animation:slideInRight .25s cubic-bezier(.4,0,.2,1);z-index:1100;box-shadow:0 8px 20px #10b9814d}.settings-toast--error{background:#dc2626;box-shadow:0 8px 20px #dc26264d}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.loading-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:800px 100%;animation:shimmer 1.8s infinite;border-radius:8px}@media(max-width:768px){.settings-header{padding:14px 18px}.settings-header h1{font-size:18px}.settings-content{padding:20px 14px}.settings-content--layout{grid-template-columns:1fr;gap:14px}.settings-nav-card{position:static}.settings-nav-list{flex-direction:row;flex-wrap:wrap}.settings-nav-item{width:calc(50% - 4px)}.setting-item{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 18px}.setting-item:hover,.setting-item--column{padding-left:18px}.setting-value{margin-right:0}.edit-mode{width:100%;justify-content:flex-end}.setting-input,.setting-select{width:100%}.section-title{padding:14px 18px}}:root{--bq-font-heading: "Outfit", sans-serif;--bq-font-body: "Outfit", sans-serif;--bq-color-brand: #000000;--bq-color-accent: #2563eb;--bq-color-bg: #f4f5f7;--bq-color-surface: #ffffff;--bq-color-ink: #09090b;--bq-color-border: rgba(0, 0, 0, .05);--bq-shadow-soft: 0 10px 25px -5px rgba(0, 0, 0, .05);--bq-shadow-float: 0 20px 40px -10px rgba(0, 0, 0, .08)}.bq-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-family:var(--bq-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);border:none;white-space:nowrap}.bq-btn--primary{background:var(--bq-color-brand);color:#fff;box-shadow:var(--bq-shadow-soft)}.bq-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--bq-shadow-float)}.bq-btn--outline{background:#fff;color:var(--bq-color-ink);border:1px solid var(--bq-color-border)}.bq-btn--outline:hover:not(:disabled){background:var(--bq-color-bg)}.bq-btn--ghost{background:transparent;color:#71717a}.bq-btn--ghost:hover:not(:disabled){background:var(--bq-color-bg);color:var(--bq-color-ink)}.bq-btn--cancel{background:transparent;color:#71717a}.bq-btn--cancel:hover:not(:disabled){background:#ef44440d;color:#ef4444}.bq-btn--sm{height:44px;padding:0 20px;font-size:12px}.bq-btn--md{height:56px;padding:0 28px;font-size:14px}.bq-btn--lg{height:64px;padding:0 32px;font-size:15px}.bq-btn:disabled{background:#71717a!important;color:#fff9!important;cursor:not-allowed;box-shadow:none!important;transform:none!important;border-color:#71717a!important}.bq-tech-card{display:inline-flex;align-items:center;gap:8px;border-radius:8px;font-family:var(--bq-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-width:1px;border-style:solid;transition:all .3s ease}.bq-tech-card--sm{padding:4px 10px;font-size:11px}.bq-tech-card--md{padding:8px 14px;font-size:13px}.bq-tech-card:hover{transform:translateY(-2px);box-shadow:var(--bq-shadow-soft)}.bq-badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;font-family:var(--bq-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.bq-badge--pill{border-radius:999px}.bq-input-field{width:100%;border-radius:16px;font-family:var(--bq-font-body);transition:all .3s ease;outline:none}.bq-drawer-panel{position:fixed;top:0;height:100%;background:#fff;z-index:2000;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}body{margin:0;font-family:Outfit,-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:#f4f5f7}