body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#eef7fb;--bg-secondary:#e3f1f8;--bg-card:#fffc;--bg-card-solid:#fff;--bg-elevated:#fff;--bg-hover:#0b86ad14;--bg-input:#fff;--bg-surface:#e9f5fb;--glass-bg:#ffffffe0;--glass-border:#0000000f;--glass-shadow:0 8px 32px #00000014;--accent-1:#0b86ad;--accent-2:#06698d;--accent-3:#22a8c8;--gradient-primary:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);--gradient-warm:linear-gradient(135deg,#f2a83e,#e88035);--gradient-cool:linear-gradient(135deg,#0aa4bf,#56c4db);--gradient-success:linear-gradient(135deg,#10b981,#059669);--hero-bg-image:url(/static/media/hero-ocean.5e7923fd61d14f81606b.png);--hero-bg-fallback:url(https://images.unsplash.com/photo-1560241831-f1f81f3d09f7?auto=format&fit=crop&w=2200&q=80);--text-primary:#0f2a3a;--text-secondary:#315469;--text-muted:#6f8a99;--text-accent:#0b86ad;--border-color:#00000014;--border-light:#0000000a;--success:#14b37a;--success-light:#10b9811f;--warning:#f2a83e;--warning-light:#f59e0b1f;--danger:#e35f5f;--danger-light:#ef44441a;--info:#0b86ad;--info-light:#0b86ad1f;--purple:#a78bfa;--purple-light:#a78bfa1a;--primary:#0b86ad;--primary-hover:#06698d;--primary-light:#0b86ad1f;--bg-color:#eef7fb;--card-bg:#fff;--text-main:#0f2a3a;--text-light:#315469;--navbar-bg:#ffffffeb;--chat-header-bg:#ffffffe0;--chat-messages-bg:#e9f5fb;--chat-grid-dot:#0b86ad0a;--quick-actions-bg:#ffffffe0;--input-area-bg:#fffffff0;--on-accent:#fff;--accent-glow:#0b86ad40;--accent-glow-strong:#0b86ad66;--accent-glow-light:#0b86ad1f;--scrollbar-thumb:#0b86ad38;--scrollbar-thumb-hover:#0b86ad61;--body-glow-1:#0b86ad0f;--body-glow-2:#22a8c808;--input-focus-bg:#fff;--focus-ring:#0b86ad29;--login-glow:#0b86ad14;--table-hover:#0b86ad0f;--detail-quote-bg:#0b86ad14;--user-msg-shadow:#0b86ad3d;--detail-msg-user-bg:#0b86ad14}[data-theme=dark]{--bg-primary:#081826;--bg-secondary:#10273b;--bg-card:#ffffff0a;--bg-card-solid:#10273b;--bg-elevated:#173650;--bg-hover:#56c4db1a;--bg-input:#ffffff0f;--bg-surface:#081826;--glass-bg:#081826e0;--glass-border:#ffffff0f;--glass-shadow:0 8px 32px #0006;--accent-1:#56c4db;--accent-2:#22a8c8;--accent-3:#8fd8e8;--gradient-primary:linear-gradient(135deg,#0b86ad,#22a8c8 50%,#8fd8e8);--text-primary:#ecf8fd;--text-secondary:#b6d1de;--text-muted:#7fa3b4;--text-accent:#56c4db;--border-color:#ffffff14;--border-light:#ffffff0a;--info:#56c4db;--info-light:#56c4db24;--primary:#22a8c8;--primary-hover:#0b86ad;--primary-light:#56c4db29;--bg-color:#081826;--card-bg:#10273b;--text-main:#ecf8fd;--text-light:#b6d1de;--navbar-bg:#081826eb;--chat-header-bg:#081826e0;--chat-messages-bg:#081826;--chat-grid-dot:#56c4db08;--quick-actions-bg:#081826e0;--input-area-bg:#081826f0;--on-accent:#fff;--accent-glow:#56c4db4d;--accent-glow-strong:#56c4db75;--accent-glow-light:#56c4db24;--scrollbar-thumb:#56c4db42;--scrollbar-thumb-hover:#56c4db6b;--body-glow-1:#56c4db0d;--body-glow-2:#22a8c808;--input-focus-bg:#173650;--focus-ring:#56c4db33;--login-glow:#56c4db14;--table-hover:#56c4db12;--detail-quote-bg:#56c4db14;--user-msg-shadow:#56c4db4d;--detail-msg-user-bg:#56c4db14}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef7fb;background:var(--bg-primary);color:#0f2a3a;color:var(--text-primary);font-family:Manrope,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden}body:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,#0b86ad0f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 60%,#22a8c808 0,#0000 60%);background:radial-gradient(ellipse 80% 50% at 20% 40%,var(--body-glow-1) 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 60%,var(--body-glow-2) 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}#root{min-height:100vh;position:relative;z-index:1}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0b86ad38;background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0b86ad61;background:var(--scrollbar-thumb-hover)}.navbar{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffeb;background:var(--navbar-bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000004d;color:#0f2a3a;color:var(--text-primary);display:flex;height:64px;justify-content:space-between;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0}.nav-right{align-items:center;display:flex;gap:8px}.nav-right a{border-radius:8px;color:#315469;color:var(--text-secondary);font-size:14px;font-weight:500;margin:0;padding:8px 16px;text-decoration:none;transition:all .2s}.nav-right a:hover{background:#0b86ad14;background:var(--bg-hover);color:#0f2a3a;color:var(--text-primary)}.theme-toggle-btn{align-items:center;background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;color:#315469;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);width:36px}.theme-toggle-btn:hover{background:#0b86ad14;background:var(--bg-hover);border-color:#0b86ad;border-color:var(--accent-1);color:#0b86ad;color:var(--accent-1);transform:rotate(15deg) scale(1.05)}.logout-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#f87171;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.logout-btn:hover{background:#ef44442e;border-color:#ef444459}.chat-container{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:calc(100vh - 64px);margin:0;max-width:100%;overflow:hidden;width:100%}.chat-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe0;background:var(--chat-header-bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);border-radius:0;color:#0f2a3a;color:var(--text-primary);flex-shrink:0;justify-content:space-between;padding:16px 32px}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:14px}.chat-header-icon{align-items:center;background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border-radius:14px;box-shadow:0 4px 15px #0b86ad40;box-shadow:0 4px 15px var(--accent-glow);display:flex;height:46px;justify-content:center;width:46px}.chat-header h2{color:#0f2a3a;color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.chat-header-status{align-items:center;color:#315469;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.status-dot{animation:pulse-dot 2s infinite;background:#14b37a;background:var(--success);border-radius:50%;box-shadow:0 0 8px #10b98199;display:inline-block;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.chat-header-right{display:flex;gap:8px}.chat-messages{background:#e9f5fb;background:var(--chat-messages-bg);display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px 32px;position:relative;scroll-behavior:smooth}.chat-messages:before{background-image:radial-gradient(circle at 1px 1px,#0b86ad0a 1px,#0000 0);background-image:radial-gradient(circle at 1px 1px,var(--chat-grid-dot) 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:absolute}.chat-bubble{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1);display:flex;gap:12px;max-width:70%;position:relative;transition:transform .2s ease}.chat-bubble:hover{transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bot-bubble{align-self:flex-start}.user-bubble{align-self:flex-end;flex-direction:row-reverse}.bubble-avatar{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-top:2px;width:36px}.bot-avatar{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);box-shadow:0 3px 10px #0b86ad40;box-shadow:0 3px 10px var(--accent-glow);color:#fff;color:var(--on-accent)}.user-avatar{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 3px 10px #0000004d;color:#fff}.bubble-content{display:flex;flex-direction:column;gap:6px}.bubble-message{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.65;padding:14px 18px;white-space:pre-line}.bot-msg{background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:6px 18px 18px 18px;box-shadow:0 1px 4px #00000014;color:#0f2a3a;color:var(--text-primary)}.user-msg{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border-radius:18px 6px 18px 18px;box-shadow:0 3px 12px #0b86ad3d;box-shadow:0 3px 12px var(--user-msg-shadow);color:#fff;color:var(--on-accent)}.bubble-time{color:#6f8a99;color:var(--text-muted);font-size:11px;padding:0 4px}.user-bubble .bubble-time{text-align:right}.bubble-meta{background:#e9f5fb;background:var(--bg-surface);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-top:2px;padding:8px 14px}.meta-row{align-items:center;display:flex;gap:6px}.meta-label{color:#6f8a99;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.meta-value{color:#0b86ad;color:var(--text-accent);font-size:12px;font-weight:600}.intent-tag-chat{background:#0b86ad1f;background:var(--info-light);border-radius:4px;color:#22a8c8;color:var(--accent-3);font-size:11px;font-weight:600;padding:2px 8px}.status-badge-chat{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 10px}.status-resolved{background:#10b9811f;background:var(--success-light);color:#34d399}.status-escalated{background:#f59e0b1f;background:var(--warning-light);color:#fbbf24}.typing-bubble{opacity:.85}.typing-dots{display:flex;gap:5px;padding:4px 0}.typing-dots span{animation:typing-bounce 1.4s ease-in-out infinite;background:#0b86ad;background:var(--accent-1);border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.typing-label{color:#6f8a99;color:var(--text-muted);font-size:12px;font-style:italic;margin:2px 0 0}.chat-quick-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;background:var(--quick-actions-bg);border-top:1px solid #00000014;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:12px 32px}.quick-action-btn{align-items:center;background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:24px;color:#315469;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.quick-action-btn:hover{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 4px 14px #0b86ad40;box-shadow:0 4px 14px var(--accent-glow);color:#fff;color:var(--on-accent);transform:translateY(-2px) scale(1.03)}.chat-input-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;background:var(--input-area-bg);border-top:1px solid #00000014;border-top:1px solid var(--border-color);flex-shrink:0;padding:16px 32px 20px}.chat-input-row{align-items:center;display:flex;gap:10px}.chat-order-input{background:#fff;background:var(--bg-input);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:#0f2a3a;color:var(--text-primary);flex-shrink:0;font-family:inherit;font-size:13px;margin:0;padding:12px 14px;transition:all .2s;width:110px}.chat-order-input::placeholder{color:#6f8a99;color:var(--text-muted)}.chat-order-input:focus{background:#fff;background:var(--input-focus-bg);border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 0 0 3px #0b86ad29;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-text-input{background:#fff;background:var(--bg-input);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:#0f2a3a;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;margin:0;padding:12px 18px;transition:all .2s}.chat-text-input::placeholder{color:#6f8a99;color:var(--text-muted)}.chat-text-input:focus{background:#fff;background:var(--input-focus-bg);border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 0 0 3px #0b86ad29;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db)!important;background:var(--gradient-primary)!important;border:none;border-radius:14px!important;box-shadow:0 3px 12px #0b86ad40;box-shadow:0 3px 12px var(--accent-glow);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:0;height:46px;justify-content:center;min-width:46px;padding:0!important;transition:all .25s cubic-bezier(.16,1,.3,1);width:46px!important}.chat-send-btn:hover{box-shadow:0 6px 20px #0b86ad66;box-shadow:0 6px 20px var(--accent-glow-strong);transform:scale(1.08)}.chat-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.chat-error{align-items:center;background:#ef44441a;background:var(--danger-light);border-top:1px solid #ef444433;color:#f87171;display:flex;flex-shrink:0;font-size:13px;gap:8px;padding:10px 32px}.intent-action-card{background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:14px;margin-top:8px;padding:14px 16px}.intent-action-header{align-items:center;color:#0f2a3a;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:10px}.intent-action-buttons{display:flex;flex-direction:column;gap:8px}.intent-btn{align-items:center;background:#e9f5fb;background:var(--bg-surface);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;color:#315469;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .25s}.intent-btn:hover{box-shadow:0 3px 10px #0000004d;transform:translateY(-1px)}.refund-btn:hover{background:#0b86ad1f;background:var(--info-light);border-color:#0b86ad;border-color:var(--accent-1);color:#0b86ad;color:var(--accent-1)}.credit-btn:hover{background:#10b9811f;background:var(--success-light);border-color:#14b37a;border-color:var(--success);color:#34d399}.refund-card{border-color:#6366f133}.cancel-card{border-color:#f59e0b33}.damage-card{border-color:#ef444433}.mismatch-card{border-color:#8b5cf633}.intent-action-info{color:#315469;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.user-header-info{align-items:center;display:flex;gap:10px}.user-greeting{color:#0f2a3a;color:var(--text-primary);font-size:13px;font-weight:600}.header-icon-btn{align-items:center;background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;color:#315469;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.header-icon-btn:hover{background:#fff;background:var(--bg-elevated);border-color:#00000014;border-color:var(--border-color);color:#0f2a3a;color:var(--text-primary)}.sign-in-btn{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;color:var(--on-accent);font-size:13px;padding:6px 14px}.sign-in-btn:hover{box-shadow:0 4px 15px #0b86ad40;box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-1px)}.auth-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:200}.auth-card{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #00000014;box-shadow:var(--glass-shadow);max-width:420px;overflow:hidden;padding:40px;position:relative;width:100%}.auth-card:before{background:radial-gradient(ellipse at center,#0b86ad14 0,#0000 70%);background:radial-gradient(ellipse at center,var(--login-glow) 0,#0000 70%);content:"";height:100%;left:-20%;pointer-events:none;position:absolute;top:-60%;width:140%}.auth-card-icon{align-items:center;background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border-radius:16px;box-shadow:0 4px 20px #0b86ad40;box-shadow:0 4px 20px var(--accent-glow);color:#fff;color:var(--on-accent);display:inline-flex;height:56px;justify-content:center;margin-bottom:12px;width:56px}.auth-card-title{color:#0f2a3a;color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 4px;position:relative;text-align:center}.auth-card-subtitle{color:#6f8a99;color:var(--text-muted);font-size:13px;margin:0 0 20px;position:relative;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{border-bottom:2px solid #00000014;border-bottom:2px solid var(--border-color);display:flex;gap:0;margin-bottom:16px}.auth-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6f8a99;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;margin-bottom:-2px;padding:10px 16px;transition:all .2s}.auth-tab.active{border-bottom-color:#0b86ad;border-bottom-color:var(--accent-1);color:#0b86ad;color:var(--accent-1)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input{background:#fff;background:var(--bg-input);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#0f2a3a;color:var(--text-primary);font-size:13px;margin:0;outline:none;padding:11px 16px;transition:all .2s;width:100%}.auth-form input::placeholder{color:#6f8a99;color:var(--text-muted)}.auth-form input:focus{border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 0 0 3px #0b86ad29;box-shadow:0 0 0 3px var(--focus-ring)}.auth-error{color:#f87171;font-size:12px;margin:0;padding:4px 0}.auth-submit-btn{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border:none;border-radius:10px;box-shadow:0 3px 10px #0b86ad40;box-shadow:0 3px 10px var(--accent-glow);color:#fff;color:var(--on-accent);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.auth-submit-btn:hover{box-shadow:0 6px 18px #0b86ad66;box-shadow:0 6px 18px var(--accent-glow-strong);transform:translateY(-1px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-close-btn{background:none;border:none;color:#6f8a99;color:var(--text-muted);cursor:pointer;font-size:12px;margin-top:10px;padding:8px;width:100%}.auth-close-btn:hover{color:#315469;color:var(--text-secondary)}.orders-panel{animation:slideDown .3s cubic-bezier(.16,1,.3,1);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);max-height:260px;overflow-y:auto}.orders-panel,.orders-panel-header{background:#fff;background:var(--bg-card-solid)}.orders-panel-header{align-items:center;display:flex;justify-content:space-between;padding:14px 24px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.orders-panel-header h3{align-items:center;color:#0f2a3a;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.orders-close-btn{background:none;border:none;border-radius:8px;color:#6f8a99;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .2s}.orders-close-btn:hover{background:#0b86ad14;background:var(--bg-hover);color:#315469;color:var(--text-secondary)}.orders-list{gap:12px;overflow-x:auto;padding:8px 24px 16px}.order-card-mini{background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;flex-shrink:0;min-width:190px;padding:14px;transition:all .25s cubic-bezier(.16,1,.3,1)}.order-card-mini:hover{background:#0b86ad14;background:var(--bg-hover);border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 4px 16px #0b86ad1f;box-shadow:0 4px 16px var(--accent-glow-light);transform:translateY(-2px)}.order-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.order-id-mini{color:#22a8c8;color:var(--accent-3);font-size:12px;font-weight:700}.order-status-mini{border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.order-status-mini.status-delivered{background:#10b9811f;background:var(--success-light);color:#34d399}.order-status-mini.status-shipped{background:#0b86ad1f;background:var(--info-light);color:#0b86ad;color:var(--accent-1)}.order-status-mini.status-processing{background:#f59e0b1f;background:var(--warning-light);color:#fbbf24}.order-status-mini.status-placed{background:#a78bfa1a;background:var(--purple-light);color:#c4b5fd}.order-status-mini.status-out-for-delivery{background:#06b6d41a;color:#22d3ee}.order-status-mini.status-cancelled{background:#ef44441a;background:var(--danger-light);color:#f87171}.order-product-mini{color:#0f2a3a;color:var(--text-primary);font-size:13px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-price-mini{color:#6f8a99;color:var(--text-muted);font-size:12px;margin:0}.login-container{background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #00000014;box-shadow:var(--glass-shadow);margin:80px auto;max-width:420px;overflow:hidden;padding:40px;position:relative;width:100%}.login-container:before{background:radial-gradient(ellipse at center,#0b86ad14 0,#0000 70%);background:radial-gradient(ellipse at center,var(--login-glow) 0,#0000 70%);content:"";height:100%;left:-20%;pointer-events:none;position:absolute;top:-60%;width:140%}.login-container h2{color:#0f2a3a;color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:28px;margin-top:0;position:relative;text-align:center}.login-container input{background:#fff;background:var(--bg-input);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:#0f2a3a;color:var(--text-primary);font-family:inherit;font-size:14px;margin:0 0 14px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.login-container input::placeholder{color:#6f8a99;color:var(--text-muted)}.login-container input:focus{border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 0 0 3px #0b86ad29;box-shadow:0 0 0 3px var(--focus-ring)}.login-container button[type=submit]{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 3px 12px #0b86ad40;box-shadow:0 3px 12px var(--accent-glow);color:#fff;color:var(--on-accent);cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:13px;transition:all .25s;width:100%}.login-container button[type=submit]:hover{box-shadow:0 6px 20px #0b86ad66;box-shadow:0 6px 20px var(--accent-glow-strong);transform:translateY(-2px)}.dashboard-container{margin:0 auto;max-width:1500px;padding:32px 40px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-title{align-items:center;display:flex;gap:14px}.header-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;margin:0}.btn-outline{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:10px;color:#f87171;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.btn-outline:hover{background:#ef444426}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.metric-card{align-items:center;background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.metric-card:before{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s}.metric-card:hover{border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.metric-card:hover:before{opacity:1}.metric-card h3{color:#0f2a3a;color:var(--text-primary);font-size:28px;font-weight:800;margin:0}.metric-card p{color:#6f8a99;color:var(--text-muted);font-size:13px;font-weight:500;margin:4px 0 0}.metric-card svg{color:#0b86ad;color:var(--accent-1);opacity:.7}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:32px}.table-card{background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.table-card h3{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);color:#0f2a3a;color:var(--text-primary);font-size:16px;font-weight:700;margin:0;padding:20px 24px}.modern-table{border-collapse:collapse;table-layout:auto;text-align:left;width:100%}.modern-table th{background:#e9f5fb;background:var(--bg-surface);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);color:#6f8a99;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.8px;padding:14px 16px;text-transform:uppercase}.modern-table td{border-bottom:1px solid #0000000a;border-bottom:1px solid var(--border-light);color:#315469;color:var(--text-secondary);font-size:13px;padding:14px 16px;vertical-align:top}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover{background:#0b86ad0f;background:var(--table-hover)}.modern-table tr{transition:background .15s}.badge{align-items:center;border-radius:8px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 12px;white-space:nowrap}.badge-success{background:#10b9811f;background:var(--success-light);color:#34d399}.badge-info{background:#38bdf81f;color:#38bdf8}.badge-warning{background:#f59e0b1f;background:var(--warning-light);color:#fbbf24}.badge-primary{background:#0b86ad1f;background:var(--info-light);color:#0b86ad;color:var(--accent-1)}.badge-danger{background:#ef44441a;background:var(--danger-light);color:#f87171}.user-query-cell{color:#0b86ad!important;color:var(--accent-1)!important;font-size:13px;font-weight:600;max-width:200px;word-break:break-word}.escalation-cell{color:#fbbf24!important;font-style:italic;max-width:180px}.escalation-cell,.message-cell{font-size:12px;word-break:break-word}.message-cell{color:#6f8a99!important;color:var(--text-muted)!important;max-width:280px}.order-id-link{color:#22a8c8;color:var(--accent-3);cursor:pointer;font-weight:700;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px;transition:all .2s}.order-id-link:hover{color:#0b86ad;color:var(--accent-1);-webkit-text-decoration-style:solid;text-decoration-style:solid;text-shadow:0 0 8px #6366f14d}.modern-table button{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;margin-right:6px;padding:6px 14px;transition:all .2s}.modern-table button:first-child{background:#10b9811f;background:var(--success-light);color:#34d399}.modern-table button:first-child:hover{background:#10b98140}.modern-table button:last-child{background:#ef44441a;background:var(--danger-light);color:#f87171}.modern-table button:last-child:hover{background:#ef444440}.empty-state{color:#6f8a99;color:var(--text-muted);flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.detail-overlay,.empty-state{align-items:center;display:flex}.detail-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 24px 64px #00000080;max-height:85vh;max-width:720px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-modal-header{align-items:center;background:#fff;background:var(--bg-card-solid);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.detail-modal-header h3{align-items:center;color:#0f2a3a;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:10px;margin:0}.detail-close-btn{background:#fff;background:var(--bg-elevated);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;color:#6f8a99;color:var(--text-muted);cursor:pointer;padding:8px;transition:all .2s}.detail-close-btn:hover{background:#ef44441a;background:var(--danger-light);border-color:#ef444433;color:#f87171}.detail-modal-body{padding:20px 24px}.detail-section{border-bottom:1px solid #0000000a;border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:16px}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{align-items:center;color:#0f2a3a;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 12px}.detail-quote{background:#0b86ad14;background:var(--detail-quote-bg);border-left:4px solid #0b86ad;border-left:4px solid var(--accent-1);border-radius:12px;color:#315469;color:var(--text-secondary);font-size:14px;font-style:italic;margin-bottom:10px;padding:14px 18px}.detail-meta-row{color:#6f8a99;color:var(--text-muted);display:flex;font-size:13px;gap:20px}.detail-escalation-reason{align-items:center;background:#f59e0b1f;background:var(--warning-light);border:1px solid #f59e0b33;border-radius:10px;color:#fbbf24;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:10px 14px}.detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.detail-field{background:#e9f5fb;background:var(--bg-surface);border:1px solid #0000000a;border:1px solid var(--border-light);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 14px}.detail-label{align-items:center;color:#6f8a99;color:var(--text-muted);display:flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.8px;text-transform:uppercase}.detail-value{color:#0f2a3a;color:var(--text-primary);font-size:14px;font-weight:600}.detail-no-data{color:#6f8a99;color:var(--text-muted);font-size:13px;font-style:italic}.policy-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.policy-check-row{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.check-pass{background:#10b9811f;background:var(--success-light);border-color:#10b98133}.check-pass .policy-check-icon{color:#34d399}.check-fail{background:#ef44441a;background:var(--danger-light);border-color:#ef444433}.check-fail .policy-check-icon{color:#f87171}.policy-check-icon{flex-shrink:0;margin-top:2px}.policy-check-label{color:#0f2a3a;color:var(--text-primary);font-size:13px;font-weight:600}.policy-check-detail{color:#6f8a99;color:var(--text-muted);font-size:12px;margin-top:2px}.policy-verdict{border-radius:12px;font-size:14px;font-weight:600;padding:14px 18px;text-align:center}.verdict-approve{background:#10b9811f;background:var(--success-light);border:1px solid #10b98133;color:#34d399}.verdict-caution{background:#f59e0b1f;background:var(--warning-light);border:1px solid #f59e0b33;color:#fbbf24}.detail-conversation{background:#e9f5fb;background:var(--bg-surface);border:1px solid #0000000a;border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:10px}.detail-msg{border-radius:10px;display:flex;font-size:13px;gap:10px;padding:8px 12px}.detail-msg-user{background:#0b86ad14;background:var(--detail-msg-user-bg)}.detail-msg-bot{background:#fff;background:var(--bg-card-solid)}.detail-msg-sender{color:#0f2a3a;color:var(--text-primary);flex-shrink:0;font-weight:700;min-width:70px}.detail-msg-text{color:#315469;color:var(--text-secondary)}.detail-actions{border-top:1px solid #00000014;border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:16px;padding-top:16px}.detail-approve-btn,.detail-reject-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:13px 20px;transition:all .25s cubic-bezier(.16,1,.3,1)}.detail-approve-btn{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);box-shadow:0 3px 12px #0596692e;color:#fff}.detail-approve-btn:hover{box-shadow:0 6px 20px #05966947;transform:translateY(-2px)}.detail-reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 12px #dc26262e;color:#fff}.detail-reject-btn:hover{box-shadow:0 6px 20px #dc262647;transform:translateY(-2px)}.container{background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #00000014;box-shadow:var(--glass-shadow);margin:60px auto;max-width:480px;padding:40px;width:100%}.container h2{font-weight:600;margin-bottom:24px;margin-top:0}.container h2,input,textarea{color:#0f2a3a;color:var(--text-primary)}input,textarea{background:#fff;background:var(--bg-input);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;margin:10px 0 20px;padding:12px 16px;transition:all .2s;width:100%}input::placeholder,textarea::placeholder{color:#6f8a99;color:var(--text-muted)}input:focus,textarea:focus{border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 0 0 3px #0b86ad29;box-shadow:0 0 0 3px var(--focus-ring);outline:none}textarea{height:120px;resize:vertical}.container button[type=submit],.login-container button[type=submit]{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 3px 12px #0b86ad40;box-shadow:0 3px 12px var(--accent-glow);color:#fff;color:var(--on-accent);cursor:pointer;font-size:15px;font-weight:600;padding:13px;transition:all .25s;width:100%}.container button[type=submit]:hover,.login-container button[type=submit]:hover{box-shadow:0 6px 20px #0b86ad66;box-shadow:0 6px 20px var(--accent-glow-strong);transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.5}.response{background:#e9f5fb;background:var(--bg-surface);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;color:#315469;color:var(--text-secondary);font-size:14px;margin-top:24px;padding:20px}.response p{margin:8px 0}.quick-btn{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.quick-btn:hover{box-shadow:0 4px 12px #0b86ad40;box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.text-primary{color:#0b86ad;color:var(--accent-1)}.text-blue{color:#0b86ad;color:var(--info)}.text-green{color:#14b37a}.text-yellow{color:#f2a83e}.text-purple{color:#a78bfa;color:var(--purple)}.text-gray,.text-gray-light{color:#6f8a99;color:var(--text-muted)}.text-dark{color:#0f2a3a;color:var(--text-primary)}.bg-blue-light{background:#0b86ad1f;background:var(--info-light)}.bg-green-light{background:#10b9811f;background:var(--success-light)}.bg-yellow-light{background:#f59e0b1f;background:var(--warning-light)}.bg-purple-light{background:#a78bfa1a;background:var(--purple-light)}.bg-green{background:#14b37a;background:var(--success)}.bg-yellow{background:#f2a83e;background:var(--warning)}.font-medium{font-weight:500}.text-sm{font-size:14px}.text-xs{font-size:12px}.confidence-bar-container{background:#00000014;background:var(--border-color);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.confidence-bar{border-radius:3px;height:100%}.action-buttons{display:flex;gap:8px}.btn-sm{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-sm:hover{opacity:.9}.btn-success{background:#14b37a;background:var(--success);color:#fff}.btn-danger{background:#e35f5f;background:var(--danger);color:#fff}.intent-tag{background:#fff;background:var(--bg-input);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:6px;color:#6f8a99;color:var(--text-muted);font-size:12px;font-weight:500;padding:4px 8px}.recharts-cartesian-grid line{stroke:#ffffff0f!important}.recharts-text{fill:#6f8a99!important;fill:var(--text-muted)!important;font-size:12px!important}.recharts-legend-item-text{color:#315469!important;color:var(--text-secondary)!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:#fff!important;background:var(--bg-card-solid)!important;border:1px solid #00000014!important;border:1px solid var(--border-color)!important;border-radius:10px!important;box-shadow:0 8px 24px #0006!important}.recharts-tooltip-label{color:#0f2a3a!important;color:var(--text-primary)!important}.recharts-tooltip-item{color:#315469!important;color:var(--text-secondary)!important}@media (max-width:768px){.navbar{padding:0 16px}.chat-messages{padding:16px}.chat-quick-actions{padding:10px 16px}.chat-input-area{padding:12px 16px}.chat-order-input{width:80px}.dashboard-container{padding:16px}.metrics-grid{grid-template-columns:1fr 1fr}.charts-grid,.detail-grid{grid-template-columns:1fr}.detail-modal{max-height:90vh}.chat-bubble{max-width:88%}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.chat-header{padding:12px 16px}}.admin-layout{background:linear-gradient(180deg,#e4f4fb,#f2f9fd);display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#0b365e,#0c4b78 50%,#0a3f68);border-right:1px solid #00000014;border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:240px;z-index:100}.sidebar-brand{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:24px 20px 20px}.sidebar-brand h2{color:#f2fbff;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.sidebar-brand span{color:#d4ecf6cc;display:block;font-size:.75rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 10px}.sidebar-link{align-items:center;background:#0000;border:none;border-radius:10px;color:#dcf0f8db;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.sidebar-link:hover{background:#8fd8e829;color:#fff}.sidebar-link.active{background:linear-gradient(135deg,#0a7da7,#0b86ad 60%,#33b8d2);box-shadow:0 6px 16px #021a324d;color:#fff;font-weight:600}.sidebar-footer{border-top:1px solid #00000014;border-top:1px solid var(--border-color);padding:12px 10px}.logout-link:hover{background:#ef44441a!important;color:#ef4444!important}.admin-main{background:linear-gradient(180deg,#e8f6fc,#f5fbff);flex:1 1;margin-left:240px;overflow-y:auto;padding:28px 32px}.admin-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-page-header h2{color:#0f2a3a;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.header-stats{display:flex;gap:8px}.metric-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.order-search-bar{margin-bottom:20px;max-width:500px;position:relative}.order-search-icon{color:#6f8a99;color:var(--text-muted);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.order-search-input{background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;color:#0f2a3a;color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 14px 10px 42px;transition:border .2s ease;width:100%}.order-search-input:focus{border-color:#0b86ad;border-color:var(--primary);box-shadow:0 0 0 3px #0b86ad29;box-shadow:0 0 0 3px var(--focus-ring)}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#fff;background:var(--bg-card-solid);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:14px;padding:20px 24px;transition:box-shadow .2s ease}.order-card:hover{box-shadow:0 4px 16px #0000000f}.order-card.order-cancelled{opacity:.75}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.order-card-title{align-items:center;display:flex;gap:10px}.order-card-title strong{color:#0f2a3a;color:var(--text-primary);font-size:1rem}.order-card-meta{align-items:center;color:#315469;color:var(--text-secondary);display:flex;font-size:.85rem;gap:16px}.order-card-meta span{align-items:center;display:flex;gap:4px}.order-card-info{color:#315469;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:20px;margin-bottom:16px}.order-card-info span{align-items:center;display:flex;gap:5px}.order-stepper{margin:16px 0;padding:8px 0}.order-stepper,.stepper-step{align-items:center;display:flex}.stepper-step{flex-direction:column;flex-shrink:0;gap:6px}.stepper-circle{align-items:center;background:#fff;background:var(--bg-card-solid);border:2px solid #00000014;border:2px solid var(--border-color);border-radius:50%;color:#6f8a99;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.step-completed .stepper-circle{background:#10b981;border-color:#10b981;color:#fff}.step-current .stepper-circle{background:#0b86ad;background:var(--primary);border-color:#0b86ad;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26;color:#fff}.stepper-label{color:#6f8a99;color:var(--text-muted);font-size:.7rem;max-width:70px;text-align:center;white-space:nowrap}.step-completed .stepper-label,.step-current .stepper-label{color:#0f2a3a;color:var(--text-primary);font-weight:600}.stepper-line{background:#00000014;background:var(--border-color);border-radius:2px;flex:1 1;height:3px;margin:0 4px 24px;transition:background .3s ease}.stepper-line.line-completed{background:#10b981}.order-card-footer{border-top:1px solid #00000014;border-top:1px solid var(--border-color);color:#6f8a99;color:var(--text-muted);display:flex;font-size:.8rem;gap:20px;padding-top:12px}.order-card-footer span{align-items:center;display:flex;gap:5px}@media (max-width:768px){.admin-sidebar{overflow:hidden;width:60px}.admin-sidebar .sidebar-brand span,.admin-sidebar .sidebar-link span,.sidebar-brand h2{display:none}.sidebar-brand{justify-content:center;padding:16px 8px}.sidebar-link{justify-content:center;padding:10px}.admin-main{margin-left:60px;padding:16px}.order-card-header{align-items:flex-start;flex-direction:column;gap:8px}.stepper-label{font-size:.6rem}.stepper-circle{font-size:.7rem;height:26px;width:26px}}.landing-page{background:linear-gradient(180deg,#041428,#0a3c66 17%,#e7f6fc 18%,#f1f9fe);color:#0f2a3a;color:var(--text-primary);min-height:100vh}.landing-nav{left:0;position:fixed;right:0;top:16px;z-index:200}.landing-nav,[data-theme=dark] .landing-nav{background:#0000;border-bottom:none;box-shadow:none}.landing-nav-inner{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0523428f;border:1px solid #aee0f157;border-radius:18px;box-shadow:0 12px 30px #0313286b;display:flex;height:66px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 28px}.landing-logo{align-items:center;color:#fff;display:flex;font-size:1.35rem;font-weight:800;gap:10px;letter-spacing:.3px}.landing-nav-links{align-items:center;display:flex;gap:8px}.landing-nav-links a{border-radius:999px;color:#ffffffe0;font-size:.9rem;font-weight:600;padding:8px 14px;text-decoration:none;transition:all .2s}[data-theme=dark] .landing-nav-links a{color:#ffffffe0}.landing-nav-links a:hover,[data-theme=dark] .landing-nav-links a:hover{background:#ffffff24;color:#fff}.landing-login-btn{background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);box-shadow:0 2px 10px #0b86ad40;box-shadow:0 2px 10px var(--accent-glow);color:#fff!important;font-size:.9rem;padding:8px 22px}.landing-login-btn:hover{box-shadow:0 4px 16px #0b86ad66;box-shadow:0 4px 16px var(--accent-glow-strong);transform:translateY(-1px)}.landing-hero{background-image:linear-gradient(98deg,#03162ae6 4%,#073c69b8 45%,#0b4c8247),url(/static/media/hero-ocean.5e7923fd61d14f81606b.png),url(https://images.unsplash.com/photo-1560241831-f1f81f3d09f7?auto=format&fit=crop&w=2200&q=80);background-image:linear-gradient(98deg,#03162ae6 4%,#073c69b8 45%,#0b4c8247 100%),var(--hero-bg-image),var(--hero-bg-fallback);background-position:50%;background-size:cover;overflow:hidden;padding:118px 32px 74px;position:relative}[data-theme=dark] .landing-hero{background-image:linear-gradient(98deg,#020e1ef2 2%,#042444cc 45%,#0738605c),url(/static/media/hero-ocean.5e7923fd61d14f81606b.png),url(https://images.unsplash.com/photo-1560241831-f1f81f3d09f7?auto=format&fit=crop&w=2200&q=80);background-image:linear-gradient(98deg,#020e1ef2 2%,#042444cc 45%,#0738605c 100%),var(--hero-bg-image),var(--hero-bg-fallback)}.hero-inner{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1.15fr .85fr;margin:0 auto;max-width:1200px}.hero-left{text-align:left}.hero-badge{align-items:center;background:#ffffff2b;border:1px solid #ffffff47;border-radius:20px;color:#f2f8ff;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;margin-bottom:20px;padding:6px 16px}[data-theme=dark] .hero-badge{background:#ffffff21;border-color:#ffffff38}.hero-left h1{color:#fff;font-size:2.85rem;font-weight:900;letter-spacing:-.8px;line-height:1.15;margin:0 0 22px;text-shadow:0 8px 24px #02102252}[data-theme=dark] .hero-left h1{color:#f8fbff}.hero-left>p{color:#eef5ffe0;font-size:1.08rem;line-height:1.7;margin:0 0 32px;max-width:520px}[data-theme=dark] .hero-left>p{color:#eef5ffd6}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.hero-btn-primary{align-items:center;background:#f59f28;border-radius:12px;box-shadow:0 10px 26px #f59f2859;color:#0d2b4f;display:inline-flex;font-size:1.05rem;font-weight:700;gap:10px;padding:15px 32px;text-decoration:none;transition:all .25s}.hero-btn-primary:hover{background:#f3b04d;box-shadow:0 14px 30px #f59f2875;transform:translateY(-2px)}.hero-btn-secondary{align-items:center;background:#092b54b8;border:2px solid #ffffff59;border-radius:12px;color:#f4f8ff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:10px;padding:14px 32px;transition:all .25s}[data-theme=dark] .hero-btn-secondary{border-color:#ffffff59;color:#f5f9ff}.hero-btn-secondary:hover{background:#0c386deb;border-color:#ffffff73}[data-theme=dark] .hero-btn-secondary:hover{background:#1f2937}.hero-stats{flex-wrap:wrap;gap:28px;margin-top:40px}.hero-stat,.hero-stats{align-items:center;display:flex}.hero-stat{gap:12px}.hero-stat-icon{color:#f8bd67;flex-shrink:0}.hero-stat h3{color:#fff;font-size:1.35rem;font-weight:800;line-height:1.2;margin:0}.hero-stat p{font-size:.76rem;font-weight:500;margin:1px 0 0}.hero-stat p,[data-theme=dark] .hero-stat p{color:#e9f3ffd1}.hero-right{display:flex;justify-content:flex-end}.hero-image-card{background:#fffffff2;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 20px 44px #03102359;overflow:hidden;padding:20px;position:relative;width:min(360px,100%)}.hero-image-card:after{content:none}.hero-image{border:3px solid #fff;border-radius:999px;box-shadow:36px 0 0 -3px #fff,72px 0 0 -3px #fff;display:block;height:44px;object-fit:cover;width:102px}.hero-image-overlay-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;margin-top:0;padding:0;position:static;z-index:2}[data-theme=dark] .hero-image-overlay-card{background:#0000}.hero-overlay-stat{grid-gap:12px;align-items:center;color:#0f2d53;display:grid;gap:12px;grid-template-columns:auto 1fr}.overlay-stat-num{color:#0f2d53;display:block;font-size:2.7rem;font-weight:800;line-height:1}[data-theme=dark] .overlay-stat-num{color:#0f2d53}.overlay-stat-label{color:#294f79;display:block;font-size:.84rem;font-weight:600;max-width:210px}.section-tag{align-items:center;background:#e6f7fb;border:1px solid #b7e5f0;border-radius:16px;color:#0b86ad;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;margin-bottom:10px;padding:5px 14px}[data-theme=dark] .section-tag{background:#2563eb1f;border-color:#2563eb4d}.landing-track{background:linear-gradient(180deg,#e2f4fb,#f2f9fd);padding:80px 32px}[data-theme=dark] .landing-track{background:#111827}.track-section-inner{margin:0 auto;max-width:720px;text-align:center}.track-section-inner h2{align-items:center;color:#111827;display:inline-flex;font-size:1.9rem;font-weight:800;gap:10px;margin:0 0 8px}[data-theme=dark] .track-section-inner h2{color:#f1f5f9}.track-section-inner h2 svg{color:#0b86ad}.track-subtitle{color:#6b7280;margin:0 0 28px}[data-theme=dark] .track-subtitle{color:#9ca3af}.track-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 4px 24px #0000000d;padding:32px;text-align:left}[data-theme=dark] .track-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 24px #0003}.track-tabs{background:#e9f5fb;background:var(--bg-surface);border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.track-tab{background:#0000;border:none;border-radius:8px;color:#315469;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s}.track-tab.active{background:#0b86ad;background:var(--accent-1);box-shadow:0 2px 8px #0b86ad40;box-shadow:0 2px 8px var(--accent-glow);color:#fff;font-weight:600}.track-input-row{display:flex;gap:10px;margin-bottom:4px}.track-input-wrapper{flex:1 1;position:relative}.track-input-icon{color:#6f8a99;color:var(--text-muted);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.track-input{background:#fff;background:var(--bg-input);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#0f2a3a;color:var(--text-primary);font-size:.95rem;outline:none;padding:12px 14px 12px 42px;transition:all .2s;width:100%}.track-input:focus{border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 0 0 4px #0b86ad29,0 0 20px #0b86ad1f;box-shadow:0 0 0 4px var(--focus-ring),0 0 20px var(--accent-glow-light)}.track-btn{align-items:center;background:linear-gradient(135deg,#0a7da7,#0b86ad 55%,#2fb5cf);border:none;border-radius:9px;box-shadow:0 4px 14px #0b86ad40;box-shadow:0 4px 14px var(--accent-glow);color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:5px;padding:9px 18px;transition:all .25s;white-space:nowrap}.track-btn:hover{background:linear-gradient(135deg,#086a8f,#0a759b 55%,#229db9);box-shadow:0 6px 20px #0b86ad66;box-shadow:0 6px 20px var(--accent-glow-strong);transform:translateY(-1px)}.track-btn:disabled{cursor:not-allowed;opacity:.6}.track-error{align-items:center;background:#ef44441a;background:var(--danger-light);border-radius:10px;color:#e35f5f;color:var(--danger);display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-top:12px;padding:10px 14px}.track-result{background:#e9f5fb;background:var(--bg-surface);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:12px;margin-top:20px;padding:20px}.track-result-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.track-result-header h3{color:#0f2a3a;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.track-product{color:#315469;color:var(--text-secondary);font-size:.85rem}.track-status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:5px 14px;white-space:nowrap}.status-delivered{background:#10b9811f;background:var(--success-light);color:#14b37a;color:var(--success)}.status-shipped{background:#0b86ad1f;background:var(--info-light);color:#0b86ad;color:var(--accent-1)}.status-processing{background:#f59e0b1f;background:var(--warning-light);color:#f2a83e;color:var(--warning)}.status-out-for-delivery{background:#0b86ad1f;background:var(--info-light);color:#0b86ad;color:var(--accent-1)}.status-cancelled{background:#ef44441a;background:var(--danger-light);color:#e35f5f;color:var(--danger)}.track-stepper{align-items:flex-start;display:flex;justify-content:space-between;margin:20px 0}.track-step{flex-direction:column;flex-shrink:0;gap:6px}.track-step,.track-step-circle{align-items:center;display:flex}.track-step-circle{background:#fff;background:var(--bg-card-solid);border:2px solid #00000014;border:2px solid var(--border-color);border-radius:50%;color:#6f8a99;color:var(--text-muted);font-size:.8rem;font-weight:600;height:36px;justify-content:center;transition:all .3s;width:36px}.track-step.step-done .track-step-circle{background:#14b37a;background:var(--success);border-color:#14b37a;border-color:var(--success);color:#fff}.track-step.step-active .track-step-circle{border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 0 0 4px #0b86ad29;box-shadow:0 0 0 4px var(--focus-ring);color:#0b86ad;color:var(--accent-1)}.track-step-label{color:#6f8a99;color:var(--text-muted);font-size:.7rem;text-align:center;white-space:nowrap}.track-step.step-active .track-step-label,.track-step.step-done .track-step-label{color:#0f2a3a;color:var(--text-primary);font-weight:600}.track-step-line{background:#00000014;background:var(--border-color);flex:1 1;height:2px;margin-top:18px;min-width:20px}.track-step-line.line-done{background:#14b37a;background:var(--success)}.track-cancelled{align-items:center;background:#ef44441a;background:var(--danger-light);border-radius:10px;color:#e35f5f;color:var(--danger);display:flex;font-size:.9rem;font-weight:500;gap:8px;margin:16px 0;padding:12px}.track-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:16px}.track-detail-item{align-items:flex-start;background:#fff;background:var(--bg-card-solid);border:1px solid #0000000a;border:1px solid var(--border-light);border-radius:10px;display:flex;gap:10px;padding:10px}.track-detail-item svg{color:#0b86ad;color:var(--accent-1);flex-shrink:0;margin-top:2px}.track-detail-label{color:#6f8a99;color:var(--text-muted);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.track-detail-value{color:#0f2a3a;color:var(--text-primary);display:block;font-size:.85rem;font-weight:500;margin-top:2px}.landing-services{background:linear-gradient(180deg,#ecf8fd,#f8fcff);padding:90px 32px}[data-theme=dark] .landing-services{background:#0b1220}.services-inner{margin:0 auto;max-width:1100px;text-align:center}.services-header{margin-bottom:44px}.services-inner h2{color:#111827;font-size:1.9rem;font-weight:800;margin:0 0 8px}[data-theme=dark] .services-inner h2{color:#f1f5f9}.services-subtitle{color:#6b7280;margin:0}[data-theme=dark] .services-subtitle{color:#9ca3af}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.service-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;text-align:left;transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .service-card{background:#1e293b;border-color:#334155}.service-card:hover{box-shadow:0 18px 50px #0000001f;transform:translateY(-6px)}[data-theme=dark] .service-card:hover{box-shadow:0 18px 50px #0006}.service-card-img{height:190px;overflow:hidden;width:100%}.service-card-img img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.service-card:hover .service-card-img img{transform:scale(1.08)}.service-card-body{padding:24px}.service-icon{align-items:center;background:#e6f7fb;border-radius:12px;color:#4b6570;display:flex;height:48px;justify-content:center;margin-bottom:14px;transition:box-shadow .3s ease,color .3s ease,background .3s ease;width:48px}.service-card:hover .service-icon{background:#d0eff7;box-shadow:0 0 18px #0b86ad40;color:#0b86ad}[data-theme=dark] .service-icon{background:#64748b26;color:#94a3b8}[data-theme=dark] .service-card:hover .service-icon{background:#22a8c83d;box-shadow:0 0 18px #56c4db61;color:#8fd8e8}.service-card h3{color:#111827;font-size:1.05rem;font-weight:700;margin:0 0 8px}[data-theme=dark] .service-card h3{color:#f1f5f9}.service-card p{color:#6b7280;font-size:.88rem;line-height:1.55;margin:0}[data-theme=dark] .service-card p{color:#9ca3af}.landing-solutions{background:linear-gradient(180deg,#f8fcff,#e9f7fc);padding:90px 32px}[data-theme=dark] .landing-solutions{background:#111827}.solutions-inner{margin:0 auto;max-width:900px;text-align:center}.solutions-inner h2{color:#111827;font-size:1.9rem;font-weight:800;margin:0 0 8px}[data-theme=dark] .solutions-inner h2{color:#f1f5f9}.solutions-subtitle{color:#6b7280;margin:0 0 36px}[data-theme=dark] .solutions-subtitle{color:#9ca3af}.solutions-steps{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.solution-step{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;flex:1 1;max-width:240px;min-width:180px;padding:28px 22px 24px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.solution-step:hover{box-shadow:0 8px 28px #0000000f;transform:translateY(-4px)}[data-theme=dark] .solution-step{background:#1e293b;border-color:#334155}[data-theme=dark] .solution-step:hover{box-shadow:0 8px 28px #00000040}.step-icon-wrap{align-items:center;background:#e6f7fb;border-radius:16px;color:#0b86ad;display:flex;height:56px;justify-content:center;margin:0 auto 12px;transition:box-shadow .2s ease;width:56px}.solution-step:hover .step-icon-wrap{box-shadow:0 0 14px #0b86ad3d}[data-theme=dark] .solution-step:hover .step-icon-wrap{box-shadow:0 0 14px #56c4db59}[data-theme=dark] .step-icon-wrap{background:#22a8c833}.step-number{align-items:center;background:#0b86ad;border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:800;height:32px;justify-content:center;margin:0 auto 12px;transition:transform .3s ease,box-shadow .3s ease;width:32px}.solution-step:hover .step-number{box-shadow:0 0 12px #0b86ad66;transform:scale(1.12)}.solution-step h3{color:#111827;font-size:.95rem;font-weight:700;margin:0 0 8px}[data-theme=dark] .solution-step h3{color:#f1f5f9}.solution-step p{color:#6b7280;font-size:.82rem;line-height:1.5;margin:0}[data-theme=dark] .solution-step p{color:#9ca3af}.solution-connector{color:#0b86ad;flex-shrink:0;opacity:.5;transition:opacity .3s ease}.solutions-steps:hover .solution-connector{opacity:.8}[data-theme=dark] .solution-connector{color:#8fd8e8;opacity:.4}.landing-credibility{background:linear-gradient(180deg,#e7f4fb,#f2f9fd);padding:80px 32px}[data-theme=dark] .landing-credibility{background:#0b1220}.credibility-inner{margin:0 auto;max-width:900px;text-align:center}.credibility-inner h2{color:#0f172a;font-size:1.9rem;font-weight:800;margin-bottom:8px}[data-theme=dark] .credibility-inner h2{color:#f1f5f9}.credibility-inner>p{color:#64748b;font-size:.95rem;margin-bottom:36px}[data-theme=dark] .credibility-inner>p{color:#94a3b8}.credibility-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.credibility-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px 18px;transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .credibility-card{background:#1e293b;border-color:#334155}.credibility-card:hover{box-shadow:0 12px 32px #00000014;transform:translateY(-4px)}[data-theme=dark] .credibility-card:hover{box-shadow:0 12px 32px #00000059}.credibility-icon{align-items:center;background:#e6f7fb;border-radius:12px;color:#0b86ad;display:flex;height:48px;justify-content:center;margin:0 auto 14px;transition:box-shadow .2s ease;width:48px}[data-theme=dark] .credibility-icon{background:#22a8c833}.credibility-card:hover .credibility-icon{box-shadow:0 0 14px #0b86ad47}[data-theme=dark] .credibility-card:hover .credibility-icon{box-shadow:0 0 14px #56c4db66}.credibility-card h3{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:4px}[data-theme=dark] .credibility-card h3{color:#f1f5f9}.credibility-card p{color:#64748b;font-size:.85rem;margin:0}[data-theme=dark] .credibility-card p{color:#94a3b8}@media (max-width:768px){.credibility-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.credibility-grid{grid-template-columns:1fr}}.landing-support{background:linear-gradient(180deg,#ebf7fc,#f8fcff);padding:90px 32px;text-align:center}[data-theme=dark] .landing-support{background:#111827}.support-inner{margin:0 auto;max-width:600px}.support-inner svg{color:#f59e0b;margin-bottom:16px}.support-inner h2{color:#111827;font-size:1.6rem;font-weight:700;margin:0 0 10px}[data-theme=dark] .support-inner h2{color:#f1f5f9}.support-inner p{color:#6b7280;line-height:1.6;margin:0 0 24px}[data-theme=dark] .support-inner p{color:#9ca3af}.support-login-btn{align-items:center;background:#0b86ad;border:none;border-radius:12px;box-shadow:0 3px 14px #0b86ad52;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s ease}.support-login-btn:hover{background:#06698d;box-shadow:0 6px 24px #0b86ad70;transform:translateY(-2px)}.landing-footer{background:#e9f5fb;border-top:1px solid #cfe7f2;padding:24px 32px}[data-theme=dark] .landing-footer{background:#0b1220;border-top-color:#1f2937}.footer-inner{justify-content:space-between;margin:0 auto;max-width:1200px}.footer-brand,.footer-inner{align-items:center;display:flex}.footer-brand{color:#0b86ad;font-size:1.1rem;font-weight:700;gap:8px}.footer-inner p{color:#9ca3af;font-size:.82rem;margin:0}.login-page{align-items:center;background:linear-gradient(140deg,#03162de6,#083f6bbd),url(/static/media/hero-ocean.5e7923fd61d14f81606b.png),url(https://images.unsplash.com/photo-1560241831-f1f81f3d09f7?auto=format&fit=crop&w=2200&q=80);background:linear-gradient(140deg,#03162de6,#083f6bbd),var(--hero-bg-image),var(--hero-bg-fallback);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:32px;position:relative}.login-page:before{background:radial-gradient(ellipse at center,#6dc4dd47 0,#0000 72%);content:"";height:66%;left:-8%;pointer-events:none;position:absolute;top:-25%;width:56%}.login-card{background:#ffffffe6;border:1px solid #bfe0edcc;border-radius:20px;box-shadow:0 18px 42px #02112347;max-width:420px;padding:36px;position:relative;width:100%}.login-back-link{align-items:center;color:#315469;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;margin-bottom:24px;text-decoration:none;transition:color .2s}.login-back-link:hover{color:#0b86ad;color:var(--accent-1)}.login-logo{margin-bottom:28px;text-align:center}.login-logo-icon{align-items:center;background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border-radius:16px;display:flex;height:56px;justify-content:center;margin:0 auto 14px;width:56px}.login-logo h2{color:#0f2a3a;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0 0 4px}.login-logo p{color:#315469;color:var(--text-secondary);font-size:.9rem;margin:0}.login-form{display:flex;flex-direction:column;gap:16px}.login-field label{color:#315469;color:var(--text-secondary);display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}.login-field input{background:#fff;background:var(--bg-input);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#0f2a3a;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;padding:12px 14px;transition:all .2s;width:100%}.login-field input::placeholder{color:#6f8a99;color:var(--text-muted)}.login-field input:focus{border-color:#0b86ad;border-color:var(--accent-1);box-shadow:0 0 0 3px #0b86ad29;box-shadow:0 0 0 3px var(--focus-ring)}.login-submit-btn{align-items:center;background:linear-gradient(135deg,#06698d,#0b86ad 52%,#56c4db);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 3px 12px #0b86ad40;box-shadow:0 3px 12px var(--accent-glow);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:13px;transition:all .25s;width:100%}.login-submit-btn:hover{box-shadow:0 6px 20px #0b86ad66;box-shadow:0 6px 20px var(--accent-glow-strong);transform:translateY(-2px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-error{align-items:center;background:#ef44441a;background:var(--danger-light);border-radius:10px;color:#e35f5f;color:var(--danger);display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-top:16px;padding:10px 14px}.login-demo-info{background:#e9f5fb;background:var(--bg-surface);border:1px solid #0000000a;border:1px solid var(--border-light);border-radius:10px;margin-top:20px;padding:14px}.login-demo-info p{color:#315469;color:var(--text-secondary);font-size:.8rem;margin:0 0 4px}.login-demo-info p:last-child{margin-bottom:0}.login-demo-info code{background:#0b86ad1f;background:var(--primary-light);border-radius:4px;color:#0b86ad;color:var(--accent-1);font-size:.78rem;font-weight:600;padding:2px 6px}.landing-login-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .25s}.landing-login-user{background:#f59f28;border:1px solid #f8bd67;box-shadow:0 8px 20px #f59f2859;color:#08284f!important}.landing-login-user:hover{background:#f3b04d;box-shadow:0 10px 24px #f59f2873;transform:translateY(-1px)}.landing-login-admin{background:#0e325feb;border:1px solid #ffffff38;box-shadow:0 8px 20px #07182c59;color:#fff!important}.landing-login-admin:hover{background:#113a6c;box-shadow:0 12px 24px #07182c6b;transform:translateY(-1px)}.login-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.login-role-tabs{background:#e9f5fb;background:var(--bg-surface);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.login-role-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#315469;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.88rem;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.login-role-tab:hover{color:#0f2a3a;color:var(--text-primary)}.login-role-tab.active{background:#0b86ad;background:var(--accent-1);box-shadow:0 2px 8px #0b86ad40;box-shadow:0 2px 8px var(--accent-glow);color:#fff;font-weight:600}@media (max-width:768px){.landing-nav-links a{display:none}.landing-nav{top:8px}.landing-nav-inner{border-radius:14px;height:58px;margin:0 10px;padding:0 12px}.landing-login-btn{font-size:.76rem;padding:7px 10px}.landing-hero{padding:88px 20px 42px}.hero-inner{gap:32px;grid-template-columns:1fr}.hero-left{text-align:center}.hero-left>p{max-width:100%}.hero-buttons,.hero-stats{justify-content:center}.hero-left h1{font-size:2rem}.hero-right{justify-content:center;order:-1}.hero-image-card{padding:16px;width:min(340px,100%)}.overlay-stat-num{font-size:2.2rem}.services-grid{grid-template-columns:1fr}.solutions-steps{align-items:center;flex-direction:column}.solution-step{max-width:300px;width:100%}.solution-connector{transform:rotate(90deg)}.track-input-row{flex-direction:column}.track-stepper{overflow-x:auto;padding-bottom:8px}.footer-inner{flex-direction:column;gap:8px;text-align:center}}.cw-bubble{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb 50%,#60a5fa);background:var(--gradient-primary,linear-gradient(135deg,#1d4ed8 0,#2563eb 50%,#60a5fa 100%));border:none;border-radius:50%;bottom:28px;box-shadow:0 4px 20px #2563eb59,0 0 0 0 #2563eb66;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:28px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,opacity .25s ease;width:60px;z-index:9999}.cw-bubble:hover{box-shadow:0 6px 28px #2563eb73;transform:scale(1.1)}.cw-bubble-hidden{opacity:0;pointer-events:none;transform:scale(.5)}.cw-pulse{animation:cwPulseRing 2s ease-out infinite}@keyframes cwPulseRing{0%{box-shadow:0 4px 20px #2563eb59,0 0 0 0 #2563eb66}70%{box-shadow:0 4px 20px #2563eb59,0 0 0 14px #2563eb00}to{box-shadow:0 4px 20px #2563eb59,0 0 0 0 #2563eb00}}.cw-popup{background:#fff;background:var(--bg-card-solid,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:20px;bottom:28px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000a;display:flex;flex-direction:column;height:580px;max-height:calc(100vh - 56px);max-width:calc(100vw - 32px);opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:28px;transform:translateY(20px) scale(.95);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);width:400px;z-index:10000}.cw-popup-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.cw-header{background:linear-gradient(135deg,#1d4ed8,#2563eb 50%,#60a5fa);background:var(--gradient-primary,linear-gradient(135deg,#1d4ed8 0,#2563eb 50%,#60a5fa 100%));color:#fff;flex-shrink:0;justify-content:space-between;padding:14px 18px}.cw-header,.cw-header-left{align-items:center;display:flex}.cw-header-left{gap:12px}.cw-avatar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:12px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.cw-header h3{font-size:.95rem;font-weight:700;line-height:1.2;margin:0}.cw-status{align-items:center;display:flex;font-size:.72rem;gap:5px;opacity:.85}.cw-status-dot{background:#34d399;border-radius:50%;box-shadow:0 0 6px #34d399;display:inline-block;height:7px;width:7px}.cw-header-actions{display:flex;gap:4px}.cw-header-btn{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.cw-header-btn:hover{background:#ffffff40}.cw-messages{background:#f1f5f9;background:var(--bg-surface,#f1f5f9);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 14px;scroll-behavior:smooth}.cw-messages::-webkit-scrollbar{width:5px}.cw-messages::-webkit-scrollbar-track{background:#0000}.cw-messages::-webkit-scrollbar-thumb{background:#2563eb2e;background:var(--scrollbar-thumb,#2563eb2e);border-radius:3px}.cw-msg{align-items:flex-end;display:flex;gap:8px;max-width:88%}.cw-msg-bot{align-self:flex-start}.cw-msg-user{align-self:flex-end;flex-direction:row-reverse}.cw-msg-avatar{align-items:center;background:#2563eb1a;background:var(--primary-light,#2563eb1a);border-radius:50%;color:#2563eb;color:var(--accent-1,#2563eb);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.cw-msg-avatar-user{background:linear-gradient(135deg,#1d4ed8,#2563eb);background:var(--gradient-primary,linear-gradient(135deg,#1d4ed8,#2563eb));color:#fff}.cw-msg-content{display:flex;flex-direction:column;gap:3px}.cw-msg-bubble{border-radius:16px;font-size:.87rem;line-height:1.5;padding:10px 14px;word-break:break-word}.cw-msg-bot .cw-msg-bubble{background:#fff;background:var(--bg-card-solid,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-bottom-left-radius:4px;color:#1e293b;color:var(--text-primary,#1e293b)}.cw-msg-user .cw-msg-bubble{background:linear-gradient(135deg,#1d4ed8,#2563eb);background:var(--gradient-primary,linear-gradient(135deg,#1d4ed8,#2563eb));border-bottom-right-radius:4px;color:#fff}.cw-msg-time{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.65rem;padding:0 4px}.cw-msg-user .cw-msg-time{text-align:right}.cw-typing{align-items:center;display:flex;gap:5px;padding:12px 18px!important}.cw-typing span{animation:cwBounce 1.4s ease-in-out infinite;background:#2563eb;background:var(--accent-1,#2563eb);border-radius:50%;height:7px;opacity:.4;width:7px}.cw-typing span:nth-child(2){animation-delay:.2s}.cw-typing span:nth-child(3){animation-delay:.4s}@keyframes cwBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.cw-quick-actions{background:#f1f5f9;background:var(--bg-surface,#f1f5f9);border-top:1px solid #0000000a;border-top:1px solid var(--border-light,#0000000a);display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px}.cw-quick-btn{align-items:center;background:#fff;background:var(--bg-card-solid,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:20px;color:#2563eb;color:var(--accent-1,#2563eb);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s;white-space:nowrap}.cw-quick-btn:hover{background:#2563eb1a;background:var(--primary-light,#2563eb1a);border-color:#2563eb;border-color:var(--accent-1,#2563eb)}.cw-input-area{align-items:center;background:#fff;background:var(--bg-card-solid,#fff);border-top:1px solid #00000014;border-top:1px solid var(--border-color,#00000014);display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.cw-order-input{background:#fff;background:var(--bg-input,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:10px;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;font-size:.78rem;letter-spacing:.3px;max-width:80px;min-width:80px;outline:none;padding:10px 8px;text-align:center;transition:border-color .2s,box-shadow .2s;width:80px}.cw-order-input::placeholder{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.75rem}.cw-order-input:focus{border-color:#2563eb;border-color:var(--accent-1,#2563eb);box-shadow:0 0 0 3px #2563eb26;box-shadow:0 0 0 3px var(--focus-ring,#2563eb26)}.cw-input{background:#fff;background:var(--bg-input,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:12px;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:.88rem;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.cw-input::placeholder{color:#94a3b8;color:var(--text-muted,#94a3b8)}.cw-input:focus{border-color:#2563eb;border-color:var(--accent-1,#2563eb);box-shadow:0 0 0 3px #2563eb26;box-shadow:0 0 0 3px var(--focus-ring,#2563eb26)}.cw-send-btn{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb 50%,#60a5fa);background:var(--gradient-primary,linear-gradient(135deg,#1d4ed8 0,#2563eb 50%,#60a5fa 100%));border:none;border-radius:12px;box-shadow:0 2px 8px #2563eb40;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .2s,box-shadow .2s,opacity .2s;width:40px}.cw-send-btn:hover:not(:disabled){box-shadow:0 4px 14px #2563eb59;transform:scale(1.08)}.cw-send-btn:disabled{cursor:not-allowed;opacity:.45}.cw-voice-btn{align-items:center;background:#fff;background:var(--bg-card-solid,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:12px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.cw-voice-btn:hover{background:#2563eb0f;background:var(--bg-hover,#2563eb0f);border-color:#2563eb;border-color:var(--accent-1,#2563eb);color:#2563eb;color:var(--accent-1,#2563eb)}.cw-voice-active{animation:cwPulseVoice 1.5s ease-in-out infinite;background:#ef44441a!important;border-color:#ef4444!important;color:#ef4444!important}@keyframes cwPulseVoice{0%,to{box-shadow:0 0 0 0 #ef44444d}50%{box-shadow:0 0 0 8px #ef444400}}.cw-upload-btn{align-items:center;background:#fff;background:var(--bg-card-solid,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:12px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.cw-upload-btn:hover:not(:disabled){background:#22c55e0f;background:var(--bg-hover,#22c55e0f);border-color:#22c55e;color:#22c55e}.cw-upload-active{animation:cwPulseUpload 1.5s ease-in-out infinite;background:#22c55e1a!important;border-color:#22c55e!important;color:#22c55e!important}@keyframes cwPulseUpload{0%,to{box-shadow:0 0 0 0 #22c55e4d}50%{box-shadow:0 0 0 8px #22c55e00}}.cw-upload-btn:disabled{cursor:not-allowed;opacity:.5}.cw-footer{background:#fff;background:var(--bg-card-solid,#fff);border-top:1px solid #0000000a;border-top:1px solid var(--border-light,#0000000a);color:#94a3b8;color:var(--text-muted,#94a3b8);flex-shrink:0;font-size:.68rem;padding:6px 14px;text-align:center}.cw-footer strong{color:#2563eb;color:var(--accent-1,#2563eb)}@media (max-width:480px){.cw-popup{border-radius:0;bottom:0;height:100vh;max-height:100vh;max-width:100vw;right:0;width:100vw}.cw-bubble{bottom:20px;height:54px;right:20px;width:54px}}.user-dashboard-layout{background:var(--bg-primary);display:flex;min-height:100vh}.user-sidebar{background:var(--bg-card-solid);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:240px;z-index:100}.user-sidebar-brand{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:12px;padding:24px 20px 20px}.user-sidebar-brand svg{color:var(--accent-1)}.user-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 10px}.user-sidebar-link{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.user-sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.user-sidebar-link.active{background:var(--primary);box-shadow:0 2px 8px #2563eb40;color:#fff;font-weight:600}.user-sidebar-link.logout:hover{background:#ef44441a;color:#ef4444}.user-sidebar-footer{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;padding:12px 10px}.user-main{flex:1 1;margin-left:240px;overflow-y:auto}.user-content{margin:0 auto;max-width:1200px;padding:32px}.user-content h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.user-welcome{margin-bottom:28px}.user-welcome p{color:var(--text-secondary);margin:0}.user-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.user-stat-card{align-items:center;background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:14px;display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.user-stat-card:hover{box-shadow:var(--glass-shadow);transform:translateY(-2px)}.user-stat-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.user-stat-card p{color:var(--text-secondary);font-size:.8rem;margin:2px 0 0}.text-blue{color:var(--accent-1)}.text-green{color:var(--success)}.text-yellow{color:var(--warning)}.text-red{color:var(--danger)}.user-recent-orders{background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:14px;padding:24px}.user-recent-orders h2{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.user-orders-list{display:flex;flex-direction:column;gap:8px}.user-order-row{align-items:center;background:var(--bg-surface);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s}.user-order-row:hover{background:var(--bg-hover)}.user-order-info{display:flex;flex-direction:column;gap:2px}.user-order-info strong{color:var(--text-primary);font-size:.9rem}.user-order-product{color:var(--text-secondary);font-size:.8rem}.user-order-meta{align-items:center;display:flex;gap:16px}.user-order-price{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-order-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 12px;white-space:nowrap}.order-status-delivered{background:var(--success-light);color:var(--success)}.order-status-shipped{background:var(--info-light);color:var(--accent-1)}.order-status-processing{background:var(--warning-light);color:var(--warning)}.order-status-cancelled{background:var(--danger-light);color:var(--danger)}.user-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:48px 20px}.user-orders-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.user-order-card{background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:14px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.user-order-card:hover{box-shadow:var(--glass-shadow);transform:translateY(-2px)}.user-order-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.user-order-card-top h3{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0}.user-order-card-top p{color:var(--text-secondary);font-size:.85rem;margin:2px 0 0}.user-order-card-details{display:flex;flex-direction:column;gap:8px}.user-order-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:.82rem;gap:8px}.user-order-detail svg{color:var(--text-muted);flex-shrink:0}.user-chat-wrapper{height:100vh;overflow:hidden}.user-chat-wrapper .chat-container{height:100%;max-height:100%;padding-top:0}@media (max-width:768px){.user-sidebar{overflow:hidden;width:60px}.user-sidebar-brand span,.user-sidebar-link span{display:none}.user-main{margin-left:60px}.user-content{padding:20px 16px}.user-orders-grid,.user-stats-grid{grid-template-columns:1fr}.user-order-row{align-items:flex-start;flex-direction:column;gap:8px}}
/*# sourceMappingURL=main.1e7c1391.css.map*/