*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-900: #0d2461;--blue-800: #1a3a8b;--blue-700: #1f46a8;--blue-600: #2550c0;--blue-200: #b5d0f5;--blue-50: #e8f0fc;--green-text: #14653a;--green-bg: #d4f5e2;--amber-text: #7a4b00;--amber-bg: #fef3c7;--red-text: #9b1c1c;--red-bg: #fee2e2;--red-500: #ef4444;--red-50: #fef2f2;--red-200: #fecaca;--gray-50: #f8f9fb;--gray-100: #f0f2f5;--gray-200: #e2e6ed;--gray-300: #d1d5db;--gray-400: #9ba3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace;--radius: 14px;--radius-sm: 8px;--radius-xs: 6px}html,body{min-height:100%;font-family:var(--font);color:var(--gray-900)}.topbar{background:var(--blue-800);padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-logo{width:36px;height:36px;background:#ffffff1f;border-radius:8px;display:flex;align-items:center;justify-content:center}.topbar-logo svg{width:22px;height:22px}.topbar-logo-img{height:36px;width:auto;max-width:160px;object-fit:contain;object-position:left center;flex-shrink:0;filter:brightness(0) invert(1)}.topbar-title{color:#fff;font-size:15px;font-weight:600}.topbar-title span{color:var(--blue-200);font-weight:400;font-size:13px;display:block;margin-top:-2px}.user-chip{display:flex;align-items:center;gap:7px;background:#ffffff1a;border-radius:20px;padding:5px 12px 5px 6px}.user-avatar{width:24px;height:24px;border-radius:50%;background:var(--blue-200);color:var(--blue-900);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.user-name{color:#fff;font-size:12px;font-weight:500}.signout-btn{background:#ffffff1f;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-family:var(--font);cursor:pointer}.signout-btn:hover{background:#ffffff38}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}html,body{background:var(--blue-900)}.bg-wrap{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.bg-wrap:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(37,80,192,.55) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(13,36,97,.8) 0%,transparent 60%);pointer-events:none}.dots-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px}.glow-orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(80px)}.glow-1{width:400px;height:400px;background:#2550c04d;top:-100px;left:-80px}.glow-2{width:300px;height:300px;background:#1a3a8b66;bottom:-60px;right:-60px}.top-strip{position:relative;z-index:2;padding:20px 24px;display:flex;align-items:center;gap:10px}.logo-mark{width:36px;height:36px;border-radius:9px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark svg{width:20px;height:20px}.logo-img{height:36px;width:auto;max-width:160px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.logo-text{color:#fff;font-size:15px;font-weight:600;letter-spacing:-.2px}.logo-text span{color:#ffffff73;font-weight:400;font-size:13px}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 20px 48px;position:relative;z-index:2}.card{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 24px 80px #0a195059,0 2px 8px #0a195026;overflow:hidden}.card-band{background:linear-gradient(135deg,var(--blue-800) 0%,var(--blue-700) 100%);padding:28px 28px 24px;position:relative;overflow:hidden}.card-band:after{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff0f}.band-eyebrow{color:var(--blue-200);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.band-title{color:#fff;font-size:22px;font-weight:600;letter-spacing:-.4px;margin-bottom:2px}.band-sub{color:#ffffff80;font-size:13px}.card-body{padding:28px 28px 24px}.field{margin-bottom:16px}.field-label{margin-bottom:7px;font-size:12px;font-weight:500;color:var(--gray-600);display:block}.input-wrap{position:relative}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--gray-400);display:flex;align-items:center;pointer-events:none}.input-icon svg{width:16px;height:16px}.input-wrap input{width:100%;padding:11px 12px 11px 40px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-family:var(--mono);font-size:14px;color:var(--gray-900);background:var(--gray-50);outline:none;transition:border-color .15s,box-shadow .15s}.input-wrap input:focus{border-color:var(--blue-600);background:#fff;box-shadow:0 0 0 3px #2550c01a}.input-wrap input.error{border-color:var(--red-500);background:var(--red-50)}.input-wrap input::placeholder{font-family:var(--font);color:var(--gray-400)}.eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray-400);display:flex;align-items:center}.eye-btn svg{width:17px;height:17px}.error-msg{display:none;align-items:center;gap:8px;background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-xs);padding:10px 12px;margin-bottom:16px;font-size:13px;color:var(--red-500)}.error-msg.show{display:flex}.error-msg svg{width:15px;height:15px;flex-shrink:0}.submit-btn{width:100%;padding:13px;background:var(--blue-800);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s;margin-top:4px}.submit-btn:hover:not(:disabled){background:var(--blue-900)}.submit-btn:disabled{background:var(--gray-300);cursor:not-allowed}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.card-footer{border-top:1px solid var(--gray-100);padding:16px 28px;display:flex;align-items:center;gap:10px}.lock-icon{width:28px;height:28px;border-radius:7px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lock-icon svg{width:14px;height:14px;color:var(--blue-600)}.footer-text{font-size:11.5px;color:var(--gray-500);line-height:1.5}.footer-text strong{color:var(--gray-700);font-weight:600}.tagline{margin-top:24px;text-align:center;color:#ffffff4d;font-size:12px}.tagline strong{color:#ffffff80;font-weight:500}.selector-card{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 24px 80px #0a195059;overflow:hidden}.selector-band{background:linear-gradient(135deg,var(--blue-800) 0%,var(--blue-700) 100%);padding:24px 28px}.selector-band .welcome{color:var(--blue-200);font-size:12px;font-weight:500;margin-bottom:4px}.selector-band h2{color:#fff;font-size:20px;font-weight:600}.selector-band p{color:#ffffff80;font-size:13px;margin-top:4px}.selector-body{padding:24px;display:flex;flex-direction:column;gap:14px}.view-btn{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:12px;border:1.5px solid var(--gray-200);background:var(--gray-50);cursor:pointer;transition:all .15s;text-align:left;width:100%;font-family:var(--font)}.view-btn:hover{border-color:var(--blue-600);background:var(--blue-50)}.view-btn-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.view-btn-icon.sales{background:var(--green-bg)}.view-btn-icon.accounts{background:var(--blue-50)}.view-btn-icon svg{width:22px;height:22px}.view-btn-icon.sales svg{color:var(--green-text)}.view-btn-icon.accounts svg{color:var(--blue-800)}.view-btn-title{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:2px}.view-btn-sub{font-size:12px;color:var(--gray-500)}.view-btn-arrow{margin-left:auto;color:var(--gray-300);flex-shrink:0}.view-btn-arrow svg{width:18px;height:18px}.view-btn:hover .view-btn-arrow{color:var(--blue-600)}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--blue-900);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;animation:fadeIn .3s ease}.success-circle{width:72px;height:72px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) .1s both}.success-circle svg{width:34px;height:34px;color:#fff}.success-text{color:#fff;font-size:18px;font-weight:600}.success-sub{color:#ffffff80;font-size:13px}.hd-wrap{display:flex;min-height:100vh;background:#f2f4f8;font-family:DM Sans,sans-serif}.hd-sidebar{width:220px;min-height:100vh;background:#fff;border-right:1px solid #e8ecf3;position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column;padding:0 0 20px;overflow-y:auto}.hd-logo-row{display:flex;align-items:center;justify-content:center;padding:20px 20px 18px;border-bottom:1px solid #f0f2f8;margin-bottom:8px}.hd-logo-icon{width:120px;height:48px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hd-logo-icon img{width:100%;height:100%;object-fit:contain}.hd-logo-text{font-size:15px;font-weight:700;color:#0d2461;letter-spacing:-.3px}.hd-nav-section{padding:0 12px 8px;margin-top:8px}.hd-nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#b0b9d0;padding:0 8px;margin-bottom:4px;margin-top:8px}.hd-nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#5a6480;cursor:pointer;text-align:left;transition:background .12s,color .12s;position:relative}.hd-nav-item:hover{background:#f4f6fb;color:#1e2d5a}.hd-nav-item.active{background:#eef2fd;color:#1a3a8b;font-weight:600}.hd-nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#1a3a8b;border-radius:0 3px 3px 0}.hd-nav-item.soon{opacity:.55;cursor:default}.hd-nav-item.soon:hover{background:none;color:#5a6480}.hd-nav-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hd-nav-item-icon svg{width:17px;height:17px}.hd-soon-pill{margin-left:auto;background:#fef3c7;color:#92400e;font-size:9px;font-weight:700;border-radius:5px;padding:2px 6px;text-transform:uppercase;letter-spacing:.3px}.hd-main{margin-left:220px;flex:1;display:flex;flex-direction:column;min-height:100vh}.hd-topbar{height:56px;background:#fff;border-bottom:1px solid #e8ecf3;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50}.hd-topnav{display:flex;align-items:center;gap:4px}.hd-topnav-item{padding:6px 16px;border-radius:8px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#8896b3;cursor:pointer;transition:color .12s,background .12s}.hd-topnav-item:hover{color:#1e2d5a;background:#f4f6fb}.hd-topnav-item.active{color:#1a3a8b;font-weight:700;background:none;border-bottom:2px solid #1a3a8b;border-radius:0;padding-bottom:5px}.hd-user-chip{display:flex;align-items:center;gap:9px;background:#f4f6fb;border:1px solid #e4e8f3;border-radius:24px;padding:5px 16px 5px 6px}.hd-user-avatar{width:28px;height:28px;border-radius:50%;background:#0d2461;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hd-user-name{font-size:13px;font-weight:600;color:#1e2d5a}.hd-content{padding:44px 48px 60px;max-width:900px}.hd-greeting{font-size:32px;font-weight:700;color:#0d1f4c;letter-spacing:-.8px;line-height:1.2;margin-bottom:5px}.hd-date{font-size:13px;color:#8896b3;font-weight:400;margin-bottom:28px}.hd-fact-card{background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:18px 22px;display:flex;align-items:flex-start;gap:16px;margin-bottom:44px;box-shadow:0 1px 6px #0d24610d}.hd-fact-icon{width:38px;height:38px;border-radius:11px;background:#eef2fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hd-fact-icon svg{width:18px;height:18px;color:#1a3a8b}.hd-fact-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#b0b9d0;margin-bottom:5px}.hd-fact-text{font-size:13px;color:#3d4e70;line-height:1.7}.hd-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#b0b9d0;margin-bottom:18px}.hd-apps-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media(max-width:1100px){.hd-apps-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:750px){.hd-apps-grid{grid-template-columns:repeat(3,1fr)}.hd-content{padding:28px 20px 60px}}.hd-app-card{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;padding:4px;border-radius:16px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);position:relative;-webkit-user-select:none;user-select:none}.hd-app-card:hover{transform:translateY(-4px)}.hd-app-card.hd-app-soon{cursor:default;opacity:.5}.hd-app-card.hd-app-soon:hover{transform:none}.hd-app-icon-box{width:76px;height:76px;border-radius:20px;background:#fff;border:1px solid #e4e8f3;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0d246112;transition:box-shadow .18s,border-color .18s;color:#1a3a8b}.hd-app-icon-box svg{width:28px;height:28px}.hd-app-card:hover .hd-app-icon-box{box-shadow:0 8px 28px #0d246121;border-color:#c2cff0}.hd-app-name{font-size:12px;font-weight:600;color:#2d3c6b;text-align:center}.hd-app-soon-badge{position:absolute;top:2px;right:2px;background:#fef3c7;color:#92400e;font-size:8px;font-weight:700;border-radius:6px;padding:2px 5px;text-transform:uppercase;letter-spacing:.3px}.hd-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.hd-stat-card{background:#fff;border:1px solid #e8ecf3;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,transform .15s}.hd-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.hd-stat-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.hd-stat-icon svg{width:18px;height:18px}.hd-stat-val{font-size:22px;font-weight:800;color:var(--gray-900, #111);letter-spacing:-.5px}.hd-stat-label{font-size:12px;font-weight:500;color:#6b7280}.hd-stat-green .hd-stat-icon{background:#f0fdf4;color:#16a34a}.hd-stat-green .hd-stat-val{color:#15803d}.hd-stat-amber .hd-stat-icon{background:#fff7ed;color:#c2410c}.hd-stat-blue .hd-stat-icon{background:#eff6ff;color:#1d4ed8}.hd-stat-purple .hd-stat-icon{background:#f5f3ff;color:#7c3aed}.hd-stat-purple .hd-stat-val{color:#6d28d9}@media(max-width:900px){.hd-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hd-stats-grid{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width:680px){.hd-sidebar{width:200px}.hd-main{margin-left:200px}}@media(max-width:520px){.hd-sidebar{display:none}.hd-main{margin-left:0}}.ly-wrap{display:flex;min-height:100vh;background:#f2f4f8;font-family:DM Sans,sans-serif}.ly-sidebar{width:220px;min-height:100vh;background:#fff;border-right:1px solid #e8ecf3;position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column;padding:0 0 20px;overflow-y:auto}.ly-logo-row{display:flex;align-items:center;justify-content:center;padding:20px 20px 18px;border-bottom:1px solid #f0f2f8;margin-bottom:8px;flex-shrink:0}.ly-logo-icon{width:120px;height:48px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ly-logo-icon img{width:100%;height:100%;object-fit:contain}.ly-logo-text{font-size:15px;font-weight:700;color:#0d2461;letter-spacing:-.3px}.ly-nav-section{padding:0 12px 8px;margin-top:8px}.ly-nav-section.ly-nav-bottom{margin-top:auto;border-top:1px solid #f0f2f8;padding-top:12px}.ly-nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#b0b9d0;padding:0 8px;margin-bottom:4px;margin-top:8px}.ly-nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#5a6480;cursor:pointer;text-align:left;transition:background .12s,color .12s;position:relative}.ly-nav-item:hover{background:#f4f6fb;color:#1e2d5a}.ly-nav-item.active{background:#eef2fd;color:#1a3a8b;font-weight:600}.ly-nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#1a3a8b;border-radius:0 3px 3px 0}.ly-nav-item.soon{opacity:.55;cursor:default}.ly-nav-item.soon:hover{background:none;color:#5a6480}.ly-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ly-nav-icon svg{width:17px;height:17px}.ly-soon-pill{margin-left:auto;background:#fef3c7;color:#92400e;font-size:9px;font-weight:700;border-radius:5px;padding:2px 6px;text-transform:uppercase;letter-spacing:.3px}.ly-nav-user{cursor:default}.ly-nav-user:hover{background:none}.ly-user-dot{width:28px;height:28px;border-radius:50%;background:#0d2461;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ly-user-fullname{font-size:13px;font-weight:500;color:#2d3c6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ly-main{margin-left:220px;flex:1;display:flex;flex-direction:column;min-height:100vh}.ly-topbar{height:56px;background:#fff;border-bottom:1px solid #e8ecf3;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50;flex-shrink:0}.ly-topbar-left{display:flex;align-items:center;gap:8px}.ly-topbar-app{font-size:13px;font-weight:600;color:#8896b3}.ly-topbar-sep{font-size:13px;color:#c4cde0}.ly-topbar-page{font-size:13px;font-weight:600;color:#1e2d5a}.ly-topbar-right{display:flex;align-items:center;gap:12px}.ly-user-chip{display:flex;align-items:center;gap:9px;background:#f4f6fb;border:1px solid #e4e8f3;border-radius:24px;padding:5px 16px 5px 6px}.ly-user-avatar{width:28px;height:28px;border-radius:50%;background:#0d2461;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ly-user-name{font-size:13px;font-weight:600;color:#1e2d5a}.ly-bell-wrap{position:relative}.ly-bell-btn{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid #e4e8f3;background:#f4f6fb;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5c8a;transition:background .15s}.ly-bell-btn:hover{background:#eaeffa}.ly-bell-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid white}.ly-notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border:1px solid #e4e8f3;border-radius:12px;box-shadow:0 8px 24px #0000001a;z-index:200;overflow:hidden}.ly-notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:13px;font-weight:700;color:#1e2d5a;border-bottom:1px solid #f0f2f8}.ly-notif-markread{font-size:11px;font-weight:600;color:#2563eb;background:none;border:none;cursor:pointer}.ly-notif-markread:hover{text-decoration:underline}.ly-notif-empty{padding:24px 16px;text-align:center;font-size:13px;color:#8896b3}.ly-notif-list{max-height:360px;overflow-y:auto}.ly-notif-item{padding:12px 16px;border-bottom:1px solid #f4f6fb;cursor:pointer;transition:background .12s}.ly-notif-item:last-child{border-bottom:none}.ly-notif-item:hover{background:#f8faff}.ly-notif-item.unread{background:#f0f5ff}.ly-notif-item.unread:hover{background:#e8f0fe}.ly-notif-msg{font-size:13px;color:#1e2d5a;line-height:1.4}.ly-notif-time{font-size:11px;color:#8896b3;margin-top:3px}.ly-content{flex:1;overflow-y:auto}@media(max-width:680px){.ly-sidebar{width:200px}.ly-main{margin-left:200px}}@media(max-width:520px){.ly-sidebar{display:none}.ly-main{margin-left:0}.ly-topbar{padding:0 16px}}.acc-page{min-height:100vh;background:var(--gray-50)}.acc-body{max-width:720px;margin:0 auto;padding:28px 20px 60px}.acc-page-title{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:4px;letter-spacing:-.3px}.acc-page-sub{font-size:13px;color:var(--gray-500);margin-bottom:24px}.acc-status-row{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.acc-status-card{background:#fff;border-radius:10px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.acc-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.acc-status-name{font-size:14px;font-weight:600;color:var(--gray-900)}.acc-status-meta{font-size:12px;color:var(--gray-500);margin-top:2px}.acc-status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;white-space:nowrap}.acc-how-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.acc-how-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:14px 12px;text-align:center}.acc-how-num{width:28px;height:28px;border-radius:50%;background:var(--blue-50);color:var(--blue-800);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.acc-how-label{font-size:12px;color:var(--gray-600);line-height:1.4}.acc-how-label strong{display:block;color:var(--gray-900);font-weight:600;font-size:13px;margin-bottom:2px}.acc-upload-zone{border:2px dashed var(--gray-200);border-radius:var(--radius);padding:52px 24px;text-align:center;background:#fff;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:20px}.acc-upload-zone:hover,.acc-upload-zone.drag-over{border-color:var(--blue-600);background:var(--blue-50)}.acc-upload-icon{width:56px;height:56px;background:var(--blue-50);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.acc-upload-icon svg{width:28px;height:28px;color:var(--blue-800)}.acc-upload-zone h3{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:6px}.acc-upload-zone p{font-size:13px;color:var(--gray-500);margin-bottom:6px}.acc-upload-zone .acc-hint{font-size:12px;color:var(--gray-400);margin-bottom:20px;font-family:var(--mono)}.acc-browse-btn{display:inline-block;background:var(--blue-800);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 28px;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer}.acc-browse-btn:hover{background:var(--blue-900)}.acc-detect-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.acc-detect-header{padding:14px 20px;border-bottom:1px solid var(--gray-100);background:var(--blue-50);display:flex;align-items:center;gap:10px}.acc-detect-header svg{width:18px;height:18px;color:var(--blue-800);flex-shrink:0}.acc-detect-header-text h3{font-size:14px;font-weight:600;color:var(--blue-800)}.acc-detect-header-text p{font-size:12px;color:var(--blue-600);margin-top:1px}.acc-detect-grid{display:grid;grid-template-columns:repeat(3,1fr)}.acc-detect-field{padding:16px 20px;border-right:1px solid var(--gray-100)}.acc-detect-field:last-child{border-right:none}.acc-detect-field label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);font-weight:600;display:block;margin-bottom:6px}.acc-detect-value{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--gray-900);display:flex;align-items:center;gap:6px}.acc-detect-check{width:16px;height:16px;background:var(--green-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acc-detect-check svg{width:9px;height:9px;color:var(--green-text)}.acc-detect-sub{font-size:11px;color:var(--gray-400);margin-top:3px}.acc-preview-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.acc-preview-header{padding:14px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.acc-preview-header h3{font-size:14px;font-weight:600;color:var(--gray-900)}.acc-preview-header span{font-size:12px;color:var(--gray-500)}.acc-preview-scroll{overflow-x:auto;max-height:300px;overflow-y:auto}.acc-preview-table{width:100%;border-collapse:collapse;font-size:13px}.acc-preview-table th{padding:9px 16px;text-align:left;background:var(--gray-50);color:var(--gray-500);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);white-space:nowrap}.acc-preview-table td{padding:10px 16px;border-top:1px solid var(--gray-100);color:var(--gray-900)}.acc-preview-table tr:hover td{background:var(--gray-50)}.acc-qty-pill{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}.acc-qty-ok{background:var(--green-bg);color:var(--green-text)}.acc-qty-low{background:var(--amber-bg);color:var(--amber-text)}.acc-qty-zero{background:var(--red-bg);color:var(--red-text)}.acc-push-btn{width:100%;padding:15px;background:var(--blue-800);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.acc-push-btn:hover:not(:disabled){background:var(--blue-900)}.acc-push-btn:disabled{background:var(--gray-300);color:var(--gray-400);cursor:not-allowed}.acc-push-btn svg{width:18px;height:18px}.acc-push-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.acc-progress-wrap{margin-top:14px}.acc-progress-bg{background:var(--gray-100);border-radius:20px;height:6px;overflow:hidden;margin-bottom:8px}.acc-progress-fill{height:100%;background:var(--blue-800);border-radius:20px;transition:width .3s}.acc-progress-label{font-size:12px;color:var(--gray-500);text-align:center}.acc-success-banner{display:flex;align-items:center;gap:12px;background:var(--green-bg);border:1px solid #86efac;border-radius:var(--radius-sm);padding:16px 20px;margin-top:14px}.acc-success-banner svg{width:22px;height:22px;color:var(--green-text);flex-shrink:0}.acc-success-banner div{font-size:14px;color:var(--green-text);font-weight:500;line-height:1.5}.acc-success-banner small{display:block;font-weight:400;font-size:12px;margin-top:2px}.acc-error-banner{display:flex;align-items:center;gap:12px;background:var(--red-bg);border:1px solid #fca5a5;border-radius:var(--radius-sm);padding:14px 18px;margin-top:14px}.acc-error-banner svg{width:18px;height:18px;color:var(--red-text);flex-shrink:0}.acc-error-banner span{font-size:13px;color:var(--red-text)}.acc-reset-link{text-align:center;margin-top:14px}.acc-reset-link button{background:none;border:none;color:var(--blue-600);font-size:13px;cursor:pointer;font-family:var(--font);text-decoration:underline}@media(max-width:500px){.acc-how-strip,.acc-detect-grid{grid-template-columns:1fr}.acc-detect-field{border-right:none;border-bottom:1px solid var(--gray-100)}.acc-detect-field:last-child{border-bottom:none}}html,body{background:var(--gray-50)}.hero{background:linear-gradient(160deg,var(--blue-900) 0%,var(--blue-800) 60%,var(--blue-600) 100%);padding:28px 20px 48px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:#ffffff0a;border-radius:50%}.hero-label{color:var(--blue-200);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.hero-heading{color:#fff;font-size:22px;font-weight:600;letter-spacing:-.5px;margin-bottom:20px;line-height:1.3}.search-wrap{display:flex;gap:10px;align-items:stretch;background:#fff;border-radius:var(--radius);padding:6px 6px 6px 14px;box-shadow:0 8px 32px #0a1e5a40}.search-icon{display:flex;align-items:center;color:var(--gray-400);flex-shrink:0}.search-icon svg{width:18px;height:18px}.search-input{flex:1;border:none;outline:none;font-family:var(--mono);font-size:15px;font-weight:500;color:var(--gray-900);background:transparent;min-width:0}.search-input::placeholder{font-family:var(--font);font-weight:400;color:var(--gray-400);font-size:14px}.search-btn{background:var(--blue-800);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;flex-shrink:0;transition:background .15s}.search-btn:hover{background:var(--blue-900)}.search-btn svg{width:16px;height:16px}.content{padding:0 16px 40px;margin-top:-20px;position:relative;z-index:1}.results-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;margin-bottom:4px}.results-meta-left{font-size:13px;color:var(--gray-600)}.results-meta-left strong{color:var(--gray-900);font-weight:600}.product-card{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);margin-bottom:12px;overflow:hidden;animation:slideUp .2s ease both}.product-card:nth-child(2){animation-delay:.05s}.product-card:nth-child(3){animation-delay:.1s}.card-header{padding:14px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--gray-100)}.card-code{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--blue-800);letter-spacing:.5px}.card-meta{font-size:12px;color:var(--gray-600);margin-top:3px}.stock-pill{border-radius:20px;padding:4px 11px;font-size:11px;font-weight:600;flex-shrink:0;margin-top:2px}.stock-ok{background:var(--green-bg);color:var(--green-text)}.stock-low{background:var(--amber-bg);color:var(--amber-text)}.stock-zero{background:var(--red-bg);color:var(--red-text)}.card-body{padding:14px 16px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card-field label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);font-weight:500;display:block;margin-bottom:4px}.qty-num{font-size:28px;font-weight:700;line-height:1;letter-spacing:-1px}.qty-num.ok{color:var(--green-text)}.qty-num.low{color:var(--amber-text)}.qty-num.zero{color:var(--red-text)}.qty-unit{font-size:11px;color:var(--gray-400);margin-top:2px}.field-val{font-size:14px;font-weight:600;color:var(--gray-900);line-height:1.4}.card-footer{padding:9px 16px;background:var(--gray-50);border-top:1px solid var(--gray-100);display:flex;align-items:center;gap:6px}.card-footer svg{width:12px;height:12px;color:var(--gray-400)}.card-footer span{font-size:11px;color:var(--gray-400)}.card-footer strong{color:var(--gray-600);font-weight:500}.empty-state{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);padding:48px 24px;text-align:center;animation:slideUp .2s ease both}.empty-icon{width:56px;height:56px;border-radius:16px;background:var(--blue-50);margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.empty-icon svg{width:26px;height:26px;color:var(--blue-600)}.empty-title{font-size:16px;font-weight:600;margin-bottom:6px}.empty-sub{font-size:13px;color:var(--gray-600);line-height:1.6}.loading-state{text-align:center;padding:40px;color:var(--gray-400);font-size:14px}.loading-spin{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--blue-800);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.update-banner{display:flex;align-items:center;gap:10px;background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px}.update-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.update-text{font-size:12px;color:var(--blue-800)}.update-text strong{font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat-card{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200);padding:14px 12px}.stat-num{font-size:22px;font-weight:700;color:var(--blue-800);letter-spacing:-.5px}.stat-label{font-size:11px;color:var(--gray-500);margin-top:2px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gray-400);font-weight:600;margin-bottom:12px;padding:16px 4px 0}.quick-item{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:8px;transition:background .1s}.quick-item:hover{background:var(--blue-50);border-color:var(--blue-200)}.quick-code{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--blue-800)}.quick-loc{font-size:12px;color:var(--gray-500);margin-top:2px}.quick-qty{font-size:13px;font-weight:700}.quick-qty.ok{color:var(--green-text)}.quick-qty.low{color:var(--amber-text)}.quick-qty.zero{color:var(--red-text)}@media(max-width:400px){.card-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}}.od-dash-page{min-height:100vh;background:var(--gray-50)}.od-dash-body{max-width:960px;margin:0 auto;padding:28px 20px 60px}.od-dash-greeting-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.od-dash-greeting{font-size:24px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px}.od-dash-date{font-size:13px;color:var(--gray-500);margin-top:3px}.od-dash-viewall-btn{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:9px 16px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--gray-700);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.od-dash-viewall-btn:hover{border-color:var(--blue-600);color:var(--blue-700)}.orders-success-banner{background:#f0fdf4;border:1px solid #86efac;border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:20px;color:#166534;font-size:13px;font-weight:600}.od-dash-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}@media(max-width:720px){.od-dash-tiles{grid-template-columns:repeat(2,1fr)}}.od-dash-tile{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px 18px 18px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.od-dash-tile:hover{box-shadow:0 4px 20px #0a1e5a1a;border-color:var(--blue-300)}.od-dash-tile-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.od-dash-tile-icon svg{width:22px;height:22px}.od-dash-tile-icon.blue{background:#eff6ff;color:var(--blue-600)}.od-dash-tile-icon.amber{background:#fffbeb;color:#d97706}.od-dash-tile-icon.red{background:#fff1f2;color:#e11d48}.od-dash-tile-icon.green{background:#f0fdf4;color:#16a34a}.od-dash-tile-num{font-size:32px;font-weight:700;color:var(--gray-900);letter-spacing:-1px;line-height:1;margin-bottom:4px}.od-dash-tile-label{font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.od-dash-tile-sub{font-size:11px;color:var(--blue-600);font-weight:500}.od-dash-value-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:24px 28px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.od-dash-value-label{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.od-dash-value-num{font-size:32px;font-weight:700;color:#0d2461;letter-spacing:-1px;line-height:1}.od-dash-value-sub{font-size:12px;color:var(--gray-400);margin-top:6px}.od-dash-value-btn{background:#0d2461;border:1px solid #0d2461;border-radius:10px;padding:10px 20px;font-family:var(--font);font-size:13px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s;flex-shrink:0}.od-dash-value-btn:hover{background:#1a3a8b}.od-dash-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.od-dash-panels{grid-template-columns:1fr}}.od-panel{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);overflow:hidden}.od-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--gray-100)}.od-panel-title{font-size:13px;font-weight:700;color:var(--gray-900)}.od-panel-badge{background:var(--gray-100);color:var(--gray-600);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.od-panel-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--gray-400)}.od-dispatch-row{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .1s;gap:12px}.od-dispatch-row:last-child{border-bottom:none}.od-dispatch-row:hover{background:var(--blue-50)}.od-dispatch-num{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--blue-800)}.od-dispatch-customer{font-size:13px;font-weight:500;color:var(--gray-900);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.od-dispatch-total{font-size:13px;font-weight:700;color:var(--gray-900)}.od-popular-list{padding:6px 0}.od-popular-row{display:flex;align-items:center;gap:10px;padding:8px 16px}.od-popular-rank{width:18px;font-size:11px;font-weight:700;color:var(--gray-400);flex-shrink:0;text-align:center}.od-popular-info{flex:1;min-width:0}.od-popular-code{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--gray-900);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-popular-bar-track{height:5px;background:var(--gray-100);border-radius:3px;overflow:hidden}.od-popular-bar{height:5px;background:var(--blue-600);border-radius:3px;transition:width .5s ease}.od-popular-qty{font-size:12px;font-weight:700;color:var(--gray-500);flex-shrink:0;width:32px;text-align:right}.od-list-page{min-height:100vh;background:var(--gray-50)}.od-list-body{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.od-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.od-list-title{font-size:22px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px}.od-list-sub{font-size:13px;color:var(--gray-500);margin-top:3px}.od-download-group{display:flex;gap:6px}.od-download-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--gray-200);border-radius:8px;background:#fff;font-family:var(--font);font-size:12px;font-weight:600;color:var(--gray-700);cursor:pointer;transition:all .15s}.od-download-btn:hover{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.od-timeline-bar{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.od-timeline-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--gray-200);background:#fff;font-family:var(--font);font-size:12px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .15s}.od-timeline-btn:hover{border-color:var(--blue-800);color:var(--blue-800)}.od-timeline-btn.active{background:var(--blue-800);color:#fff;border-color:var(--blue-800);font-weight:600}.od-custom-range{display:flex;align-items:center;gap:8px;margin-left:4px;flex-wrap:wrap}.od-range-label{font-size:12px;font-weight:500;color:var(--gray-500)}.od-range-input{border:1px solid var(--gray-200);border-radius:8px;padding:5px 10px;font-family:var(--font);font-size:12px;color:var(--gray-900);outline:none;background:#fff;transition:border-color .15s}.od-range-input:focus{border-color:var(--blue-800)}.od-range-clear{padding:5px 12px;border-radius:8px;border:1px solid var(--gray-200);background:#fff;font-family:var(--font);font-size:12px;color:var(--gray-500);cursor:pointer}.od-range-clear:hover{border-color:#fecdd3;color:#be123c;background:#fff1f2}.od-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.od-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:4px;transition:box-shadow .15s,transform .15s}.od-stat-card:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}.od-stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.od-stat-icon svg{width:16px;height:16px}.od-stat-val{font-size:20px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px}.od-stat-label{font-size:11px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px}.od-stat-green .od-stat-icon{background:#f0fdf4;color:#16a34a}.od-stat-green .od-stat-val{color:#15803d}.od-stat-amber .od-stat-icon{background:#fff7ed;color:#c2410c}.od-stat-amber .od-stat-val{color:#c2410c}.od-stat-blue .od-stat-icon{background:#eff6ff;color:#1d4ed8}.od-stat-blue .od-stat-val{color:#1d4ed8}.od-stat-purple .od-stat-icon{background:#f5f3ff;color:#7c3aed}.od-stat-purple .od-stat-val{color:#6d28d9}@media(max-width:700px){.od-stat-grid{grid-template-columns:repeat(2,1fr)}}.od-summary-tile{display:flex;align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px 24px;margin-bottom:18px;gap:0;box-shadow:0 1px 4px #0000000a;flex-wrap:wrap}.od-summary-stat{flex:1;min-width:120px;text-align:center;padding:4px 16px}.od-summary-val{font-size:22px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px}.od-summary-label{font-size:11px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.od-summary-divider{width:1px;background:var(--gray-200);height:36px;flex-shrink:0}.od-list-controls{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.od-search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.od-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--gray-400);pointer-events:none}.od-search-input{width:100%;box-sizing:border-box;border:1px solid var(--gray-200);border-radius:10px;padding:9px 36px;font-family:var(--font);font-size:13px;color:var(--gray-900);background:#fff;outline:none;transition:border-color .15s}.od-search-input:focus{border-color:var(--blue-600)}.od-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray-400);padding:2px;display:flex;align-items:center}.od-table-card{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);overflow:hidden}.od-table-header{padding:14px 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--gray-100)}.od-table-title{font-size:14px;font-weight:700;color:var(--gray-900)}.orders-content{padding:0 16px 60px;margin-top:-20px;position:relative;z-index:1}.orders-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:4px}.orders-stat-card{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200);padding:14px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.orders-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;flex-shrink:0}.orders-stat-icon svg{width:18px;height:18px}.orders-stat-num{font-size:20px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px;line-height:1}.orders-stat-label{font-size:11px;color:var(--gray-500);margin-top:3px}.orders-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.orders-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pending-dot{background:#f59e0b}.active-dot{background:#22c55e}.orders-section-label{font-size:13px;font-weight:700;color:var(--gray-900)}.orders-section-count{background:var(--gray-100);color:var(--gray-600);border-radius:20px;padding:1px 9px;font-size:11px;font-weight:600}.orders-section-empty{font-size:13px;color:var(--gray-400);padding:14px 4px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 12px}.page-header-title{font-size:16px;font-weight:700;color:var(--gray-900)}.page-header-sub{font-size:12px;color:var(--gray-500);margin-top:2px}.new-order-btn{background:var(--blue-800);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s;flex-shrink:0}.new-order-btn:hover{background:var(--blue-900)}.new-order-btn svg{width:16px;height:16px}.pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.pill-pending{background:#fef9c3;color:#854d0e}.pill-inv_check,.pill-inventory_check{background:#e0f2fe;color:#0369a1}.pill-dispatch{background:#ede9fe;color:#5b21b6}.pill-partial,.pill-partial_dispatch{background:#fff7ed;color:#c2410c;font-weight:700}.pill-gen_invoice{background:#dbeafe;color:#1e40af}.pill-dispatched_fc{background:#f0fdf4;color:#166534}.pill-processing{background:#dbeafe;color:#1e40af}.pill-dispatched{background:#f0fdf4;color:#166534}.pill-completed{background:var(--gray-100);color:var(--gray-600)}.pill-cancelled{background:var(--red-bg);color:var(--red-text)}.filter-chip-warn.active{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.filter-chip-danger.active{background:#fff1f2;color:#be123c;border-color:#fecdd3}.orders-table-wrap{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table thead th{background:var(--gray-50);color:var(--gray-500);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--gray-200);white-space:nowrap}.orders-table tbody tr{cursor:pointer;transition:background .1s;border-bottom:1px solid var(--gray-100)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table tbody tr:hover{background:var(--blue-50)}.orders-table td{padding:11px 14px;font-size:13px;color:var(--gray-700);vertical-align:middle}.orders-table td.order-num-cell{font-family:var(--mono);font-weight:600;color:var(--blue-800);font-size:12px}.orders-table td.customer-cell{font-weight:600;color:var(--gray-900);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-table td.amount-cell{font-weight:700;color:var(--gray-900);text-align:right}.orders-table td.status-cell{text-align:right}.order-card{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);margin-bottom:10px;overflow:hidden;animation:slideUp .2s ease both;cursor:pointer;transition:box-shadow .15s;display:none}@media(max-width:600px){.orders-table-wrap{display:none}.order-card{display:block}}.order-card:hover{box-shadow:0 4px 16px #0a1e5a1a}.order-card-top{padding:13px 16px 10px;display:flex;align-items:flex-start;justify-content:space-between}.order-num{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--blue-800)}.order-customer{font-size:13px;font-weight:600;color:var(--gray-900);margin-top:2px}.order-date{font-size:11px;color:var(--gray-400);margin-top:2px}.order-card-bottom{padding:8px 16px;background:var(--gray-50);border-top:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.order-items-count{font-size:11px;color:var(--gray-500)}.order-total{font-size:13px;font-weight:700;color:var(--gray-900)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:flex-end;animation:fadeIn .15s ease}.modal-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:92vh;overflow-y:auto;animation:slideUp .25s ease;padding-bottom:env(safe-area-inset-bottom,16px)}.modal-handle{width:36px;height:4px;background:var(--gray-300);border-radius:2px;margin:12px auto 0}.modal-header{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-100);position:sticky;top:0;background:#fff;z-index:1}.modal-title{font-size:16px;font-weight:700;color:var(--gray-900)}.modal-close{width:32px;height:32px;border-radius:50%;background:var(--gray-100);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600)}.modal-close svg{width:16px;height:16px}.modal-body{padding:16px 20px}.form-section{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);font-weight:600;margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--gray-100)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.form-row.full{grid-template-columns:1fr}.form-row.three{grid-template-columns:1fr 1fr 1fr}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:11px;color:var(--gray-500);font-weight:500}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--gray-200);border-radius:8px;padding:9px 12px;font-family:var(--font);font-size:13px;color:var(--gray-900);background:#fff;outline:none;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--blue-600)}.form-field input[readonly]{background:var(--gray-50);color:var(--gray-600)}.form-field textarea{resize:vertical;min-height:60px}.typeahead-wrap{position:relative}.typeahead-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:200;max-height:220px;overflow-y:auto}.typeahead-item:hover,.typeahead-item.active{background:var(--blue-50)}.typeahead-item-sub{font-size:11px;color:var(--gray-400);margin-top:1px}.items-table-wrap{overflow-x:auto;margin-bottom:10px;border:1px solid var(--gray-200);border-radius:var(--radius-sm)}.items-table{width:100%;border-collapse:collapse;font-size:12px;min-width:580px}.items-table th{background:var(--gray-50);color:var(--gray-500);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.8px;padding:8px 10px;text-align:left;border-bottom:1px solid var(--gray-200)}.items-table td{padding:5px;border-bottom:1px solid var(--gray-100);vertical-align:middle}.items-table tr:last-child td{border-bottom:none}.items-table input{border:1px solid var(--gray-200);border-radius:6px;padding:6px 8px;font-size:12px;width:100%;font-family:var(--mono);outline:none;box-sizing:border-box}.items-table input:focus{border-color:var(--blue-600)}.items-table input[readonly]{background:var(--gray-50);color:var(--gray-700)}.del-row-btn{background:none;border:none;cursor:pointer;color:var(--gray-400);padding:4px;border-radius:4px;display:flex;align-items:center}.add-row-btn{background:none;border:1px dashed var(--gray-300);border-radius:8px;width:100%;padding:9px;font-size:12px;color:var(--gray-500);cursor:pointer;margin-top:8px;transition:all .15s;font-family:var(--font)}.add-row-btn:hover{border-color:var(--blue-600);color:var(--blue-600);background:var(--blue-50)}.order-totals{background:var(--gray-50);border-radius:var(--radius-sm);padding:12px 14px;margin-top:8px}.totals-row{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-600);margin-bottom:4px}.totals-row.grand{font-weight:700;color:var(--gray-900);font-size:15px;border-top:1px solid var(--gray-200);padding-top:8px;margin-top:4px}.submit-order-btn{width:100%;background:var(--blue-800);color:#fff;border:none;border-radius:var(--radius-sm);padding:14px;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-order-btn:hover{background:var(--blue-900)}.submit-order-btn:disabled{opacity:.6;cursor:not-allowed}.submit-order-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.orders-empty{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);padding:48px 24px;text-align:center}.orders-empty-icon{width:56px;height:56px;border-radius:16px;background:var(--blue-50);margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.orders-empty-icon svg{width:26px;height:26px;color:var(--blue-600)}.orders-empty-title{font-size:15px;font-weight:600;margin-bottom:6px}.orders-empty-sub{font-size:13px;color:var(--gray-500)}.detail-header-band{background:var(--blue-900);padding:16px 20px;border-radius:12px 12px 0 0}.detail-order-num{font-family:var(--mono);font-size:12px;color:var(--blue-200);margin-bottom:4px}.detail-customer-name{font-size:18px;font-weight:700;color:#fff}.detail-meta{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.detail-meta-item{font-size:11px;color:var(--blue-200);display:flex;align-items:center;gap:4px}.detail-tabs{display:flex;border-bottom:1px solid var(--gray-200);padding:0 20px;background:#fff}.detail-tab{padding:12px 16px;font-size:13px;font-weight:500;color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.detail-tab.active{color:var(--blue-800);border-bottom-color:var(--blue-800);font-weight:600}.detail-body{padding:16px 20px}.detail-section{margin-bottom:20px}.detail-section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);font-weight:600;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-field label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);font-weight:500;display:block;margin-bottom:2px}.detail-field .val{font-size:13px;font-weight:500;color:var(--gray-900)}.filter-bar{display:flex;gap:8px;overflow-x:auto;padding:0 4px 12px;-webkit-overflow-scrolling:touch}.filter-chip{border:1px solid var(--gray-200);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--gray-600);background:#fff;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0;font-family:var(--font)}.filter-chip.active{background:var(--blue-800);color:#fff;border-color:var(--blue-800)}.status-select{border:1px solid var(--gray-200);border-radius:8px;padding:8px 12px;font-family:var(--font);font-size:13px;color:var(--gray-900);background:#fff;outline:none;width:100%;margin-top:12px}.notes-input{border:1px solid var(--gray-200);border-radius:8px;padding:9px 12px;font-family:var(--font);font-size:13px;color:var(--gray-900);background:#fff;outline:none;width:100%;margin-top:8px;resize:vertical;min-height:70px;box-sizing:border-box}.notes-input:focus,.status-select:focus{border-color:var(--blue-600)}.save-status-btn{width:100%;background:var(--blue-800);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;margin-top:10px;transition:background .15s}.save-status-btn:hover{background:var(--blue-900)}.save-status-btn:disabled{opacity:.6;cursor:not-allowed}.ops-engineer{font-size:11px;color:var(--gray-500);margin-top:2px}.no-page{min-height:100vh;background:var(--gray-50)}.back-btn{display:flex;align-items:center;gap:6px;background:#ffffff1f;border:none;color:#fff;font-family:var(--font);font-size:13px;font-weight:500;padding:7px 14px;border-radius:8px;cursor:pointer;transition:background .15s}.back-btn:hover{background:#fff3}.back-btn svg{width:16px;height:16px}.no-body{max-width:1200px;margin:0 auto;padding:28px 20px 60px}.no-page-title{font-size:22px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px}.no-page-sub{font-size:13px;color:var(--gray-500);margin-top:4px;margin-bottom:24px}.no-card{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.no-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--blue-800);margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px}.no-section-title svg{width:16px;height:16px;flex-shrink:0}.no-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.no-row.full{grid-template-columns:1fr}.no-row.three{grid-template-columns:1fr 1fr 1fr}.no-row:last-of-type{margin-bottom:0}.no-field{display:flex;flex-direction:column;gap:5px}.no-field label{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.6px}.no-field .req{color:var(--red-text)}.no-field input,.no-field select,.no-field textarea{border:1px solid var(--gray-200);border-radius:8px;padding:9px 12px;font-family:var(--font);font-size:14px;color:var(--gray-900);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.no-field input:focus,.no-field select:focus,.no-field textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb14}.no-field textarea{resize:vertical;min-height:72px;line-height:1.5}.no-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.no-card-items{padding:20px 0}.no-card-items .no-section-title{padding:0 24px}.no-items-table-wrap{overflow-x:auto;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.no-items-table{width:100%;border-collapse:collapse;font-size:13px;min-width:960px}.no-items-table thead th{background:var(--gray-50);color:var(--gray-500);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;padding:9px 10px;text-align:left;border-bottom:1px solid var(--gray-200);white-space:nowrap}.no-items-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .1s}.no-items-table tbody tr:last-child{border-bottom:none}.no-items-table tbody tr:hover{background:var(--blue-50)}.no-items-table tbody tr.row-filled{background:#fafbff}.no-items-table td{padding:6px;vertical-align:middle}.col-sr{width:36px;text-align:center;color:var(--gray-400);font-size:12px;padding-left:14px!important}.col-code{min-width:180px}.col-qty,.col-lp{width:100px}.col-disc{width:76px}.col-unit,.col-total{width:100px}.col-date{width:130px}.col-ref{width:120px}.col-del{width:40px;text-align:center}.no-items-table input{border:1px solid var(--gray-200);border-radius:7px;padding:7px 9px;font-family:var(--mono);font-size:13px;width:100%;outline:none;box-sizing:border-box;background:#fff;transition:border-color .15s}.no-items-table input:focus{border-color:var(--blue-600)}.no-items-table input.calc-field{background:var(--gray-50);color:var(--gray-600);cursor:default}.no-items-table input.total-field{font-weight:700;color:var(--gray-900)}.del-row-btn{background:none;border:none;cursor:pointer;color:var(--gray-300);padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.del-row-btn:hover{color:var(--red-text);background:var(--red-bg)}.del-row-btn svg{width:14px;height:14px}.no-add-row-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--blue-600);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;padding:14px 24px;width:100%;transition:background .15s}.no-add-row-btn:hover{background:var(--blue-50)}.no-add-row-btn svg{width:16px;height:16px}.no-totals-card{padding:20px 24px}.no-totals-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.no-totals-summary{flex:1;min-width:220px;background:var(--gray-50);border-radius:10px;padding:14px 18px;border:1px solid var(--gray-100)}.no-total-line{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-600);padding:4px 0}.no-total-line.grand{font-size:16px;font-weight:700;color:var(--gray-900);border-top:1px solid var(--gray-200);margin-top:6px;padding-top:10px}.no-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.no-cancel-btn{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200);border-radius:10px;padding:12px 24px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.no-cancel-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.no-submit-btn{background:var(--blue-800);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s}.no-submit-btn:hover{background:var(--blue-900)}.no-submit-btn:disabled{opacity:.6;cursor:not-allowed}.no-submit-btn svg{width:16px;height:16px}.no-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.typeahead-wrap{position:relative;width:100%}.typeahead-wrap input{width:100%;box-sizing:border-box}.typeahead-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:200;max-height:240px;overflow-y:auto}.typeahead-item{padding:9px 14px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background .1s}.typeahead-item:last-child{border-bottom:none}.typeahead-item:hover{background:var(--blue-50)}.typeahead-item-main{font-weight:500;color:var(--gray-900)}.typeahead-item-sub{font-size:11px;color:var(--gray-400);margin-top:2px}.typeahead-empty{padding:12px 14px;font-size:13px;color:var(--gray-400);text-align:center}@media(max-width:640px){.no-row.three{grid-template-columns:1fr 1fr}.no-row{grid-template-columns:1fr}.no-actions{flex-direction:column}.no-cancel-btn,.no-submit-btn{width:100%;justify-content:center}.no-totals-row{flex-direction:column}}.no-file-label{cursor:pointer;display:block}.no-file-box{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--gray-300);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--gray-500);background:var(--gray-50);transition:all .15s}.no-file-box:hover{border-color:var(--blue-400);background:var(--blue-50);color:var(--blue-700)}.no-file-box.has-file{border-color:var(--blue-400);background:var(--blue-50);color:var(--blue-800);border-style:solid;font-weight:500}.od-page{min-height:100vh;background:var(--gray-50)}.od-body{max-width:1200px;margin:0 auto;padding:24px 24px 60px}.od-header{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:20px;padding:20px 24px;box-shadow:0 1px 4px #0000000a}.od-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.od-header-left{flex:1;min-width:0}.od-header-eyebrow{font-size:11px;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.od-status-badge{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.od-status-badge.pending{background:#fef9c3;color:#854d0e}.od-status-badge.active{background:#dbeafe;color:#1e40af}.od-status-badge.cancelled{background:#fff1f2;color:#be123c}.od-header-title{font-size:24px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px;line-height:1.2;margin-bottom:4px}.od-header-num{font-family:var(--mono);font-size:13px;color:var(--gray-500)}.od-header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;flex-shrink:0}.od-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}@media(max-width:900px){.od-layout{grid-template-columns:1fr}}.od-main{display:flex;flex-direction:column;gap:16px;min-width:0}.od-sidebar{display:flex;flex-direction:column;gap:12px}.od-pipeline-bar{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:0 1px 4px #0000000a;display:flex;align-items:center;overflow:hidden;margin-bottom:20px}.od-pipeline-stages{display:flex;flex:1;align-items:stretch;min-width:0}.od-pipe-stage{flex:1;height:44px;display:flex;align-items:center;justify-content:center;position:relative;background:#f6f8fc;color:#8896b3;font-size:13px;font-weight:500;padding:0 8px 0 20px;cursor:default;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s;white-space:nowrap}.od-pipe-stage:after{content:"";position:absolute;right:-11px;top:0;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:11px solid #f6f8fc;z-index:2}.od-pipe-stage:before{content:"";position:absolute;right:-13px;top:0;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:13px solid #e4e8f3;z-index:1}.od-pipe-stage:last-child:after,.od-pipe-stage:last-child:before{display:none}.od-pipe-stage:first-child{padding-left:16px}.od-pipe-stage.done{background:#eef2fd;color:#1a3a8b;font-weight:600}.od-pipe-stage.done:after{border-left-color:#eef2fd}.od-pipe-stage.done:before{border-left-color:#c7d4f5}.od-pipe-stage.active{background:#0d2461;color:#fff;font-weight:700}.od-pipe-stage.active:after{border-left-color:#0d2461}.od-pipe-stage.active:before{border-left-color:#0d2461}.od-pipeline-cancelled .od-pipe-stage{opacity:.45}.od-pipeline-cancelled .od-pipe-stage.active{background:#fee2e2;color:#be123c}.od-pipeline-cancelled .od-pipe-stage.active:after{border-left-color:#fee2e2}.od-pipeline-cancelled .od-pipe-stage.active:before{border-left-color:#fca5a5}.od-mark-complete-btn{display:flex;align-items:center;gap:6px;background:#0d2461;color:#fff;border:none;border-radius:0;padding:0 20px;height:44px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s;border-left:1px solid rgba(255,255,255,.15)}.od-mark-complete-btn svg{width:14px;height:14px}.od-mark-complete-btn:hover{background:#1a3a8b}.od-mark-complete-btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed}.od-pending-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#1e40af}.od-pending-banner svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.od-pending-banner-label{font-weight:600;margin-bottom:2px}.od-cancelled-banner{background:#fff1f2;border:1px solid #fecdd3;border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#be123c}.od-cancelled-banner svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.od-cancelled-banner-label{font-weight:600;margin-bottom:2px}.od-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #0000000a}.od-card-header{padding:13px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.od-card-title{font-size:13px;font-weight:700;color:var(--gray-900)}.od-card-body{padding:16px 20px}.od-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.od-detail-field label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);font-weight:600;display:block;margin-bottom:3px}.od-detail-field .val{font-size:13px;color:var(--gray-900);font-weight:500;line-height:1.4}.od-notes-val{background:#fef9c3;border:1px solid #fef08a;border-radius:6px;padding:7px 10px;font-size:12px;color:#78350f}.od-edit-form{display:flex;flex-direction:column;gap:12px}.od-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.od-edit-field{display:flex;flex-direction:column;gap:4px}.od-edit-field label{font-size:11px;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.od-edit-field input,.od-edit-field select,.od-edit-field textarea{border:1px solid var(--gray-200);border-radius:8px;padding:8px 10px;font-family:var(--font);font-size:13px;color:var(--gray-900);background:#fff;outline:none;transition:border-color .15s}.od-edit-field input:focus,.od-edit-field select:focus,.od-edit-field textarea:focus{border-color:var(--blue-600)}.od-edit-field textarea{resize:vertical;min-height:56px}.od-items-table{width:100%;border-collapse:collapse;font-size:13px}.od-items-table thead th{background:var(--gray-50);color:var(--gray-500);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:9px 12px;text-align:left;border-bottom:1px solid var(--gray-200)}.od-items-table thead th:last-child{text-align:right}.od-items-table tbody tr{border-bottom:1px solid var(--gray-100)}.od-items-table tbody tr:last-child{border-bottom:none}.od-items-table td{padding:10px 12px;color:var(--gray-700);vertical-align:middle}.od-items-table td.mono{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--blue-800)}.od-items-table td.right{text-align:right;font-weight:600}.od-totals{border-top:1px solid var(--gray-100);padding:14px 20px;display:flex;justify-content:flex-end}.od-totals-inner{min-width:240px}.od-totals-row{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-600);padding:3px 0}.od-totals-row.grand{font-size:15px;font-weight:700;color:var(--gray-900);border-top:1px solid var(--gray-200);margin-top:6px;padding-top:8px}.od-side-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:0 1px 3px #0000000a}.od-side-card-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);margin-bottom:10px}.od-side-val-big{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.od-side-sub{font-size:12px;color:var(--gray-500);line-height:1.5}.od-ref-num{font-family:var(--mono);font-size:15px;font-weight:700;margin-bottom:4px}.od-activity-card{display:flex;flex-direction:column;gap:0;padding:14px 0 0}.od-activity-card>.od-side-card-title{padding:0 16px 10px}.od-activity-list{display:flex;flex-direction:column;gap:12px;padding:0 16px 14px;max-height:360px;overflow-y:auto}.od-activity-item{display:flex;gap:10px;align-items:flex-start}.od-activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.od-activity-dot.submitted{background:var(--blue-600)}.od-activity-dot.edited{background:#d97706}.od-activity-dot.approved{background:#16a34a}.od-activity-dot.cancelled{background:#e11d48}.od-activity-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-400);margin-bottom:1px}.od-activity-val{font-size:13px;font-weight:600;color:var(--gray-900)}.od-activity-time{font-size:11px;color:var(--gray-400);margin-top:1px}.od-comment-item{align-items:flex-start}.od-comment-avatar{width:26px;height:26px;border-radius:50%;background:#eef2fd;color:#1a3a8b;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.od-comment-body{flex:1;min-width:0}.od-comment-author{font-size:12px;font-weight:600;color:var(--gray-900);margin-bottom:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.od-comment-tagged{font-size:11px;font-weight:400;color:var(--gray-400)}.od-comment-text{font-size:13px;color:var(--gray-700);line-height:1.5;word-break:break-word}.od-mention-tag{background:#eef2fd;color:#1a3a8b;border-radius:4px;padding:1px 5px;font-weight:600;font-size:12px}.od-comment-box{border-top:1px solid var(--gray-100);padding:12px 16px;display:flex;gap:8px;align-items:flex-end}.od-comment-input-wrap{flex:1;position:relative}.od-comment-input{width:100%;border:1px solid var(--gray-200);border-radius:8px;padding:8px 10px;font-family:var(--font);font-size:13px;color:var(--gray-900);resize:none;outline:none;transition:border-color .15s;box-sizing:border-box;line-height:1.5}.od-comment-input:focus{border-color:var(--blue-600)}.od-comment-input::placeholder{color:var(--gray-400)}.od-comment-btn{background:#0d2461;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.od-comment-btn:hover:not(:disabled){background:#1a3a8b}.od-comment-btn:disabled{background:var(--gray-300);cursor:not-allowed}.od-mention-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden}.od-mention-item{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;color:var(--gray-900);cursor:pointer;transition:background .1s}.od-mention-item:hover{background:var(--blue-50)}.od-mention-avatar{width:22px;height:22px;border-radius:50%;background:#eef2fd;color:#1a3a8b;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.od-mention-name{font-size:13px;font-weight:600;color:var(--gray-900)}.od-mention-uname{font-size:11px;color:var(--gray-500)}.od-account-owner{display:flex;align-items:center;gap:10px}.od-owner-avatar{width:32px;height:32px;border-radius:50%;background:#0d2461;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.od-credit-badge{display:inline-block;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.od-po-link{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--blue-50);border:1px solid var(--blue-200);border-radius:8px;font-size:13px;font-weight:600;color:var(--blue-800);text-decoration:none;transition:background .15s}.od-po-link:hover{background:#dbeafe}.od-btn{border-radius:8px;padding:8px 14px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700)}.od-btn:hover{background:var(--gray-50)}.od-btn:disabled{opacity:.6;cursor:not-allowed}.od-btn svg{width:14px;height:14px}.od-btn-primary{background:var(--blue-800);color:#fff;border-color:var(--blue-800)}.od-btn-primary:hover{background:var(--blue-900)}.od-btn-approve{background:#16a34a;color:#fff;border-color:#16a34a}.od-btn-approve:hover{background:#15803d}.od-btn-edit{background:var(--blue-50);color:var(--blue-800);border-color:var(--blue-200)}.od-btn-edit:hover{background:#dbeafe}.od-btn-danger{border-color:#fecdd3;color:var(--red-text);background:#fff}.od-btn-danger:hover{background:#fff1f2}.od-cancel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.od-cancel-modal{background:#fff;border-radius:var(--radius);width:100%;max-width:400px;padding:24px;box-shadow:0 20px 60px #0003;animation:slideUp .2s ease}.od-cancel-title{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:6px}.od-cancel-sub{font-size:13px;color:var(--gray-500);margin-bottom:4px}.od-cancel-textarea{width:100%;border:1px solid var(--gray-200);border-radius:8px;padding:10px 12px;font-family:var(--font);font-size:13px;color:var(--gray-900);outline:none;resize:vertical;min-height:80px;box-sizing:border-box;margin-top:12px}.od-cancel-textarea:focus{border-color:var(--red-text)}.od-cancel-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.od-dispatch-choice-btn{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;border:2px solid var(--gray-200);border-radius:var(--radius);background:#fff;cursor:pointer;transition:all .15s;font-family:var(--font)}.od-dispatch-choice-btn:hover{border-color:#0d2461;background:var(--blue-50)}.od-pipeline-partial .od-pipe-stage.active{background:#92400e;color:#fff}.od-pipeline-partial .od-pipe-stage.active:after{border-left-color:#92400e}.od-pipeline-partial .od-pipe-stage.active:before{border-left-color:#78350f}.od-dispatch-tile{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.od-dispatch-tile-pending{border-color:#fed7aa}.od-dispatch-tile-dispatched{border-color:#bbf7d0}.od-dispatch-tile-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.od-dispatch-tile-pending .od-dispatch-tile-header{background:#fff7ed}.od-dispatch-tile-dispatched .od-dispatch-tile-header{background:#f0fdf4}.od-dispatch-tile-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.od-dispatch-tile-pending .od-dispatch-tile-label{color:#92400e}.od-dispatch-tile-dispatched .od-dispatch-tile-label{color:#166534}.od-dispatch-tile-count{font-size:11px;font-weight:700;border-radius:20px;padding:2px 9px;border:1px solid}.od-dispatch-tile-pending .od-dispatch-tile-count{background:#fff7ed;color:#92400e;border-color:#fed7aa}.od-dispatch-tile-dispatched .od-dispatch-tile-count{background:#f0fdf4;color:#166534;border-color:#bbf7d0}@media(max-width:600px){.od-detail-grid,.od-edit-row{grid-template-columns:1fr}}.crm-page{min-height:100vh;background:var(--gray-50)}.crm-body{padding:24px 28px 60px}.crm-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.crm-title{font-size:22px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px}.crm-sub{font-size:13px;color:var(--gray-500);margin-top:4px}.crm-header-actions{display:flex;gap:10px;align-items:center}.crm-view-toggle{display:flex;gap:0;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;background:#fff}.crm-view-btn{border:none;padding:7px 14px;font-family:var(--font);font-size:13px;font-weight:500;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;gap:6px;background:none;transition:all .15s}.crm-view-btn.active{background:#0d2461;color:#fff}.crm-view-btn svg{width:15px;height:15px}.crm-new-btn{background:#0d2461;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.crm-new-btn:hover{background:#1a3a8b}.crm-new-btn svg{width:15px;height:15px}.crm-kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:20px;align-items:flex-start;-webkit-overflow-scrolling:touch}.crm-kanban::-webkit-scrollbar{height:6px}.crm-kanban::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.crm-col{flex-shrink:0;width:240px;display:flex;flex-direction:column;gap:8px}.crm-col-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;margin-bottom:4px}.crm-col-label{font-size:12px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.8px}.crm-col-count{background:var(--gray-200);color:var(--gray-600);font-size:11px;font-weight:600;border-radius:10px;padding:2px 7px}.crm-col.won .crm-col-label{color:#166534}.crm-col.lost .crm-col-label{color:#9b1c1c}.crm-col.won .crm-col-count{background:#d4f5e2;color:#14653a}.crm-col.lost .crm-col-count{background:#fee2e2;color:#9b1c1c}.crm-card{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;position:relative}.crm-card:hover{box-shadow:0 4px 16px #00000014;border-color:var(--gray-300);transform:translateY(-1px)}.crm-card.dragging{opacity:.5;box-shadow:0 8px 24px #00000026}.crm-drop-zone{min-height:60px;border:2px dashed var(--gray-200);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-400);transition:all .15s}.crm-drop-zone.drag-over{border-color:#1a3a8b;background:var(--blue-50)}.crm-card-lead-name{font-size:12px;font-weight:700;color:#1a3a8b;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-card-company{font-size:12px;font-weight:500;color:var(--gray-500);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-card-contact{font-size:12px;color:var(--gray-500);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.crm-card-source{font-size:11px;color:var(--gray-400);background:var(--gray-100);border-radius:5px;padding:2px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.crm-card-owner{font-size:11px;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.crm-card-opp-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#f59e0b}.crm-card-date{font-size:11px;color:var(--gray-400)}.crm-list-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.crm-search-wrap{position:relative;flex:1;min-width:200px}.crm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--gray-400);pointer-events:none}.crm-search-input{width:100%;border:1px solid var(--gray-200);border-radius:8px;padding:8px 12px 8px 34px;font-family:var(--font);font-size:13px;color:var(--gray-900);outline:none;transition:border-color .15s;background:#fff;box-sizing:border-box}.crm-search-input:focus{border-color:var(--blue-600)}.crm-filter-select{border:1px solid var(--gray-200);border-radius:8px;padding:8px 32px 8px 12px;font-family:var(--font);font-size:13px;color:var(--gray-900);background:#fff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.crm-table-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #0000000a}.crm-table{width:100%;border-collapse:collapse;font-size:13px}.crm-table thead th{background:var(--gray-50);color:var(--gray-500);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--gray-200);white-space:nowrap}.crm-table tbody tr{border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .1s}.crm-table tbody tr:last-child{border-bottom:none}.crm-table tbody tr:hover td{background:var(--blue-50)}.crm-table td{padding:11px 14px;color:var(--gray-700);vertical-align:middle}.crm-table td.company-cell{font-weight:600;color:var(--gray-900)}.crm-table td.mobile-cell{font-family:var(--mono);font-size:12px}.crm-stage-pill{display:inline-block;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;white-space:nowrap}.crm-stage-pill.prospecting{background:#ede9fe;color:#5b21b6}.crm-stage-pill.qualification{background:#dbeafe;color:#1d4ed8}.crm-stage-pill.discovery{background:#e0f2fe;color:#0369a1}.crm-stage-pill.proposal{background:#fef3c7;color:#92400e}.crm-stage-pill.negotiation{background:#fff7ed;color:#c2410c}.crm-stage-pill.quotation{background:#fce7f3;color:#9d174d}.crm-stage-pill.won{background:#d4f5e2;color:#14653a}.crm-stage-pill.lost{background:#fee2e2;color:#9b1c1c}.crm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--gray-400);text-align:center}.crm-empty svg{width:40px;height:40px;margin-bottom:12px;color:var(--gray-300)}.crm-empty-title{font-size:15px;font-weight:600;color:var(--gray-600);margin-bottom:6px}.crm-empty-sub{font-size:13px}.crm-opp-banner{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-sm);padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13px;color:#92400e;margin-bottom:16px}.crm-opp-banner svg{width:16px;height:16px;flex-shrink:0}.crm-convert-btn{background:#fff;border:1px solid #f59e0b;color:#92400e;border-radius:8px;padding:8px 14px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.crm-convert-btn:hover{background:#fef3c7}.crm-convert-btn svg{width:14px;height:14px}.crm-activity-type-btns{display:flex;gap:6px;margin-bottom:12px}.crm-act-type-btn{border:1px solid var(--gray-200);border-radius:20px;padding:5px 12px;font-family:var(--font);font-size:12px;font-weight:500;color:var(--gray-600);background:#fff;cursor:pointer;transition:all .15s}.crm-act-type-btn.active{background:#0d2461;color:#fff;border-color:#0d2461}.crm-act-dot.call{background:#2563eb}.crm-act-dot.meeting{background:#7c3aed}.crm-act-dot.note{background:#d97706}.crm-act-dot.stage_change{background:#16a34a}.crm-stage-change-entry{font-size:12px;color:var(--gray-500);font-style:italic}@media(max-width:768px){.crm-col{width:200px}.crm-body{padding:16px 12px 60px}}