*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--f-display:"Manrope",system-ui,sans-serif;--f-body:"Inter",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"Courier New",monospace;--bg:#f7f8fb;--bg-card:#fff;--text:#010101;--text-muted:#6b7280;--header-bg:#052379;--accent:#052379;--accent-hover:#031a5c;--accent-press:#02123f;--on-accent:#fff;--accent-soft:#eaf0fb;--accent-soft-2:#dce5f7;--amber-c:#fbc213;--on-amber:#010101;--border:#c9cfdc;--border-light:#e4e7ee;--green:#1e8e3e;--green-bg:#e8f5ea;--red:#d93025;--red-bg:#fdecea;--purple:#7c3af2;--purple-bg:#e0e7ff;--orange:#f97316;--orange-bg:#fef3c7;--teal:#0891b2;--teal-bg:#cffafe;--blue:#1a73e8;--blue-bg:#e8f0fe;--amber:#b8860b;--pink:#db2777;--radius-sm:4px;--radius:4px;--radius-full:4px;--shadow:none;--shadow-sm:0 1px 2px rgba(5,35,121,.06);--shadow-md:0 2px 8px rgba(5,35,121,.08);--shadow-lg:0 6px 16px rgba(5,35,121,.12)}[data-theme=dark]{--bg:#0b1330;--bg-card:#131b3e;--text:#f2f4fa;--text-muted:rgba(242,244,250,.64);--accent:#6e86d6;--accent-hover:#8298df;--accent-press:#5c74c6;--on-accent:#0b1330;--accent-soft:rgba(110,134,214,.17);--accent-soft-2:rgba(110,134,214,.28);--amber-c:#fbc213;--on-amber:#010101;--border:hsla(0,0%,100%,.22);--border-light:hsla(0,0%,100%,.11);--green:#81c995;--green-bg:rgba(30,142,62,.18);--red:#f28b82;--red-bg:rgba(217,48,37,.18);--purple:#a78bfa;--purple-bg:rgba(167,139,250,.16);--orange:#fb923c;--orange-bg:rgba(251,146,60,.16);--teal:#22d3ee;--teal-bg:rgba(34,211,238,.16);--blue:#8ab4f8;--blue-bg:rgba(26,115,232,.18);--amber:#fdd663;--pink:#f472b6;--shadow-sm:0 1px 2px rgba(0,0,0,.35);--shadow-md:0 2px 8px rgba(0,0,0,.4);--shadow-lg:0 6px 16px rgba(0,0,0,.48)}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:#1b2450;color:var(--text);border-color:var(--border-light)}[data-theme=dark] .header-nav a:hover,[data-theme=dark] .search-category,[data-theme=dark] .user-badge{background:#1b2450}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e2748 25%,#2a3563 37%,#1e2748 63%)}[data-theme=dark] .admin-sidebar-nav a:hover,[data-theme=dark] .sidebar-toggle:hover{background:#1b2450}html{font-size:12px}body{font-family:var(--f-body),"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}h1{font-size:1.9rem;font-weight:900;letter-spacing:-.8px}h1,h2{font-family:var(--f-display)}h2{font-size:1.2rem;font-weight:800}h3{font-family:var(--f-display);font-size:1rem;font-weight:700}.text-muted{font-size:.8rem}.eyebrow,.text-muted{color:var(--text-muted)}.eyebrow{font-family:var(--f-mono);text-transform:uppercase;font-size:.65rem;letter-spacing:1.2px;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:6px}.eyebrow:before{content:"//";font-weight:800}.eyebrow:before,[data-theme=dark] .eyebrow:before{color:var(--amber-c)}.card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.2rem 1.5rem;transition:border-color .12s,box-shadow .12s}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.card-header{font-family:var(--f-display);font-size:.85rem;font-weight:800;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}.card-header:before{content:"";width:3px;height:14px;background:var(--amber-c);border-radius:2px;display:block}.header{background:var(--bg-card);color:var(--text);padding:12px 20px;justify-content:space-between;border-bottom:1px solid var(--border-light);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-actions{display:flex;align-items:center}.header-actions{gap:10px}.header-logo{gap:12px}.header-logo,.header-logo-icon{display:flex;align-items:center}.header-logo-icon{font-size:1rem;background:var(--header-bg);color:#fff;width:42px;height:42px;justify-content:center;border-radius:var(--radius);flex-shrink:0}.header-logo-title{font-family:var(--f-display);font-size:.95rem;font-weight:800;color:var(--text)}.header-logo-sub{font-family:var(--f-mono);font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.header-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.header-nav a{font-family:var(--f-display);padding:7px 14px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:700;transition:all .12s}.header-nav a:hover{color:var(--text);background:var(--accent-soft)}.header-nav a.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.user-badge{font-family:var(--f-mono);font-size:.68rem;background:var(--accent-soft);border:1px solid var(--border-light);padding:4px 12px;border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap}.user-badge b{color:var(--text)}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:172px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;padding:14px 10px;z-index:150;transition:transform .18s ease,width .18s ease,padding .18s ease}.admin-sidebar.closed{transform:translateX(-100%)}@media (min-width:861px){.admin-sidebar.closed{transform:none;width:56px;padding:14px 6px;overflow-x:hidden}.admin-sidebar.closed .admin-sidebar-label{display:none}.admin-sidebar.closed .header-logo{justify-content:center;padding:2px 0 14px}.admin-sidebar.closed .header-logo-icon{width:30px;height:30px}.admin-sidebar.closed .admin-sidebar-nav{gap:4px;align-items:center}.admin-sidebar.closed .admin-sidebar-nav a{justify-content:center;gap:0;padding:0;width:38px;height:38px}.admin-sidebar.closed .admin-sidebar-nav a svg{width:17px;height:17px}}.admin-sidebar .header-logo{padding:2px 2px 16px;gap:8px}.admin-sidebar .header-logo-icon{width:34px;height:34px}.admin-sidebar .header-logo-title{font-size:.82rem}.admin-sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1;min-height:0}.admin-sidebar-spacer{flex:1 1}.admin-sidebar-nav a{font-family:var(--f-display);display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:4px;color:var(--text-muted);text-decoration:none;font-size:.73rem;font-weight:700;transition:all .12s}.admin-sidebar-nav a:hover{color:var(--text);background:var(--accent-soft)}.admin-sidebar-nav a.active{background:var(--accent-soft);color:var(--accent)}.admin-sidebar-nav a.active .ic{color:var(--accent)}.admin-content{flex:1 1;min-width:0;margin-left:172px;transition:margin-left .18s ease}.admin-content.sidebar-closed{margin-left:56px}.admin-topbar{z-index:130}.sidebar-toggle{background:transparent;border:1px solid var(--border-light);border-radius:4px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);flex-shrink:0}.sidebar-toggle:hover{background:var(--accent-soft)}.gs-wrap{position:relative;flex:1 1 auto;max-width:420px;min-width:0;margin:0 14px}.gs-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex;pointer-events:none}.gs-wrap .gs-input{width:100%;font-size:.76rem;padding:7px 30px 7px 32px}.gs-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:3px;border-radius:4px}.gs-clear:hover{background:var(--accent-soft);color:var(--text)}.gs-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:400;background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:60vh;overflow-y:auto;padding:4px}.gs-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:7px 9px;border-radius:4px;font:inherit;color:var(--text)}.gs-row.active{background:var(--accent-soft)}.gs-do{font-family:var(--f-mono,monospace);font-weight:800;font-size:.76rem;color:var(--accent)}.gs-meta{font-size:.68rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-stage{font-size:.58rem;white-space:nowrap}.gs-note{padding:9px 10px;font-size:.7rem;color:var(--text-muted)}.gs-error{color:var(--red);font-weight:700}@media (max-width:860px){.admin-topbar{flex-wrap:wrap}.gs-wrap{order:3;flex:1 0 100%;max-width:none;margin:4px 0 0}}.cf-head{display:inline-flex;align-items:flex-start;gap:3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;padding:1px 3px;max-width:100%}.cf-label{white-space:normal;overflow-wrap:break-word}.cf-head svg{flex-shrink:0;margin-top:2px}.matrix-table th{max-width:84px}.cf-head:hover{background:var(--accent-soft)}.cf-head.active,.cf-head:hover{color:var(--accent)}.cf-head.active:after{content:"●";font-size:.5em;margin-left:1px}.cf-panel{position:fixed;z-index:500;display:flex;flex-direction:column;background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;text-transform:none;font-weight:400;letter-spacing:0;font-family:var(--f-body,inherit);color:var(--text);text-align:left}.cf-title{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 2px 6px;overflow:hidden;text-overflow:ellipsis}.cf-done{margin-top:6px;background:var(--accent-soft);color:var(--accent);border:none;border-radius:4px;padding:5px;font:inherit;font-size:.68rem;font-weight:700;cursor:pointer}.cf-done:hover{filter:brightness(.96)}.cf-actions,.cf-sorts{display:flex;gap:4px;flex-shrink:0}.cf-actions button,.cf-sorts button{flex:1 1;background:none;border:1px solid var(--border-light);border-radius:4px;padding:4px 6px;font-size:.66rem;font-family:inherit;cursor:pointer;color:var(--text)}.cf-actions button:hover,.cf-sorts button:hover{background:var(--accent-soft);color:var(--accent)}.cf-actions{margin:5px 0}.cf-search{display:flex;align-items:center;gap:5px;margin-top:5px;padding:3px 6px;border:1px solid var(--border-light);border-radius:4px;color:var(--text-muted);flex-shrink:0}.cf-search input{flex:1 1;min-width:0;border:none;background:none;outline:none;font:inherit;font-size:.68rem;color:var(--text)}.cf-list{flex:1 1;min-height:0;overflow-y:auto;border-top:1px solid var(--border-light);padding-top:4px}.cf-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px;font-size:.68rem;cursor:pointer}.cf-item:hover{background:var(--accent-soft)}.cf-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-empty{padding:6px 4px}.cf-empty,.cf-summary{font-size:.68rem;color:var(--text-muted)}.cf-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 .8rem .5rem}.cf-summary .btn{font-size:.62rem;padding:2px 7px}.sidebar-backdrop{position:fixed;inset:0;background:rgba(5,35,121,.34);z-index:140}@media (min-width:860px){.sidebar-backdrop{display:none}}@media (max-width:860px){.admin-content{margin-left:0!important}.admin-sidebar{z-index:200;box-shadow:var(--shadow-lg)}}.btn{font-family:var(--f-display);padding:8px 15px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.78rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:opacity .1s,background .1s,box-shadow .1s;color:#111;background:#fff}.btn:hover{opacity:.85}.btn:active{opacity:.7}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-secondary:hover{background:var(--accent-soft);opacity:1}.btn-ghost{background:transparent;color:var(--accent);border-color:transparent}.btn-ghost:hover{background:var(--accent-soft);opacity:1}.btn-accent{background:var(--amber-c);border-color:var(--amber-c);color:var(--on-amber)}.btn-accent:hover{filter:brightness(.95);box-shadow:var(--shadow-md)}.btn-green{background:var(--green);border-color:var(--green);color:#fff}.btn-red{background:var(--red);border-color:var(--red);color:#fff}.btn-purple{background:var(--purple);border-color:var(--purple);color:#fff}.btn-teal{background:var(--teal);border-color:var(--teal);color:#fff}.pill{font-family:var(--f-display);display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:var(--radius-full);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;border:none}.pill-pending{background:var(--orange-bg);color:var(--orange)}.pill-approved{background:var(--green-bg);color:var(--green)}.pill-paid{background:var(--blue-bg);color:var(--blue)}.pill-rejected{background:var(--red-bg);color:var(--red)}.pill-hold{background:var(--purple-bg);color:var(--purple)}.pill-info{background:var(--blue-bg);color:var(--blue)}.pill-teal{background:var(--teal-bg);color:var(--teal)}.pill-locked{background:var(--border-light);color:var(--text-muted)}.table-wrap{overflow-x:auto;border:1.5px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.8rem}th{font-family:var(--f-display);background:transparent;color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.5px;font-weight:800;text-align:left;white-space:nowrap;border-bottom:1.5px solid var(--border)}td,th{padding:8px 10px;border-right:1px solid var(--border-light)}td{border-bottom:1px solid var(--border-light)}td:last-child,th:last-child{border-right:none}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--accent-soft);transition:background .08s}tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.matrix-table tbody tr:hover td{background:none}.matrix-table tbody tr:hover td:first-child{box-shadow:none}.matrix-table tbody td.matrix-cell:hover{background:var(--border-light);box-shadow:inset 0 0 0 1.5px var(--accent);transition:background .08s}.table-compact td,.table-compact th{padding:5px 7px;font-size:.7rem;white-space:nowrap;vertical-align:top}.table-compact th{white-space:normal}.table-compact td.wrap{white-space:normal;word-break:break-word}.table-compact td.num{text-align:right;font-family:var(--f-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.kpi-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:13px;cursor:pointer;transition:border-color .1s,box-shadow .1s;border:1.5px solid var(--border);border-top:none}.kpi-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-title{font-family:var(--f-mono);font-size:.62rem;color:var(--text-muted);text-transform:uppercase;font-weight:800;letter-spacing:.5px}.kpi-value{font-family:var(--f-display);font-size:1.7rem;font-weight:900;margin:4px 0;letter-spacing:-.5px}.kpi-sub{color:var(--text-muted)}.kpi-sub,.trend{font-size:.65rem}.trend{font-family:var(--f-display);font-weight:700;display:inline-flex;align-items:center;gap:2px}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.trend.flat{color:var(--text-muted)}.kpi-card.kpi-hero{background:var(--header-bg);border-color:var(--header-bg)}.kpi-card.kpi-hero .kpi-title{color:hsla(0,0%,100%,.6)}.kpi-card.kpi-hero .kpi-value{color:#fff}.kpi-card.kpi-hero .kpi-sub{color:hsla(0,0%,100%,.6)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:700px){.form-grid{grid-template-columns:1fr}}.form-group.full{grid-column:1/-1}.form-label{font-family:var(--f-mono);display:block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:5px}.form-input,.form-select{width:100%;padding:9px 12px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-size:.85rem;background:#fff;font-family:inherit;transition:border-color .12s,box-shadow .12s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}textarea.form-input{resize:vertical;min-height:60px}.form-section{font-family:var(--f-display);grid-column:1/-1;border-bottom:1px solid var(--border-light);margin:6px 0 10px;padding-top:4px;font-size:.85rem;font-weight:800}.stepper-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px 20px;margin-bottom:14px}.stepper{display:flex;align-items:flex-start}.step{display:flex;flex-direction:column;align-items:center;flex:1 1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--border-light);z-index:0}.step:not(:last-child).done:after{background:var(--green)}.step-dot{font-family:var(--f-display);width:28px;height:28px;border-radius:50%;background:var(--border-light);color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.step.done .step-dot{background:var(--green)}.step.active .step-dot{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 3px var(--accent-soft-2)}.step.rejected .step-dot{background:var(--red)}.step.hold .step-dot{background:var(--purple)}.step.skipped .step-dot,.step.unknown .step-dot{background:var(--bg);border:1.5px dashed var(--border-light);color:var(--text-muted)}.step-label{font-family:var(--f-mono);font-size:.6rem;font-weight:700;color:var(--text-muted);margin-top:5px;text-align:center;white-space:nowrap}.step.done .step-label{color:var(--green)}.step.active .step-label{color:var(--accent)}[data-theme=dark] .step.active .step-label{color:var(--text)}.step.rejected .step-label{color:var(--red)}.step.hold .step-label{color:var(--purple)}.step.skipped .step-label{color:var(--text-muted);text-decoration:line-through;opacity:.7}.stepper-wrap.stepper-scroll{overflow-x:auto}.stepper-wrap.stepper-scroll .stepper{min-width:640px}.ship-track-wrap{overflow-x:auto;padding-bottom:2px}.ship-track{display:flex;align-items:flex-start;min-width:min-content}.ship-stop{flex:1 0 104px;min-width:104px;position:relative;text-align:center;padding:0 2px}.ship-stop:after,.ship-stop:before{content:"";position:absolute;top:8px;height:2px;background:var(--border-light);z-index:0}.ship-stop:before{left:0;right:50%}.ship-stop:after{left:50%;right:0}.ship-stop:first-child:before,.ship-stop:last-child:after{display:none}.ship-stop.rail-in:before,.ship-stop.rail-out:after{background:var(--green)}.ship-stop.rejected.rail-in:before{background:var(--red)}.ship-stop.hold.rail-in:before{background:var(--purple)}.ship-dot-row{position:relative;z-index:1}.ship-dot,.ship-dot-row{display:flex;justify-content:center}.ship-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:var(--bg-card);border:2px solid var(--border-light);color:#fff;align-items:center;font-size:.55rem;font-weight:800;line-height:1}.ship-stop.done .ship-dot{background:var(--green);border-color:var(--green)}.ship-stop.active .ship-dot{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 0 4px var(--accent-soft)}.ship-stop.rejected .ship-dot{background:var(--red);border-color:var(--red)}.ship-stop.hold .ship-dot{background:var(--purple);border-color:var(--purple)}.ship-stop.skipped .ship-dot,.ship-stop.unknown .ship-dot{background:var(--bg);border-style:dashed;color:var(--text-muted)}.ship-stop-label{font-family:var(--f-mono);font-size:.58rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);margin-top:6px;line-height:1.25;word-break:break-word}.ship-stop.done .ship-stop-label{color:var(--green)}.ship-stop.active .ship-stop-label{color:var(--accent)}[data-theme=dark] .ship-stop.active .ship-stop-label{color:var(--text)}.ship-stop.rejected .ship-stop-label{color:var(--red)}.ship-stop.hold .ship-stop-label{color:var(--purple)}.ship-stop.skipped .ship-stop-label{text-decoration:line-through;opacity:.7}.ship-stop-amount{font-weight:800;font-size:.7rem;margin-top:3px;font-family:var(--f-mono)}.ship-stop-sub{font-size:.58rem;color:var(--text-muted);font-family:var(--f-mono);margin-top:1px}.main-grid{display:grid;grid-template-columns:1fr 400px;grid-gap:14px;gap:14px}@media(max-width:960px){.main-grid{grid-template-columns:1fr}}.table-compact-fit{font-size:.68rem}.table-compact-fit td,.table-compact-fit th{padding:5px 6px;white-space:normal}.login-shell{display:flex;min-height:100vh;min-height:100dvh}.login-brand-panel{flex:1 1 46%}.login-form-panel{flex:1 1 54%}main{max-width:1400px;margin:0 auto;padding:17px 20px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.do-num{font-family:var(--f-mono);font-weight:700;color:var(--blue);font-size:.8rem}.flow{gap:3px}.flow,.flow-dot{display:flex;align-items:center}.flow-dot{font-family:var(--f-display);width:16px;height:16px;border-radius:50%;justify-content:center;font-size:.45rem;font-weight:800;color:#fff}.flow-done{background:var(--green)}.flow-active{background:var(--accent);color:var(--on-accent)}.flow-pend{background:var(--border-light)}.flow-rej{background:var(--red)}.flow-line{width:10px;height:2px;background:var(--border-light)}.flow-line.done{background:var(--green)}.ibox{border-left:3px solid var(--green);background:rgba(30,142,62,.06);padding:10px 14px;margin-bottom:10px;border-radius:0 4px 4px 0;font-size:.8rem}.ibox.ceo{border-left-color:var(--red);background:rgba(217,48,37,.05)}.ibox.acc{border-left-color:var(--teal);background:rgba(8,145,178,.04)}.ibox strong{font-family:var(--f-display);display:block;font-size:.8rem;font-weight:800;margin-bottom:3px}.ibox small{display:block;color:var(--text-muted);font-size:.7rem;line-height:1.6}.pay-table{width:100%;border-collapse:collapse;font-size:.75rem}.pay-table td{padding:7px 14px;border-bottom:1px solid var(--border-light)}.pay-table .lbl{color:var(--text-muted)}.pay-table .lbl,.pay-table .val{font-family:var(--f-mono);font-weight:600}.pay-table .val{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.c-green{color:var(--green)!important;font-weight:800!important}.c-red{color:var(--red)!important}.c-amber{color:var(--amber)!important;font-weight:700!important}.gac-cols{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;align-items:start}@media (max-width:1300px){.gac-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.gac-cols{grid-template-columns:1fr}}.gac-col{display:flex;flex-direction:column;gap:8px;min-width:0}.gac-col-title{font-family:var(--f-mono);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding-bottom:4px;border-bottom:2px solid var(--border-light)}.category-card{background:var(--bg-card);border:1.5px solid var(--accent);border-radius:var(--radius);padding:4px;display:flex;flex-direction:column}.category-title{font-family:var(--f-display);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding-bottom:4px;margin-bottom:4px;border-bottom:2px solid var(--amber-c);display:flex;align-items:center;gap:6px}.field-item-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-light);border-left:1px solid var(--border-light)}.field-item{padding:4px;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);min-width:0}.field-item.highlight{background:var(--orange-bg);box-shadow:inset 0 0 0 1px var(--amber)}.field-label{font-family:var(--f-mono);font-weight:700;color:var(--text-muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.field-value{color:var(--text);font-weight:700;font-size:.78rem;word-break:break-word}.field-value a{color:var(--accent)}.at-item,.at-timeline{position:relative}.at-item{display:flex;align-items:flex-start;gap:8px;padding-bottom:10px}.at-item:not(:last-child):after{content:"";position:absolute;left:9px;top:22px;bottom:-2px;width:2px;background:var(--border-light)}.at-marker{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--border-light);color:#fff;position:relative;z-index:1}.at-marker.completed{background:var(--green)}.at-marker.rejected{background:var(--red)}.at-marker.current{background:var(--amber)}.at-content h4{font-family:var(--f-display);font-size:.78rem;font-weight:700;margin-bottom:2px}.at-comments{font-size:.68rem;color:var(--text-muted);margin-top:2px;font-style:italic}.rp-matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:.75rem}.rp-matrix td,.rp-matrix th{padding:7px 10px;border-bottom:1px solid var(--border-light)}.rp-matrix thead th{background:var(--bg);color:var(--text-muted);text-align:center;font-family:var(--f-mono);font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-bottom:2px solid var(--border-light)}.rp-matrix .rp-name{position:-webkit-sticky;position:sticky;left:0;z-index:2;background:var(--bg-card);min-width:240px;text-align:left}.rp-matrix thead .rp-name{z-index:3;background:var(--bg)}.rp-matrix tbody tr:hover .rp-name,.rp-matrix tbody tr:hover td{background:var(--accent-soft)}.rp-matrix tr.rp-editing .rp-name,.rp-matrix tr.rp-editing td{background:var(--orange-bg)}.rp-matrix td.rp-cell{text-align:center}.rp-matrix .rp-ref{background:var(--bg)}.rp-yes{color:var(--green);font-weight:800}.rp-no{color:var(--text-muted)}.rp-off{color:var(--red);font-weight:800;font-size:.58rem;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.3px}.rp-name-label{font-weight:700}.rp-name-hint{color:var(--text-muted);font-weight:400;font-size:.62rem;margin-top:1px}.rp-count{font-family:var(--f-mono);font-size:.57rem;font-weight:800;color:var(--text-muted);white-space:nowrap}.rp-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 .8rem .7rem}.rp-search{max-width:280px;font-size:.75rem;padding:6px 10px}.advance-approve-page .card{padding:4px}.advance-approve-page .card-header{padding-bottom:4px;margin-bottom:4px}.advance-approve-page .pay-table td{padding:4px}.logout-btn{font-family:var(--f-display);background:transparent;border:1px solid var(--border-light);color:var(--text-muted);padding:6px 14px;border-radius:var(--radius);text-decoration:none;font-size:.68rem;font-weight:700}.logout-btn:hover{border-color:var(--red);color:var(--red);background:transparent}@keyframes blink-urgent{0%,to{box-shadow:0 0 0 0 rgba(217,48,37,.55)}50%{box-shadow:0 0 0 4px rgba(217,48,37,0)}}.btn-blink{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;animation:blink-urgent 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{display:block;border-radius:4px;background:linear-gradient(90deg,#ececec 25%,#f6f6f6 37%,#ececec 63%);background-size:800px 100%;animation:shimmer 1.3s linear infinite}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .12s;flex-shrink:0}.theme-toggle-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.pagination{display:flex;align-items:center;gap:8px;padding:10px 4px;flex-wrap:wrap;font-size:.75rem}.pagination-info{font-family:var(--f-mono);color:var(--text-muted);margin-right:auto}.pagination-size{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.pagination-size select{padding:4px 6px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:.72rem}.pagination-btns{display:flex;align-items:center;gap:4px}.pagination-btns button.btn{min-width:26px;padding:4px 8px;font-size:.7rem}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.choice-btn{font-family:var(--f-display);flex:1 1;min-width:140px;background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius);padding:12px;font-size:.85rem;font-weight:700;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .12s}.choice-btn.active,.choice-btn:hover{border-color:var(--accent)}.choice-btn.active{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-soft-2)}.loc-pair{display:flex;align-items:center;gap:10px}.loc-pair-fields{flex:1 1;display:flex;flex-direction:column;gap:8px}.loc-swap-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border-light);background:var(--bg-card);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;margin-top:18px;transition:all .12s}.loc-swap-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.nb{display:inline-flex}.nb,.nb-btn{position:relative}.nb-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border-light);background:var(--bg-card);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.nb-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.nb-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:4px;background:var(--red);color:#fff;font-size:.58rem;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--f-mono)}.nb-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(380px,92vw);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.nb-head{align-items:center;justify-content:space-between;padding:9px 12px}.nb-filters,.nb-head{display:flex;border-bottom:1px solid var(--border-light)}.nb-filters{gap:4px;flex-wrap:wrap;padding:8px 10px}.nb-chip{border:1.5px solid var(--border-light);background:var(--bg-card);color:var(--text-muted);border-radius:999px;padding:2px 9px;font-size:.62rem;font-weight:700;cursor:pointer}.nb-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.nb-list{max-height:60vh;overflow-y:auto}.nb-item{display:flex;gap:9px;padding:9px 12px;border-bottom:1px solid var(--border-light);text-decoration:none;color:var(--text)}.nb-item:last-child{border-bottom:none}.nb-item:hover{background:var(--bg)}.nb-dot{flex-shrink:0;width:18px;height:18px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px}.nb-body{display:flex;flex-direction:column;gap:2px;min-width:0}.nb-title{font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nb-do{font-family:var(--f-mono);font-size:.62rem;font-weight:600;color:var(--text-muted)}.nb-detail{font-size:.7rem;color:var(--text)}.nb-detail,.nb-meta{overflow-wrap:anywhere}.nb-meta{font-size:.6rem}.nb-empty,.nb-meta{color:var(--text-muted)}.nb-empty{padding:18px 12px;font-size:.75rem;text-align:center}.cb{position:relative}.cb-box{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);padding:7px 10px;background:var(--bg-card);color:var(--text-muted);transition:border-color .12s,box-shadow .12s}.cb-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cb-box.cb-disabled{opacity:.55}.cb-input{border:none;outline:none;background:transparent;width:100%;font-size:.85rem;color:var(--text);font-family:inherit}.cb-input::placeholder{color:var(--text-muted);opacity:.85}.cb-clear{flex-shrink:0;border:none;background:transparent;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:2px;border-radius:4px}.cb-clear:hover{color:var(--red);background:var(--red-bg)}.cb-required{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;bottom:0;left:12px}.cb-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto}.cb-option{padding:7px 11px;cursor:pointer;font-size:.8rem;color:var(--text);display:flex;flex-direction:column;gap:1px;border-bottom:1px solid var(--border-light)}.cb-option:last-child{border-bottom:none}.cb-option.active{background:var(--accent-soft)}.cb-option.chosen .cb-option-label{color:var(--accent)}.cb-option-label{font-weight:600}.cb-option-hint{font-family:var(--f-mono);font-size:.66rem;color:var(--text-muted)}.cb-empty{padding:10px 11px;font-size:.78rem;color:var(--text-muted)}.loc-field{position:relative}.loc-field-box{border:1.5px solid var(--border-light);border-radius:var(--radius-sm);padding:8px 12px;background:var(--bg-card);cursor:text;display:flex;flex-direction:column;gap:2px;transition:border-color .12s}.loc-field-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.loc-field-code{font-family:var(--f-display);font-size:.9rem;font-weight:800;color:var(--text)}.loc-field-city{font-family:var(--f-mono);font-size:.68rem;color:var(--text-muted)}.loc-field input{border:none;outline:none;background:transparent;font-size:.85rem;width:100%;color:var(--text);font-family:inherit}.loc-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:220px;overflow-y:auto}.loc-suggestion-item{padding:8px 12px;cursor:pointer;font-size:.8rem;border-bottom:1px solid var(--border-light)}.loc-suggestion-item:last-child{border-bottom:none}.loc-suggestion-item.active,.loc-suggestion-item:hover{background:var(--accent-soft)}.loc-suggestion-add{color:var(--blue);font-weight:700}.route-map-wrap{position:relative;z-index:0;border:1.5px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-top:10px}.route-map-wrap .leaflet-container{width:100%;height:260px;background:var(--bg)}.route-map-pin-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-bottom:1.5px solid var(--border-light);background:var(--bg-card)}.route-map-hint{padding:.6rem .9rem;text-align:center;color:var(--text-muted);font-size:.72rem;border-top:1.5px solid var(--border-light)}.order-picker-wrap{position:relative}.pending-card{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius);padding:8px 10px;cursor:pointer;transition:border-color .12s;margin-bottom:8px}.pending-card:last-child{margin-bottom:0}.pending-card:hover{border-color:var(--accent)}.pending-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}.pending-order{font-family:var(--f-display);font-weight:800;font-size:.78rem}.pending-meta{font-family:var(--f-mono);font-size:.66rem;color:var(--text-muted);line-height:1.5}.pending-meta b{font-family:var(--f-body);color:var(--text);font-weight:700}.mobile-only-card{display:none}@media (max-width:860px){.login-shell{flex-direction:column}.login-brand-panel{flex:0 0 auto;padding:1.5rem!important}.login-form-panel{flex:1 1 auto;align-items:flex-start!important;padding:2rem 1.5rem 1.5rem!important}.login-brand-panel h1{font-size:1.9rem!important}.login-brand-panel .login-stats{display:none!important}}@media (max-width:700px){.landing-watermark{transform:translate(-50%,-50%) scale(.55)!important}html{font-size:13px}main{padding:12px}.card{padding:.9rem 1rem}.header{flex-wrap:wrap;gap:8px}.admin-topbar,.header{padding:10px 12px}.admin-sidebar{width:210px;padding:12px 10px}.header-logo-title{font-size:.85rem}.header-nav{gap:4px}.header-nav a,.logout-btn{padding:6px 10px;font-size:.7rem}.user-badge{font-size:.62rem;padding:3px 9px}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.kpi-value{font-size:1.35rem}.form-grid,.main-grid{grid-template-columns:1fr!important}table{font-size:.72rem}.table-compact td,.table-compact th{padding:4px 6px;font-size:.65rem}.loc-pair{flex-direction:column}.loc-swap-btn{transform:rotate(90deg);margin:0;align-self:center}.route-map-wrap .leaflet-container{height:200px}.pagination{justify-content:center}.pagination-info{margin-right:0;width:100%;text-align:center}.mobile-only-card{display:block;margin-bottom:1rem}.desktop-only-block{display:none}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:600px){.add-transporter-form{grid-template-columns:1fr!important}}.ap-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:16px;gap:16px;align-items:start}.ap-main{min-width:0;display:flex;flex-direction:column;gap:10px}.ap-hero{background:var(--header-bg);color:#fff;border-radius:4px;padding:16px 18px}.ap-back{color:hsla(0,0%,100%,.72);font-size:.72rem;font-weight:700;text-decoration:none}.ap-back:hover{color:#fff}.ap-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}.ap-hero-do{font-family:var(--f-display);font-size:1.5rem;font-weight:800;color:var(--amber-c);line-height:1.1}.ap-hero-name{font-size:1rem;font-weight:800;margin-top:2px}.ap-hero-sub{font-size:.72rem;color:hsla(0,0%,100%,.72);margin-top:4px}.ap-hero-badge{font-family:var(--f-display);font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:6px 11px;border-radius:4px;white-space:nowrap}.ap-hero-badge,.ap-hero-badge.wait{background:var(--amber-c);color:#131921}.ap-hero-badge.ok{background:#0e9f6e;color:#fff}.ap-hero-badge.bad{background:#dc2626;color:#fff}.ap-sec{border:1.5px solid var(--border-light);border-left-width:4px;border-radius:4px;background:var(--bg-card);overflow:hidden}.ap-sec-head{width:100%;display:flex;align-items:center;gap:10px;cursor:pointer;background:none;border:none;padding:13px 15px;font:inherit;color:inherit;text-align:left}.ap-sec-title{font-family:var(--f-display);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ap-sec-head{min-height:44px}.ap-sec-sum{margin-left:auto;font-size:.76rem;font-weight:700;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-sec-head svg{flex-shrink:0;transition:transform .15s;color:var(--text-muted)}.ap-sec.open .ap-sec-head svg{transform:rotate(180deg)}.ap-sec-body{padding:4px 15px 14px;border-top:1px solid var(--border-light)}.ap-blue{border-left-color:#1d4ed8}.ap-blue .ap-sec-head{background:rgba(29,78,216,.07);color:#1d4ed8}.ap-green{border-left-color:#0e9f6e}.ap-green .ap-sec-head{background:rgba(14,159,110,.08);color:#0b7f58}.ap-amber{border-left-color:#d97706}.ap-amber .ap-sec-head{background:rgba(217,119,6,.09);color:#b45309}.ap-cyan{border-left-color:#0891b2}.ap-cyan .ap-sec-head{background:rgba(8,145,178,.08);color:#0e7490}.ap-purple{border-left-color:#7c3af2}.ap-purple .ap-sec-head{background:rgba(124,58,242,.08);color:#6d28d9}.ap-slate{border-left-color:#64748b}.ap-slate .ap-sec-head{background:rgba(100,116,139,.09);color:#475569}[data-theme=dark] .ap-green .ap-sec-head{color:#34d399}[data-theme=dark] .ap-blue .ap-sec-head{color:#93b4ff}[data-theme=dark] .ap-amber .ap-sec-head{color:#fbbf24}[data-theme=dark] .ap-cyan .ap-sec-head{color:#67e8f9}[data-theme=dark] .ap-purple .ap-sec-head{color:#c4b5fd}[data-theme=dark] .ap-slate .ap-sec-head{color:#cbd5e1}.ap-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:0 22px;gap:0 22px}.ap-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--border-light)}.ap-row-l{font-size:.74rem;color:var(--text-muted);flex-shrink:0}.ap-row-v{font-size:.78rem;font-weight:700;text-align:right;overflow-wrap:anywhere}.ap-row-v.hl{background:var(--orange-bg);color:#92400e;padding:1px 6px;border-radius:4px}[data-theme=dark] .ap-row-v.hl{color:#fbbf24}.ap-rail{position:-webkit-sticky;position:sticky;top:12px;display:flex;flex-direction:column;gap:8px;min-width:0;max-height:calc(100vh - 24px);overflow-y:auto;padding-right:2px}.ap-rail>*{flex-shrink:0}.ap-page .btn,.ap-page .form-input,.ap-page .form-select,.ap-page .ibox,.ap-page .pill{border-radius:4px}.ap-rail-title{font-family:var(--f-display);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:2px}.ap-dec{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:4px;padding:11px 12px}.ap-dec.pending{border-color:var(--amber-c)}.ap-dec.approved{border-color:rgba(14,159,110,.5)}.ap-dec.hold,.ap-dec.rejected{border-color:rgba(220,38,38,.5)}.ap-dec.skipped{opacity:.62}.ap-dec-top{display:flex;align-items:flex-start;gap:9px}.ap-av{width:30px;height:30px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:.64rem;font-weight:800;background:var(--border-light);color:var(--text-muted)}.ap-av.pending{background:var(--orange-bg);color:#b45309}.ap-av.approved{background:var(--green-bg);color:#0b7f58}.ap-av.hold,.ap-av.rejected{background:var(--red-bg);color:#dc2626}.ap-av.you{background:var(--header-bg);color:#fff}.ap-dec-who{min-width:0;display:flex;flex-direction:column}.ap-dec-who b{font-size:.78rem;line-height:1.3;overflow-wrap:anywhere}.ap-dec-who span{font-size:.66rem;color:var(--text-muted);overflow-wrap:anywhere}.ap-dec-badge{margin-left:auto;flex-shrink:0;font-family:var(--f-display);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:4px;background:var(--orange-bg);color:#b45309}.ap-dec-badge.ok{background:var(--green-bg);color:#0b7f58}.ap-dec-badge.bad{background:var(--red-bg);color:#dc2626}.ap-dec-note{font-size:.72rem;font-style:italic;margin-top:7px;padding-left:39px}.ap-dec-meta{font-size:.63rem;color:var(--text-muted);margin-top:3px;padding-left:39px;overflow-wrap:anywhere}.ap-decide{background:var(--bg-card);border:1.5px solid var(--border-light);border-top:3px solid var(--header-bg);border-radius:4px;padding:13px}.ap-check{display:flex;align-items:center;gap:8px;font-size:.74rem;margin:10px 0;cursor:pointer}.ap-act{width:100%;justify-content:center;padding:11px;font-size:.82rem}.ap-act:disabled{opacity:.5;cursor:not-allowed}.ap-act-row{display:flex;gap:7px;margin-top:7px}.ap-err{color:var(--red);font-size:.68rem;margin-top:5px;gap:4px}.ap-err,.ap-result{font-weight:700;display:flex;align-items:center}.ap-result{gap:8px;border:2px solid;border-radius:4px;padding:.6rem .8rem;font-size:.8rem}.ap-result.ok{background:var(--green-bg);border-color:var(--green)}.ap-result.bad{background:var(--red-bg);border-color:var(--red)}.ap-result.hold{background:var(--purple-bg);border-color:var(--purple)}@media (max-width:1100px){.ap-page{grid-template-columns:minmax(0,1fr)}.ap-rail{position:static}}