:root{color-scheme:light;font-family:Inter,Bahnschrift,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"cv11","ss01","ss03";font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f9fafc;--surface-3: #f1f3f8;--ink: #0f172a;--ink-soft: #475569;--ink-mute: #94a3b8;--line: #e5e8ef;--line-strong: #d1d5db;--brand-blue: #1d4ed8;--brand-blue-soft: #eff4ff;--brand-blue-dark: #1e3a8a;--brand-red: #c94236;--brand-red-soft: #fef1ef;--brand-gold: #b58a3f;--brand-gold-soft: #fdf6ea;--accent-purple: #7c3aed;--accent-green: #15803d;--accent-amber: #b45309;--accent-slate: #475569;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 2px 4px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 56px rgba(15, 23, 42, .16);--sidebar-w: 248px;--topbar-h: 64px;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:var(--bg)}button,input,textarea{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer}a{color:var(--brand-blue);text-decoration:none}code{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:.85em;background:var(--surface-3);padding:2px 6px;border-radius:6px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.app-main{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.app-content{flex:1;padding:24px 32px 40px;display:flex;flex-direction:column;gap:20px;max-width:1600px;width:100%;margin:0 auto}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;gap:24px}.sidebar-brand{display:flex;justify-content:center;align-items:center;padding:4px 0 24px;border-bottom:1px solid var(--line)}.sidebar-logo{width:100%;border-radius:18px;background:linear-gradient(135deg,var(--brand-blue-soft),#fff);border:1px solid var(--line);display:grid;place-items:center;padding:24px 22px}.sidebar-logo img{width:100%;height:auto;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--ink-soft);font-size:.9rem;font-weight:500;transition:background .12s ease,color .12s ease;text-align:left}.nav-item .nav-icon{color:var(--ink-mute);flex:0 0 18px;transition:color .12s ease}.nav-item:hover{background:var(--surface-3);color:var(--ink)}.nav-item:hover .nav-icon{color:var(--ink)}.nav-item.active{background:var(--brand-blue-soft);color:var(--brand-blue);font-weight:600}.nav-item.active .nav-icon{color:var(--brand-blue)}.nav-label{flex:1}.nav-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--brand-blue);color:#fff;letter-spacing:.02em}.sidebar-footer{margin-top:auto}.sidebar-card{padding:14px;border-radius:var(--radius);background:linear-gradient(160deg,var(--brand-blue-soft) 0%,var(--surface) 100%);border:1px solid var(--line)}.sidebar-card .eyebrow{margin-bottom:4px}.sidebar-card strong{display:block;font-size:.95rem;margin-bottom:6px}.sidebar-card p{margin:0;font-size:.78rem;color:var(--ink-soft);line-height:1.45}.topbar{position:sticky;top:0;z-index:5;height:var(--topbar-h);background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px}.topbar-search{position:relative;flex:1;max-width:520px;display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;border-radius:10px;background:var(--surface-3);border:1px solid transparent;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.topbar-search:focus-within{background:var(--surface);border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f}.topbar-search .search-icon{color:var(--ink-mute);flex:0 0 18px}.topbar-search input{flex:1;border:0;outline:0;background:transparent;font-size:.9rem;min-width:0}.topbar-search input::placeholder{color:var(--ink-mute)}.topbar-search kbd{font-family:inherit;font-size:.7rem;font-weight:600;color:var(--ink-mute);padding:3px 7px;border-radius:6px;background:var(--surface);border:1px solid var(--line)}.topbar-user{position:relative;display:flex;align-items:center;gap:12px}.user-card{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:10px}.user-card-button{background:transparent;border:1px solid transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease}.user-card-button:hover{background:var(--surface-3)}.user-card-button.open{background:var(--surface-3);border-color:var(--line)}.user-chevron{color:var(--ink-mute);margin-left:4px;transform:rotate(90deg);transition:transform .16s ease,color .12s ease}.user-chevron.open{transform:rotate(-90deg);color:var(--ink)}.user-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:240px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:rise .14s cubic-bezier(.22,1,.36,1)}.user-menu-head{display:flex;flex-direction:column;padding:10px 12px 8px;line-height:1.3}.user-menu-head strong{font-size:.9rem;font-weight:700;color:var(--ink)}.user-menu-head span{font-size:.74rem;color:var(--ink-mute);margin-top:2px}.user-menu-divider{height:1px;background:var(--line);margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;font-size:.88rem;font-weight:500;color:var(--ink);text-align:left;transition:background .12s ease,color .12s ease}.user-menu-item:hover{background:var(--surface-3)}.user-menu-item .meta-icon{width:16px;height:16px;color:var(--ink-soft)}.user-menu-item:hover .meta-icon{color:var(--ink)}.user-menu-danger{color:var(--brand-red)}.user-menu-danger:hover{background:var(--brand-red-soft)}.user-menu-danger .meta-icon,.user-menu-danger:hover .meta-icon{color:var(--brand-red)}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));color:#fff;display:grid;place-items:center;font-weight:700;font-size:.82rem;letter-spacing:.02em}.user-meta{display:flex;flex-direction:column;line-height:1.2}.user-meta strong{font-size:.88rem;font-weight:600}.user-meta span{font-size:.74rem;color:var(--ink-mute)}.eyebrow,.card-kicker{margin:0 0 6px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-weight:700}h1,h2,h3{margin:0;letter-spacing:-.02em;color:var(--ink)}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.05rem;font-weight:600}p{margin:0;line-height:1.55}.primary-button,.secondary-button,.danger-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:.88rem;font-weight:600;letter-spacing:-.005em;transition:background .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease,border-color .12s ease;cursor:pointer}.primary-button{background:var(--brand-blue);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px #ffffff29}.primary-button:hover:not(:disabled){background:var(--brand-blue-dark);box-shadow:var(--shadow),inset 0 1px #ffffff29}.secondary-button{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.secondary-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--ink-mute)}.danger-button{background:var(--surface);color:var(--brand-red);border:1px solid #f3c4bf}.danger-button:hover:not(:disabled){background:var(--brand-red-soft);border-color:var(--brand-red)}.ghost-button{background:transparent;color:var(--ink-soft)}.ghost-button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed}.icon-button{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ink-soft);background:transparent;border:1px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.icon-button:hover:not(:disabled){background:var(--surface-3);color:var(--ink);border-color:var(--line)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overview-panel{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:24px;align-items:end}.overview-copy h2{font-size:1.65rem;margin-top:4px}.overview-copy .sync-label{margin-top:6px;font-size:.82rem;color:var(--ink-mute)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform .16s ease,box-shadow .16s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.metric-head{display:flex;align-items:center;gap:10px}.metric-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--brand-blue-soft);color:var(--brand-blue);flex:0 0 32px}.metric-label{font-size:.78rem;color:var(--ink-soft);font-weight:500}.metric-value{font-size:1.6rem;font-weight:700;letter-spacing:-.025em;color:var(--ink);line-height:1.1}.metric-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-delta{font-size:.74rem;font-weight:600}.delta-up{color:var(--accent-green)}.delta-warning{color:var(--brand-red)}.delta-neutral{color:var(--ink-mute)}.metric-spark{width:64px;height:24px;flex:0 0 64px}.metric-spark path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tone-blue .metric-icon{background:var(--brand-blue-soft);color:var(--brand-blue)}.tone-blue .metric-spark{color:var(--brand-blue)}.tone-red .metric-icon{background:var(--brand-red-soft);color:var(--brand-red)}.tone-red .metric-spark{color:var(--brand-red)}.tone-gold .metric-icon{background:var(--brand-gold-soft);color:var(--brand-gold)}.tone-gold .metric-spark{color:var(--brand-gold)}.tone-slate .metric-icon{background:#eef1f5;color:var(--accent-slate)}.tone-slate .metric-spark{color:var(--accent-slate)}.orders-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-xs)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-tools{display:flex;gap:8px;align-items:center}.list-counter{font-size:.74rem;font-weight:600;color:var(--ink-soft);padding:5px 10px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line)}.filter-strip{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;padding-bottom:2px;scrollbar-width:thin}.filter-strip::-webkit-scrollbar{height:4px}.filter-strip::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.filter-chip{padding:7px 12px;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:.82rem;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.filter-chip:hover{background:var(--surface-3);color:var(--ink)}.filter-chip.active{background:var(--ink);color:#fff;font-weight:600}.feedback{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:.85rem;font-weight:500;border:1px solid #d2deff}.feedback.error{background:var(--brand-red-soft);color:var(--brand-red);border-color:#f3c4bf}.order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.order-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;position:relative;overflow:hidden}.order-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent;transition:background .14s ease}.order-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.order-card.selected{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81a}.order-card.selected:before{background:var(--brand-blue)}.order-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-card-id strong{display:block;font-size:.95rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.order-card-id p{margin:2px 0 0;font-size:.82rem;color:var(--ink-mute)}.order-card-meta{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:.78rem;color:var(--ink-soft)}.order-card-meta span{display:inline-flex;align-items:center;gap:5px}.meta-icon{width:14px;height:14px;color:var(--ink-mute);flex:0 0 14px}.order-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem;font-weight:600;color:var(--brand-blue);padding-top:10px;border-top:1px dashed var(--line)}.footer-arrow{width:14px;height:14px;transition:transform .14s ease}.order-card:hover .footer-arrow{transform:translate(2px)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:-.005em;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.status-pendiente-de-revision{background:var(--brand-red-soft);color:var(--brand-red)}.status-en-revision{background:#f1ecfb;color:var(--accent-purple)}.status-observada{background:#fef3e0;color:var(--accent-amber)}.status-confirmada{background:#e6f6ec;color:var(--accent-green)}.status-en-preparacion{background:var(--brand-blue-soft);color:var(--brand-blue)}.status-despachada,.status-cerrada{background:var(--surface-3);color:var(--accent-slate)}.secondary-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-3);color:var(--ink-soft);font-size:.74rem;font-weight:500;border:1px solid var(--line)}.tag-chip{display:inline-flex;padding:3px 8px;border-radius:6px;background:var(--surface-3);color:var(--ink-soft);font-size:.74rem;font-weight:500}.empty-state{padding:48px 24px;text-align:center;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty-state .eyebrow{margin:0 0 8px}.empty-state strong{display:block;font-size:1rem;margin-bottom:6px}.empty-state p{margin:0;color:var(--ink-soft);font-size:.88rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.detail-modal{width:min(1200px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:28px;animation:rise .22s cubic-bezier(.22,1,.36,1)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.detail-header-main h2{font-size:1.65rem;margin:4px 0 6px}.detail-subtitle{font-size:.92rem;color:var(--ink-soft);margin-bottom:14px}.detail-badges{display:flex;gap:8px;flex-wrap:wrap}.modal-close{width:36px;height:36px}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.detail-card{padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.detail-card.highlight{background:linear-gradient(160deg,var(--brand-blue-soft),var(--surface));border-color:#d2deff}.detail-label{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-weight:600;margin-bottom:8px}.detail-card strong{display:block;font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}.detail-card p{font-size:.8rem;color:var(--ink-soft)}.detail-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:16px;margin-bottom:16px}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--ink-mute)}.card-title-row .eyebrow{margin-bottom:4px}.table-wrap{overflow-x:auto;margin:-4px;padding:4px}table{width:100%;border-collapse:collapse;min-width:640px;font-size:.85rem}thead th{text-align:left;padding:8px 10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-weight:600;border-bottom:1px solid var(--line);background:var(--surface-2)}thead th:first-child{border-top-left-radius:8px}thead th:last-child{border-top-right-radius:8px}tbody td{padding:12px 10px;border-bottom:1px solid var(--line);color:var(--ink)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-2)}.document-list{display:flex;flex-direction:column;gap:8px}.document-card{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);transition:background .12s ease,border-color .12s ease}.document-card:hover{background:var(--brand-blue-soft);border-color:#d2deff}.document-icon{width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--brand-blue)}.document-body strong{display:block;font-size:.88rem;font-weight:600;margin-bottom:2px}.document-body p{font-size:.76rem;color:var(--ink-mute)}.document-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.74rem;color:var(--ink-mute);text-align:right}.timeline-list{list-style:none;margin:0;padding:0;position:relative}.timeline-list:before{content:"";position:absolute;top:12px;bottom:12px;left:7px;width:2px;background:var(--line);border-radius:2px}.timeline-item{position:relative;padding:6px 0 14px 28px}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;top:8px;left:0;width:16px;height:16px;border-radius:999px;background:var(--surface);border:3px solid var(--brand-blue);z-index:1}.timeline-item.tone-positive .timeline-marker{border-color:var(--accent-green)}.timeline-item.tone-warning .timeline-marker{border-color:var(--accent-amber)}.timeline-item.tone-accent .timeline-marker{border-color:var(--accent-purple)}.timeline-item.tone-neutral .timeline-marker{border-color:var(--ink-mute)}.timeline-body strong{display:block;font-size:.88rem;font-weight:600;margin-bottom:2px}.timeline-body p{font-size:.82rem;color:var(--ink-soft);margin-bottom:4px}.timeline-body time{font-size:.74rem;color:var(--ink-mute)}.comment-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.comment-form textarea{width:100%;min-height:96px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);resize:vertical;font-size:.88rem;line-height:1.5;transition:border-color .12s ease,box-shadow .12s ease}.comment-form textarea:focus{outline:0;border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f}.comment-form .primary-button{align-self:flex-start}.comment-list{display:flex;flex-direction:column;gap:10px}.comment-card{padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.comment-head{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;margin-bottom:8px}.comment-avatar{width:32px;height:32px;border-radius:999px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-soft)}.comment-author strong{display:block;font-size:.84rem;font-weight:600}.comment-author span{font-size:.72rem;color:var(--ink-mute)}.comment-head time{font-size:.72rem;color:var(--ink-mute)}.comment-card p{margin:0;font-size:.86rem;color:var(--ink);line-height:1.5}.login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px 24px;overflow:hidden;background:linear-gradient(160deg,#f6f7fb,#eef2fa 60%,#fef1ef)}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.login-orb{position:absolute;border-radius:999px;filter:blur(60px);opacity:.55}.orb-one{width:460px;height:460px;top:-160px;left:-120px;background:radial-gradient(circle,rgba(29,78,216,.5),transparent 70%);animation:drift 18s ease-in-out infinite}.orb-two{width:540px;height:540px;bottom:-200px;right:-180px;background:radial-gradient(circle,rgba(201,66,54,.42),transparent 70%);animation:drift 22s ease-in-out infinite reverse}.orb-three{width:360px;height:360px;top:40%;left:50%;background:radial-gradient(circle,rgba(181,138,63,.32),transparent 70%);animation:drift 26s ease-in-out infinite}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(20px,18px,0)}}.login-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,460px);gap:40px;align-items:center;max-width:1080px;width:100%}.login-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center}.login-hero-logo{width:100%;max-width:460px;padding:48px 56px;border-radius:28px;background:#ffffffeb;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-lg)}.login-hero-logo img{width:100%;display:block}.login-hero .eyebrow{font-size:.8rem;letter-spacing:.22em;color:var(--brand-blue);margin:0}.login-form-panel{background:#ffffffc7;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:32px;box-shadow:var(--shadow-lg)}.login-form-panel .card-header h2{font-size:1.7rem;margin:4px 0 6px}.login-form-panel .card-header .lead{font-size:.88rem;color:var(--ink-soft);margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.78rem;font-weight:600;color:var(--ink-soft)}.field-input{position:relative;display:flex;align-items:center;gap:8px;padding:0 12px;height:44px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;transition:border-color .12s ease,box-shadow .12s ease}.field-input:focus-within{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed824}.field-icon{color:var(--ink-mute);flex:0 0 18px}.field-input input{flex:1;border:0;outline:0;background:transparent;font-size:.92rem;min-width:0}.login-submit{height:46px;margin-top:6px;font-size:.94rem}.login-copyright{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:.78rem;color:var(--ink-mute);letter-spacing:.02em}.support-note{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:.8rem;color:var(--ink-mute)}.support-note>span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink-mute)}.support-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-codes div{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.support-codes strong{font-size:.74rem;font-weight:600;color:var(--ink)}.support-codes code{font-size:.78rem;font-weight:600;color:var(--brand-blue);background:transparent;padding:0}.auth-loading-state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0}.loader-pulse{width:32px;height:32px;border-radius:999px;border:3px solid var(--line);border-top-color:var(--brand-blue);animation:spin .7s linear infinite}.auth-loading-state strong{font-size:.95rem;font-weight:600}.auth-loading-state p{font-size:.84rem;color:var(--ink-soft)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-title{font-size:1.7rem;font-weight:700;margin:4px 0 6px;letter-spacing:-.025em}.page-subtitle{font-size:.92rem;color:var(--ink-soft);max-width:60ch}.page-header-meta{display:flex;gap:8px;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}.status-pie{display:grid;grid-template-columns:minmax(180px,220px) 1fr;gap:20px;align-items:center}.status-pie-graphic{position:relative;width:100%;max-width:220px;aspect-ratio:1;margin:0 auto}.status-pie-graphic svg{width:100%;height:100%;display:block}.pie-segment{transition:stroke-dasharray .48s cubic-bezier(.22,1,.36,1),stroke-dashoffset .48s cubic-bezier(.22,1,.36,1)}.pie-center-value{font-size:28px;font-weight:700;fill:var(--ink);letter-spacing:-.02em}.pie-center-label{font-size:11px;fill:var(--ink-mute);text-transform:uppercase;letter-spacing:.12em}.tone-stroke-red{stroke:var(--brand-red)}.tone-stroke-purple{stroke:var(--accent-purple)}.tone-stroke-green{stroke:var(--accent-green)}.tone-stroke-blue{stroke:var(--brand-blue)}.tone-stroke-slate{stroke:var(--accent-slate)}.tone-stroke-amber{stroke:var(--accent-amber)}.status-pie-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.legend-row{display:grid;grid-template-columns:12px 1fr auto auto;gap:10px;align-items:center;padding:6px 8px;border-radius:8px;transition:background .12s ease}.legend-row:hover{background:var(--surface-2)}.legend-label{font-size:.85rem;color:var(--ink)}.legend-percent{font-size:.78rem;font-weight:600;color:var(--ink-mute);min-width:42px;text-align:right}.legend-count{font-size:.95rem;font-weight:700;color:var(--ink);min-width:24px;text-align:right}@media (max-width: 720px){.status-pie{grid-template-columns:1fr}}.status-breakdown{display:flex;flex-direction:column;gap:14px}.breakdown-row{display:grid;grid-template-columns:minmax(180px,200px) 1fr 40px;gap:14px;align-items:center}.breakdown-info{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--ink)}.breakdown-dot{width:10px;height:10px;border-radius:999px;flex:0 0 10px}.breakdown-bar{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.breakdown-fill{display:block;height:100%;border-radius:999px;transition:width .48s cubic-bezier(.22,1,.36,1)}.breakdown-count{text-align:right;font-size:.95rem;font-weight:700}.tone-dot-red,.tone-fill-red{background:var(--brand-red)}.tone-dot-purple,.tone-fill-purple{background:var(--accent-purple)}.tone-dot-green,.tone-fill-green{background:var(--accent-green)}.tone-dot-blue,.tone-fill-blue{background:var(--brand-blue)}.tone-dot-slate,.tone-fill-slate{background:var(--accent-slate)}.tone-dot-amber,.tone-fill-amber{background:var(--accent-amber)}.tone-dot-gold,.tone-fill-gold{background:var(--brand-gold)}.metric-card-button{text-align:left;cursor:pointer;font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);-webkit-appearance:none;-moz-appearance:none;appearance:none}.metric-card-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--brand-blue)}.metric-card-button:focus-visible{outline:none;box-shadow:0 0 0 3px #1d4ed82e;border-color:var(--brand-blue)}.metric-chart-modal{width:min(640px,100%);padding:0;display:flex;flex-direction:column;overflow:hidden}.metric-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 26px 18px;background:linear-gradient(135deg,var(--brand-blue-soft) 0%,var(--surface) 100%);border-bottom:1px solid var(--line)}.metric-modal-title{display:flex;align-items:center;gap:12px}.metric-modal-title .metric-icon{width:44px;height:44px;border-radius:12px}.metric-modal-title h2{margin:4px 0 0;font-size:1.15rem;font-weight:700;color:var(--ink)}.metric-modal-header .modal-close{background:var(--surface);border:1px solid var(--line);width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:all .12s ease;flex-shrink:0}.metric-modal-header .modal-close:hover{background:var(--brand-red-soft);color:var(--brand-red);border-color:transparent}.metric-modal-hero{padding:20px 26px 6px}.metric-modal-hero strong{display:block;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-top:4px}.metric-modal-hero p{margin:6px 0 0;color:var(--ink-soft);font-size:.88rem;max-width:50ch}.metric-modal-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 26px 6px}.segmented-toggle{display:inline-flex;background:var(--surface-3);border-radius:999px;padding:4px;border:1px solid var(--line)}.segmented-toggle button{border:0;background:transparent;padding:6px 14px;font-size:.84rem;font-weight:600;color:var(--ink-soft);border-radius:999px;cursor:pointer;transition:all .12s ease}.segmented-toggle button.active{background:var(--surface);color:var(--brand-blue);box-shadow:var(--shadow-xs)}.metric-year-select{display:flex;align-items:center;gap:8px}.metric-year-select .field-label{font-size:.78rem;font-weight:600;color:var(--ink-soft)}.metric-year-select .field-input{min-width:110px;padding:4px 12px}.metric-chart-wrap{padding:12px 18px 26px}.metric-line-chart{width:100%;height:auto;display:block}.metric-line-chart .chart-grid{stroke:var(--line);stroke-dasharray:3 5;stroke-width:1}.metric-line-chart .chart-tick-y,.metric-line-chart .chart-tick-x{fill:var(--ink-mute);font-size:11px;font-family:inherit;font-variant-numeric:tabular-nums}.metric-line-chart .chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.metric-line-chart .chart-point{stroke:var(--surface);stroke-width:2;transition:r .12s ease}.metric-line-chart .chart-point:hover{r:6}.metric-line-chart.tone-blue .chart-line{stroke:var(--brand-blue)}.metric-line-chart.tone-blue .chart-point{fill:var(--brand-blue)}.metric-line-chart.tone-blue stop{stop-color:var(--brand-blue)}.metric-line-chart.tone-red .chart-line{stroke:var(--brand-red)}.metric-line-chart.tone-red .chart-point{fill:var(--brand-red)}.metric-line-chart.tone-red stop{stop-color:var(--brand-red)}.metric-line-chart.tone-gold .chart-line{stroke:var(--brand-gold)}.metric-line-chart.tone-gold .chart-point{fill:var(--brand-gold)}.metric-line-chart.tone-gold stop{stop-color:var(--brand-gold)}.metric-line-chart.tone-slate .chart-line{stroke:var(--ink)}.metric-line-chart.tone-slate .chart-point{fill:var(--ink)}.metric-line-chart.tone-slate stop{stop-color:var(--ink)}.metric-empty{margin:8px 26px 26px}.activity-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.activity-item{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:12px;border-radius:var(--radius);transition:background .12s ease}.activity-item:hover{background:var(--surface-2)}.activity-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);color:var(--ink-soft);flex:0 0 36px}.activity-item.tone-positive .activity-icon{background:#e6f6ec;color:var(--accent-green)}.activity-item.tone-warning .activity-icon{background:#fef3e0;color:var(--accent-amber)}.activity-item.tone-accent .activity-icon{background:#f1ecfb;color:var(--accent-purple)}.activity-item.tone-neutral .activity-icon{background:var(--brand-blue-soft);color:var(--brand-blue)}.activity-body strong{display:block;font-size:.88rem;font-weight:600;margin-bottom:2px}.activity-body p{font-size:.82rem;color:var(--ink-soft);margin-bottom:4px}.activity-body time{font-size:.74rem;color:var(--ink-mute)}.upcoming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.upcoming-card{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.upcoming-date{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;text-align:center}.upcoming-date strong{font-size:1.1rem;font-weight:700;color:var(--brand-blue);letter-spacing:-.02em}.upcoming-date span{font-size:.7rem;text-transform:uppercase;color:var(--ink-mute);letter-spacing:.08em}.upcoming-body strong{display:block;font-size:.88rem;font-weight:600}.upcoming-body p{font-size:.78rem;color:var(--ink-mute);margin-top:2px}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-pill{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.stat-pill svg{width:22px;height:22px;padding:8px;width:38px;height:38px;border-radius:10px;flex:0 0 38px}.stat-pill.tone-blue svg{background:var(--brand-blue-soft);color:var(--brand-blue)}.stat-pill.tone-green svg{background:#e6f6ec;color:var(--accent-green)}.stat-pill.tone-amber svg{background:#fef3e0;color:var(--accent-amber)}.stat-pill strong{display:block;font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.stat-pill span{font-size:.78rem;color:var(--ink-soft)}.shipment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.shipment-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color .14s ease,box-shadow .14s ease}.shipment-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.shipment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.shipment-head .eyebrow{margin-bottom:2px;font-size:.66rem}.shipment-head strong{font-size:1rem;font-weight:700;letter-spacing:-.01em}.shipment-route{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:.8rem;color:var(--ink-soft)}.shipment-route span{display:inline-flex;align-items:center;gap:5px}.shipment-progress{display:flex;align-items:center;gap:10px}.progress-track{flex:1;height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:999px;transition:width .48s cubic-bezier(.22,1,.36,1)}.progress-label{font-size:.78rem;font-weight:600;color:var(--ink-soft);min-width:36px;text-align:right}.shipment-foot{display:flex;justify-content:space-between;gap:10px;font-size:.76rem;color:var(--ink-mute);padding-top:8px;border-top:1px dashed var(--line)}.shipment-update{text-align:right}.status-tone-blue{background:var(--brand-blue-soft);color:var(--brand-blue)}.status-tone-green{background:#e6f6ec;color:var(--accent-green)}.status-tone-amber{background:#fef3e0;color:var(--accent-amber)}.status-tone-slate{background:var(--surface-3);color:var(--accent-slate)}.tracking-toolbar{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.tracking-list{display:flex;flex-direction:column;gap:14px}.tracking-card{display:flex;flex-direction:column;gap:18px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color .14s ease,box-shadow .14s ease}.tracking-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.tracking-card.expanded{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed814}.tracking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.tracking-head .eyebrow{margin-bottom:2px;font-size:.66rem}.tracking-head strong{display:block;font-size:1.1rem;font-weight:700;letter-spacing:-.015em;color:var(--ink);margin-bottom:8px}.tracking-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.82rem;color:var(--ink-soft)}.tracking-meta span{display:inline-flex;align-items:center;gap:5px}.tracking-head-aside{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.tracking-stepper{display:flex;list-style:none;margin:0;padding:12px 4px 4px;gap:0;overflow-x:auto;scrollbar-width:thin}.tracking-stepper::-webkit-scrollbar{height:4px}.tracking-stepper::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.step{position:relative;flex:1 0 130px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;min-width:0}.step-marker{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line-strong);color:var(--ink-mute);z-index:1;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.step-marker svg{width:16px;height:16px}.step-body{margin-top:8px;display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.step-body strong{display:block;font-size:.78rem;font-weight:600;color:var(--ink-mute);margin:0;letter-spacing:-.005em}.step-body span{font-size:.7rem;color:var(--ink-mute);line-height:1.35}.step-connector{position:absolute;top:17px;left:calc(50% + 22px);right:calc(-50% + 22px);height:2px;background:var(--line);z-index:0}.step-completed .step-marker{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.step-completed .step-body strong{color:var(--ink)}.step-completed+.step .step-connector,.step-completed .step-connector{background:var(--accent-green)}.step-current .step-marker{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 0 0 4px #1d4ed826}.step-current .step-body strong{color:var(--brand-blue);font-weight:700}.step-pending .step-marker{background:var(--surface-2)}.tracking-events{padding-top:16px;border-top:1px dashed var(--line)}.tracking-events h4{margin:0 0 12px;font-size:.82rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.pipeline-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.pipeline-customer-select{display:flex;flex-direction:column;gap:6px;min-width:260px}.pipeline-customer-static{display:flex;flex-direction:column;gap:2px}.pipeline-customer-static strong{font-size:1.1rem;font-weight:700;letter-spacing:-.015em}.pipeline-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pipeline-filters{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:160px}.filter-field-wide{min-width:240px;flex:1}.filter-field input,.filter-field select{height:38px;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:0 10px;font-size:.86rem;outline:0;transition:border-color .12s ease,box-shadow .12s ease}.filter-field input:focus,.filter-field select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f}.filter-field .field-label{font-size:.74rem;font-weight:600;color:var(--ink-soft)}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.kanban::-webkit-scrollbar{height:8px}.kanban::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.kanban-col{flex:0 0 300px;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:320px;max-height:calc(100vh - 240px)}.kanban-col.is-drop{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f;background:var(--brand-blue-soft)}.kanban-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.kanban-head>div{display:flex;align-items:center;gap:8px}.kanban-dot{width:10px;height:10px;border-radius:999px;background:var(--ink-mute);flex:0 0 10px}.kanban-head strong{font-size:.86rem;font-weight:700;letter-spacing:-.01em}.kanban-count{font-size:.74rem;font-weight:700;color:var(--ink-soft);background:var(--surface-3);padding:2px 9px;border-radius:999px;border:1px solid var(--line)}.tone-stage-blue .kanban-dot{background:var(--brand-blue)}.tone-stage-purple .kanban-dot{background:var(--accent-purple)}.tone-stage-amber .kanban-dot{background:var(--accent-amber)}.tone-stage-green .kanban-dot{background:var(--accent-green)}.tone-stage-red .kanban-dot{background:var(--brand-red)}.tone-stage-slate .kanban-dot{background:var(--accent-slate)}.kanban-list{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.kanban-empty{padding:24px 12px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-mute);font-size:.82rem}.kanban-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px;cursor:grab;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.kanban-card[draggable=false]{cursor:default}.kanban-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.kanban-card.dragging{opacity:.55;transform:rotate(-1.2deg)}.kanban-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.kanban-card-head strong{font-size:.92rem;font-weight:700;letter-spacing:-.01em}.kanban-card-service{font-size:.8rem;color:var(--ink-soft);margin:0}.kanban-card-meta{display:flex;flex-direction:column;gap:2px;font-size:.74rem;color:var(--ink-mute)}.kanban-card-notes{display:inline-flex;align-items:flex-start;gap:6px;font-size:.78rem;color:var(--ink-soft);background:var(--surface-2);padding:6px 8px;border-radius:8px;margin:0}.kanban-card-notes .meta-icon{margin-top:2px}.kanban-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;border-top:1px dashed var(--line)}.kanban-card-foot select{flex:1;min-width:0;border:1px solid var(--line-strong);background:var(--surface);padding:4px 8px;border-radius:8px;font-size:.78rem;cursor:pointer;outline:0}.kanban-card-foot time{font-size:.7rem;color:var(--ink-mute);white-space:nowrap}.kanban-card-foot-readonly{justify-content:flex-end}.pipeline-config-modal,.pipeline-sync-modal,.pipeline-add-modal{width:min(680px,calc(100vw - 40px))}.stage-config-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stage-config-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);align-items:center}.stage-config-fields{display:grid;grid-template-columns:1fr 140px;gap:8px}.stage-config-fields input,.stage-config-fields select{height:36px;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:0 10px;font-size:.86rem;outline:0}.stage-config-fields input:focus,.stage-config-fields select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f}.stage-config-actions{display:flex;gap:6px}.stage-config-actions button{padding:6px 10px;font-size:.78rem}.pipeline-sync-modal textarea,.pipeline-add-modal textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);padding:10px 12px;font-size:.88rem;resize:vertical;outline:0;font-family:inherit;transition:border-color .12s ease,box-shadow .12s ease}.pipeline-sync-modal textarea:focus,.pipeline-add-modal textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f}.docs-toolbar{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.docs-search{display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:10px;transition:border-color .12s ease,box-shadow .12s ease}.docs-search:focus-within{background:var(--surface);border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f}.docs-search .search-icon{color:var(--ink-mute)}.docs-search input{flex:1;border:0;outline:0;background:transparent;font-size:.9rem}.documents-grid{display:grid;grid-template-columns:1fr;gap:10px}.doc-card{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);transition:background .12s ease,border-color .12s ease}.doc-card:hover{background:var(--surface);border-color:var(--line-strong)}.doc-icon{position:relative;width:56px;height:56px;border-radius:12px;background:var(--brand-blue-soft);color:var(--brand-blue);display:grid;place-items:center}.doc-kind{position:absolute;bottom:-4px;right:-4px;padding:2px 6px;border-radius:6px;background:var(--ink);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.04em}.doc-body strong{display:block;font-size:.92rem;font-weight:600;margin-bottom:4px;letter-spacing:-.005em}.doc-body p{font-size:.78rem;color:var(--ink-soft);margin-bottom:4px}.doc-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.72rem;color:var(--ink-mute)}.doc-action{white-space:nowrap}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;align-items:start}.profile-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}.profile-avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));color:#fff;display:grid;place-items:center;font-weight:700;font-size:1rem;flex:0 0 52px}.profile-info{display:flex;flex-direction:column;line-height:1.35}.profile-info strong{font-size:.95rem;font-weight:700}.profile-info span{font-size:.78rem;color:var(--ink-mute)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.field-input select{flex:1;border:0;outline:0;background:transparent;font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.field-input input[disabled]{color:var(--ink-mute);cursor:not-allowed}.form-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.form-actions-inline{justify-content:flex-end;border-top:0;padding-top:0;margin-top:16px}.order-form-modal{padding:0;overflow-y:auto;display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.order-modal-header{position:sticky;top:0;z-index:2;padding:24px 28px 22px;background:linear-gradient(135deg,var(--brand-blue-soft) 0%,var(--surface) 100%);border-bottom:1px solid var(--line)}.order-modal-header-main h2{margin:4px 0 6px;font-size:1.45rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.order-modal-subtitle{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--ink-soft);font-size:.9rem}.order-modal-subtitle .dot-sep{width:4px;height:4px;border-radius:50%;background:var(--ink-mute)}.order-modal-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.order-modal-header .modal-close{position:absolute;top:18px;right:18px;background:var(--surface);border:1px solid var(--line);width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:all .12s ease}.order-modal-header .modal-close:hover{background:var(--brand-red-soft);color:var(--brand-red);border-color:transparent}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--ink-soft)}.meta-chip .chip-arrow{color:var(--ink-mute);margin:0 2px}.meta-chip-strong{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);font-weight:600}.meta-chip-strong .meta-icon{color:#fff}.order-modal-header .status-pill{padding:6px 12px;font-size:.82rem;font-weight:600;border-radius:999px;display:inline-flex;align-items:center;gap:8px}.status-pill.tone-green{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status-pill.tone-green .status-dot{background:#10b981}.status-pill.tone-amber{background:var(--brand-gold-soft);color:var(--brand-gold);border:1px solid #f3e0b1}.status-pill.tone-amber .status-dot{background:var(--brand-gold)}.status-pill.tone-blue{background:var(--brand-blue-soft);color:var(--brand-blue);border:1px solid #c7d8ff}.status-pill.tone-blue .status-dot{background:var(--brand-blue)}.status-pill.tone-slate{background:var(--surface-3);color:var(--ink-soft);border:1px solid var(--line)}.status-pill.tone-slate .status-dot{background:var(--ink-mute)}.status-pill.tone-red{background:var(--brand-red-soft);color:var(--brand-red);border:1px solid #f5cdc7}.status-pill.tone-red .status-dot{background:var(--brand-red)}.order-form-modal>.form-section{margin:18px 28px 0;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.order-form-modal>.form-section:last-child{margin-bottom:28px}.form-section-title{display:flex;align-items:center;gap:8px;margin-bottom:18px}.form-section-title h3{margin:0;font-size:1rem;font-weight:600;color:var(--ink)}.form-section-title .meta-icon{color:var(--brand-blue)}.form-section-title .list-counter{margin-left:4px;background:var(--brand-blue-soft);color:var(--brand-blue);font-weight:600;font-size:.78rem;padding:2px 10px;border-radius:999px}.form-subgrid{margin-bottom:18px}.form-subgrid-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.form-subgrid-label{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.form-grid-tight{gap:10px}.field-span-2{grid-column:span 2}.order-form-modal .field-input{background:var(--surface-2);border:1px solid var(--line);transition:all .12s ease}.order-form-modal .field-input:focus-within{background:var(--surface);border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f}.order-form-modal .field-input input[readonly],.order-form-modal textarea[readonly]{background:transparent;cursor:default;font-weight:500;color:var(--ink)}.field-input-pill input{font-weight:600}.field-input-pill.tone-green{background:#ecfdf5;border-color:#a7f3d0}.field-input-pill.tone-green input{color:#047857}.field-input-pill.tone-amber{background:var(--brand-gold-soft);border-color:#f3e0b1}.field-input-pill.tone-amber input{color:var(--brand-gold)}.field-input-pill.tone-blue{background:var(--brand-blue-soft);border-color:#c7d8ff}.field-input-pill.tone-blue input{color:var(--brand-blue)}.field-input-pill.tone-slate{background:var(--surface-3)}.field-input-pill.tone-slate input{color:var(--ink-soft)}.field-input-pill.tone-red{background:var(--brand-red-soft);border-color:#f5cdc7}.field-input-pill.tone-red input{color:var(--brand-red)}.field-input-money input{font-variant-numeric:tabular-nums;font-weight:600}.field-input-money.tone-green{background:#ecfdf5;border-color:#a7f3d0}.field-input-money.tone-green input{color:#047857}.field-input-money.tone-green .field-icon{color:#10b981}.field-full{margin-top:4px}.field-full textarea{width:100%;min-height:80px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);font-family:inherit;font-size:.92rem;color:var(--ink);resize:vertical;transition:all .12s ease}.field-full textarea:focus{background:var(--surface);border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d4ed81f;outline:none}.company-card{background:linear-gradient(135deg,var(--brand-blue-soft) 0%,var(--surface) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.company-card-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px dashed var(--line)}.company-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;letter-spacing:.04em;flex-shrink:0}.company-head-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.company-head-info strong{font-size:1.02rem;font-weight:700;color:var(--ink)}.company-meta{font-size:.8rem;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,monospace}.company-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding-top:14px}.company-info-row{display:flex;align-items:flex-start;gap:10px;color:var(--ink)}.company-info-row .meta-icon{color:var(--brand-blue);margin-top:2px;flex-shrink:0}.company-info-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}.company-info-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.company-info-row p{margin:0;font-size:.88rem;color:var(--ink);word-break:break-word}.form-section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.form-section-actions{display:flex;flex-wrap:wrap;gap:6px}.employees-toolbar{margin-bottom:14px}.employees-search{max-width:320px}.employees-search .field-icon{color:var(--ink-mute)}.employees-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem}.employees-table th,.employees-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.employees-table thead th{background:var(--surface-2);font-weight:600;color:var(--ink-mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line-strong);white-space:nowrap}.employees-table thead th:first-child{border-top-left-radius:var(--radius)}.employees-table thead th:last-child{border-top-right-radius:var(--radius)}.employees-table .text-right{text-align:right}.employees-table .text-center{text-align:center}.employee-row{transition:background .12s ease}.employee-row:hover{background:var(--brand-blue-soft)}.employee-cell{display:flex;align-items:center;gap:12px}.employee-avatar{width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.82rem;flex-shrink:0;letter-spacing:.02em}.employee-info{display:flex;flex-direction:column;gap:2px;min-width:0}.employee-info strong{font-size:.92rem;font-weight:600;color:var(--ink)}.employee-info span{font-size:.78rem;color:var(--ink-mute)}.employee-code{background:var(--surface-3);padding:3px 8px;border-radius:6px;font-size:.82rem;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,monospace}.cell-muted{color:var(--ink-mute)}.icon-button-danger{width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--ink-mute);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .12s ease}.icon-button-danger:not(:disabled):hover{background:var(--brand-red-soft);color:var(--brand-red);border-color:#f5cdc7}.icon-button-danger:disabled{opacity:.4;cursor:not-allowed}.employees-table .table-empty{text-align:center;color:var(--ink-mute);padding:40px 10px;font-style:italic}.employee-row-clickable,.kanban-card-clickable{cursor:pointer}.kanban-card-clickable:focus-visible{outline:none;box-shadow:0 0 0 3px #1d4ed82e}.collaborator-detail-modal{width:min(720px,100%);padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow-y:auto}.collaborator-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 26px 18px;background:linear-gradient(135deg,var(--brand-blue-soft) 0%,var(--surface) 100%);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.collaborator-detail-id{display:flex;align-items:center;gap:14px}.collaborator-detail-avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;letter-spacing:.04em;flex-shrink:0}.collaborator-detail-header h2{margin:4px 0 8px;font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.stage-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;border:1px solid;font-size:.8rem;font-weight:600}.stage-pill-dot{width:8px;height:8px;border-radius:999px}.collaborator-detail-header .modal-close{background:var(--surface);border:1px solid var(--line);width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:all .12s ease;flex-shrink:0}.collaborator-detail-header .modal-close:hover{background:var(--brand-red-soft);color:var(--brand-red);border-color:transparent}.collaborator-detail-section{padding:18px 26px;border-top:1px solid var(--line)}.collaborator-detail-section:first-of-type{border-top:0}.collaborator-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 18px;margin:0}.collaborator-detail-grid>div{display:flex;flex-direction:column;gap:4px;min-width:0}.collaborator-detail-grid dt{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin:0}.collaborator-detail-grid dd{margin:0;font-size:.92rem;font-weight:500;color:var(--ink);word-break:break-word}.collaborator-detail-grid dd code{background:var(--surface-3);padding:2px 8px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,monospace}.document-lookup-help{margin:0 0 12px;color:var(--ink-soft);font-size:.86rem}.document-lookup-form{display:grid;grid-template-columns:minmax(160px,200px) 1fr auto;gap:12px;align-items:end}.document-lookup-key{min-width:0}@media (max-width: 640px){.document-lookup-form{grid-template-columns:1fr}}.document-detail-modal{width:min(820px,100%);padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow-y:auto}.document-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 26px 18px;background:linear-gradient(135deg,var(--brand-blue-soft) 0%,var(--surface) 100%);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.document-detail-id{display:flex;align-items:center;gap:14px;min-width:0}.document-detail-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.document-detail-header h2{margin:4px 0 6px;font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.document-detail-meta{font-size:.8rem;color:var(--ink-soft)}.document-detail-meta code{background:var(--surface-3);padding:2px 8px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--ink-soft)}.document-detail-header .modal-close{background:var(--surface);border:1px solid var(--line);width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:all .12s ease;flex-shrink:0}.document-detail-header .modal-close:hover{background:var(--brand-red-soft);color:var(--brand-red);border-color:transparent}.document-items-wrap{margin:0 26px;padding:18px 0 0}.document-items-table td{vertical-align:middle}.document-detail-totals{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px;padding:18px 26px 26px;margin-top:8px;border-top:1px solid var(--line)}.document-detail-totals>div{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:110px}.document-detail-totals span{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.document-detail-totals strong{font-size:.95rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.document-detail-grand strong{font-size:1.2rem;color:var(--brand-blue);font-weight:700}@media (max-width: 720px){.form-subgrid-row{grid-template-columns:1fr}.order-form-modal>.form-section{margin:14px 16px 0;padding:16px}.order-modal-header{padding:18px 20px 16px}}.toggle-list{display:flex;flex-direction:column;gap:4px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border-radius:var(--radius);transition:background .12s ease}.toggle-row:hover{background:var(--surface-2)}.toggle-row strong{display:block;font-size:.88rem;font-weight:600;margin-bottom:2px}.toggle-row p{font-size:.78rem;color:var(--ink-soft);max-width:40ch}.toggle{position:relative;width:40px;height:22px;border-radius:999px;background:var(--line-strong);flex:0 0 40px;transition:background .16s ease;cursor:pointer}.toggle.on{background:var(--brand-blue)}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s ease}.toggle.on .toggle-thumb{transform:translate(18px)}.security-list{display:flex;flex-direction:column;gap:4px}.security-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border-radius:var(--radius);transition:background .12s ease}.security-row:hover{background:var(--surface-2)}.security-row strong{display:block;font-size:.88rem;font-weight:600;margin-bottom:2px}.security-row p{font-size:.78rem;color:var(--ink-soft)}@media (max-width: 1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-panel{grid-template-columns:1fr;gap:16px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns{grid-template-columns:1fr}.login-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 880px){:root{--sidebar-w: 0px}.sidebar{display:none}.app-shell{grid-template-columns:1fr}.app-content{padding:16px 16px 32px}.topbar{padding:0 16px;gap:12px}.topbar-search{flex:1}.topbar-search kbd,.user-meta{display:none}.order-list{grid-template-columns:1fr}}@media (max-width: 640px){.detail-modal{padding:20px}.detail-grid,.metric-grid{grid-template-columns:1fr}.action-row{flex-direction:column}.action-row>*{width:100%}.login-form-panel{padding:24px}.login-hero{padding:8px}}