:root{--ink:#16202d;--muted:#6d7785;--line:#e2e6eb;--surface:#fff;--canvas:#f4f6f8;--nav:#0c1725;--accent:#1f5fae;--yellow:#f1c644;--green:#19875c;--red:#c94747;--violet:#6c4bc2;--amber:#c47c15;--radius:14px;--shadow:0 8px 30px rgba(15,28,42,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;background:var(--canvas)}
.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand-mark{width:39px;height:39px;border:1px solid rgba(255,255,255,.22);border-radius:11px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#18324f,#102033);box-shadow:inset 0 0 0 3px rgba(255,255,255,.035)}.brand-mark span{font-size:22px;font-weight:850;letter-spacing:-2px}.brand-mark i{position:absolute;right:5px;bottom:2px;color:var(--yellow);font-size:13px;font-style:normal}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:18px;letter-spacing:-.4px}.brand small{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#8fa0b2;margin-top:2px}
.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:var(--nav);z-index:40;color:#c0c9d4;display:flex;flex-direction:column}.sidebar-top{height:83px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar nav{padding:20px 13px;overflow:auto;flex:1}.nav-group{margin-bottom:24px}.nav-label{font-size:9px;font-weight:750;letter-spacing:1.5px;color:#607184;text-transform:uppercase;display:block;padding:0 12px 8px}.nav-item{width:100%;height:43px;border:0;background:transparent;color:#9eacba;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:13px;text-align:left;position:relative;margin:2px 0}.nav-item svg{color:#8090a0}.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 48%,#122337),color-mix(in srgb,var(--accent) 22%,#122337));color:#fff}.nav-item.active:before{content:"";position:absolute;left:-13px;width:3px;height:22px;background:var(--yellow);border-radius:0 3px 3px 0}.nav-item.active svg{color:var(--yellow)}.nav-item span{flex:1}.nav-item>b{font-size:10px;background:#d94e54;color:#fff;border-radius:20px;padding:2px 6px}.sidebar-footer{padding:14px 13px 16px;border-top:1px solid rgba(255,255,255,.07)}.system-ok{display:flex;gap:10px;align-items:center;padding:8px 11px}.system-ok>i{width:7px;height:7px;border-radius:50%;background:#38c889;box-shadow:0 0 0 4px rgba(56,200,137,.1)}.system-ok span,.profile>span:nth-child(2){display:flex;flex-direction:column}.system-ok strong{font-size:10px;color:#9cabb9}.system-ok small{font-size:9px;color:#536578;margin-top:2px}.profile{display:grid;grid-template-columns:34px 1fr 20px;gap:10px;width:100%;align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);padding:9px;border-radius:10px;color:#d8dfe7;text-align:left}.avatar,.tiny-avatar{display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#38699d,#23476b);color:#fff;font-weight:750}.avatar{width:34px;height:34px;font-size:11px}.profile strong{font-size:11px}.profile small{font-size:9px;color:#7f91a3;margin-top:3px}.profile svg{color:#697b8d}.sidebar-close,.menu-button{display:none}.mobile-overlay{display:none}
.main-area{min-height:100vh;margin-left:256px}.topbar{height:83px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.topbar>div:first-of-type{flex:1}.topbar h1{font-size:17px;margin:0 0 4px;letter-spacing:-.2px}.topbar p{font-size:10px;color:var(--muted);margin:0}.top-actions{display:flex;align-items:center;gap:12px}.global-search,.small-search{display:flex;align-items:center;border:1px solid var(--line);background:#fafbfc;border-radius:9px;color:#85909c}.global-search{height:38px;width:290px;padding:0 10px}.global-search input,.small-search input{border:0;background:transparent;outline:0;min-width:0;flex:1;color:var(--ink);font-size:11px;margin-left:8px}.global-search kbd{font-family:inherit;font-size:9px;color:#8d98a4;border:1px solid #dfe3e7;background:#fff;border-radius:4px;padding:3px 5px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center;color:#5b6673}.notification{position:relative}.notification i{position:absolute;width:7px;height:7px;background:#d7474d;border:2px solid #fff;border-radius:50%;right:7px;top:7px}.date-chip{height:38px;border-left:1px solid var(--line);padding-left:13px;display:flex;align-items:center;gap:6px}.date-chip>b{font-size:22px;letter-spacing:-1px}.date-chip span{display:flex;flex-direction:column;font-size:8px;font-weight:800;letter-spacing:.5px;color:#4d5967}.date-chip small{font-size:7px;color:#8a94a0;margin-top:1px}.page-content{max-width:1500px;margin:0 auto;padding:28px 30px 48px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.45px;color:var(--accent);font-weight:800}.eyebrow.light{color:#8fb7e3}.welcome-row h2{font-size:26px;letter-spacing:-.8px;margin:6px 0 5px}.welcome-row p{font-size:12px;color:var(--muted);margin:0}.btn{border:0;border-radius:8px;min-height:39px;padding:0 15px;font-size:11px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 24%,transparent)}.btn-primary:hover{filter:brightness(.94)}.btn-secondary{background:#fff;color:#4f5b68;border:1px solid var(--line)}.btn-ghost{background:transparent;color:#5c6876}.btn-full{width:100%}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px 14px;min-height:151px;box-shadow:0 3px 14px rgba(17,30,44,.025)}.metric-head{height:34px;display:flex;align-items:flex-start;justify-content:space-between}.metric-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.icon-blue{color:#2869ad;background:#eaf2fb}.icon-amber{color:#bb7514;background:#fff2dc}.icon-violet{color:#6846b6;background:#f0eafd}.icon-green{color:#168256;background:#e4f5ed}.metric-card>strong{font-size:29px;display:block;letter-spacing:-1px;margin-top:7px;line-height:1}.metric-card>strong sup{font-size:11px;letter-spacing:0}.metric-card>span{font-size:11px;font-weight:700;display:block;margin-top:7px}.metric-card>small{font-size:9px;color:#8a95a0;display:block;margin-top:6px}.metric-card>small b{color:#3f6eab}.good{color:#1e9464!important}.trend{font-size:9px!important;border-radius:20px;padding:4px 7px;margin:0!important}.trend.neutral{background:#f1f3f5;color:#65717d}.dark-metric{background:#142333;color:#fff;border-color:#142333}.dark-metric>small{color:#8293a5}.mini-progress{height:3px;background:#2a3b4d;border-radius:4px;margin-top:9px}.mini-progress i{display:block;height:100%;background:#31b97e;border-radius:4px}.status{font-size:9px;font-weight:750;display:inline-flex!important;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;white-space:nowrap;margin:0!important}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-blue{color:#2a68aa;background:#e8f1fa}.status-amber{color:#a8670e;background:#fff0d8}.status-violet{color:#6946b2;background:#efe9fb}.status-green{color:#147a51;background:#e5f5ed}.status-gray{color:#687480;background:#eef0f2}.status-red{color:#b73e44;background:#fbe9ea}
.alert-strip{margin:14px 0;min-height:59px;border:1px solid #f1dfb7;background:#fffbf1;border-radius:11px;display:flex;align-items:center;padding:10px 14px;gap:12px}.alert-icon{width:28px;height:28px;border-radius:8px;background:#f6d377;color:#8c6110;display:grid;place-items:center;font-weight:900}.alert-strip div{flex:1}.alert-strip strong{font-size:10px}.alert-strip p{font-size:9px;color:#7e7360;margin:3px 0 0}.alert-strip button,.text-button{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:750;display:flex;align-items:center;gap:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.65fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.wide-panel,.side-panel,.full-panel{padding:17px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.panel-head h3,.section-title h3,.request-summary h3,.admin-card h3{font-size:14px;margin:4px 0 0}.panel-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.dots{border:0;background:transparent;color:#88929e;letter-spacing:2px}.table-header,.table-row{display:grid;grid-template-columns:1.25fr .85fr 1.25fr .85fr 24px;gap:10px;align-items:center}.table-header{height:29px;border-bottom:1px solid var(--line);color:#929ba5;text-transform:uppercase;font-size:7px;font-weight:800;letter-spacing:.7px;padding:0 8px}.table-row{width:100%;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:10px 8px;text-align:left;color:#394553}.table-row:hover,.request-list-row:hover,.transfer-row:hover{background:#f9fbfd}.table-row:last-child{border:0}.request-id,.responsible>span:last-child,.route-cell{display:flex;flex-direction:column}.request-id b,.responsible b,.workload b,.route-cell b{font-size:10px;color:#26323f}.request-id small,.responsible small,.workload small,.route-cell small{font-size:8px;color:#8a95a1;margin-top:3px}.responsible{display:flex;align-items:center;gap:8px}.tiny-avatar{width:29px;height:29px;font-size:8px;flex:0 0 auto}.progress-cell{display:flex;align-items:center;gap:7px}.progress-cell>i,.workload>span:nth-child(2)>i{height:4px;background:#edf0f3;border-radius:5px;overflow:hidden;flex:1}.progress-cell>i b,.workload i b{display:block;height:100%;background:var(--accent);border-radius:5px}.progress-cell small{font-size:8px;color:#66727f;width:25px}.round-arrow{width:20px;height:20px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#8a95a0;font-size:15px}.workload-list{padding-top:3px}.workload{display:grid;grid-template-columns:29px 1fr 32px;align-items:center;gap:9px;margin:13px 0}.workload>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.workload>span:nth-child(2)>i{margin-top:7px;flex:auto}.workload>strong{font-size:9px;color:#5e6975}.capacity-note{display:flex;align-items:center;gap:9px;background:#f0f8f4;color:#197653;border-radius:9px;padding:10px;margin-top:15px}.capacity-note span{display:flex;flex-direction:column}.capacity-note b{font-size:9px}.capacity-note small{font-size:8px;color:#6a8c7d;margin-top:2px}
.page-grid{display:grid}.form-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.form-panel{padding:21px}.section-title{display:flex;gap:11px;align-items:flex-start}.section-title p{font-size:10px;color:var(--muted);margin:4px 0 0}.step-number{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);font-size:11px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.form-panel hr{border:0;border-top:1px solid var(--line);margin:23px 0}.form-panel label,.admin-card label,.login-form>label,.notes-label{font-size:9px;font-weight:750;color:#4f5a67;display:flex;flex-direction:column;gap:6px}.form-panel input,.form-panel select,.form-panel textarea,.admin-card input,.login-form input{height:40px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:0 11px;outline:none;color:#293440;font-size:11px}.form-panel textarea{height:auto;padding-top:10px;resize:vertical}.item-search{height:43px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding-left:11px;margin:16px 0 10px;color:#84909b}.item-search input{border:0;background:transparent;outline:0;flex:1;padding:0 9px;font-size:11px}.item-search .btn{margin-right:3px;height:35px}.items-editor{border:1px solid var(--line);border-radius:9px;overflow:hidden}.item-head,.item-row{display:grid;grid-template-columns:1fr 95px 80px 28px;gap:10px;align-items:center;padding:0 11px}.item-head{height:30px;background:#f6f8fa;color:#8d97a2;font-size:7px;text-transform:uppercase;font-weight:800}.item-row{min-height:52px;border-top:1px solid var(--line);font-size:10px}.item-row>span:first-child{display:flex;flex-direction:column}.item-row b{font-size:10px}.item-row small{font-size:8px;color:#8a95a0;margin-top:3px}.item-row input{height:30px;width:66px}.item-row button{border:0;background:transparent;color:#a5adb6;font-size:18px}.add-row{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:750;display:flex;align-items:center;gap:6px;padding:11px 4px}.notes-label{margin-top:5px}.request-summary{padding:21px;position:sticky;top:101px}.request-summary>h3{font-size:19px;margin:5px 0 20px}.summary-route{display:flex;align-items:center;margin-bottom:19px}.summary-route>span{display:flex;flex-direction:column;position:relative;padding-left:17px;min-width:0}.summary-route>i{height:1px;background:#cdd5dd;flex:1;margin:0 9px}.summary-route small{font-size:7px;color:#8a95a0;text-transform:uppercase}.summary-route b{font-size:9px;margin-top:3px;white-space:nowrap}.route-dot{width:9px;height:9px;border-radius:50%;position:absolute;left:0;top:7px;box-shadow:0 0 0 3px #e5edf5}.route-dot.origin{background:var(--accent)}.route-dot.dest{background:#e6b733;box-shadow:0 0 0 3px #fbf2d7}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:9px;color:#75808c}.summary-line b{font-size:10px;color:#303b47}.approval-note{display:flex;gap:9px;background:#f4f7fa;border-radius:8px;padding:10px;margin:15px 0;color:#6d7986}.approval-note p{font-size:8px;line-height:1.5;margin:0}.request-summary>.btn{margin-top:7px}
.list-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.segmented{background:#f2f4f6;border-radius:9px;padding:3px;display:flex}.segmented button{border:0;background:transparent;font-size:9px;padding:7px 10px;border-radius:6px;color:#65717d}.segmented button.active{background:#fff;color:var(--accent);box-shadow:0 2px 6px rgba(20,30,40,.09);font-weight:800}.list-actions{display:flex;gap:8px}.small-search{height:39px;width:200px;padding:0 9px}.requests-list,.transfer-table,.users-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.request-list-head,.request-list-row{display:grid;grid-template-columns:1.2fr 1.1fr .65fr .8fr .75fr 24px;gap:10px;align-items:center;padding:0 13px}.request-list-head,.transfer-head,.users-head{height:32px;background:#f6f8fa;color:#8d97a2;font-size:7px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.request-list-row{width:100%;min-height:61px;background:#fff;border:0;border-top:1px solid var(--line);font-size:9px;text-align:left;color:#596571}.stack{display:flex;flex-direction:column;gap:16px}.transfer-search-hero{background:linear-gradient(125deg,#10243a,#183d61);border-radius:16px;padding:25px 27px;color:#fff;display:flex;align-items:center;gap:40px;position:relative;overflow:hidden}.transfer-search-hero:after{content:"";position:absolute;width:230px;height:230px;border:45px solid rgba(255,255,255,.035);border-radius:50%;right:-90px;top:-100px}.transfer-search-hero>div:first-child{min-width:280px}.transfer-search-hero h2{font-size:24px;margin:5px 0}.transfer-search-hero p{font-size:10px;color:#9db0c3;margin:0}.hero-search{height:48px;flex:1;display:flex;align-items:center;background:#fff;border-radius:10px;color:#74808c;padding-left:13px;z-index:1}.hero-search input{flex:1;border:0;outline:0;padding:0 10px;font-size:11px}.hero-search button{height:40px;margin-right:4px;border:0;background:var(--yellow);color:#263442;border-radius:7px;padding:0 18px;font-size:10px;font-weight:800}.transfer-head,.transfer-row{display:grid;grid-template-columns:.8fr 1.15fr 1.05fr 1.05fr .85fr .8fr 22px;gap:8px;align-items:center;padding:0 12px}.transfer-row{width:100%;min-height:57px;background:#fff;border:0;border-top:1px solid var(--line);font-size:9px;text-align:left;color:#596571}
.scanner-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.scanner-card{background:#101e2d;border-radius:17px;min-height:480px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:42px;color:#fff;grid-row:span 2}.scanner-window{width:290px;height:290px;border-radius:20px;background:linear-gradient(145deg,#193047,#101c29);display:grid;place-items:center;color:#d5e4f3;position:relative;box-shadow:inset 0 0 55px rgba(0,0,0,.28)}.scan-corners i{position:absolute;width:46px;height:46px;border-color:var(--yellow);border-style:solid}.scan-corners i:nth-child(1){left:18px;top:18px;border-width:3px 0 0 3px;border-radius:8px 0 0}.scan-corners i:nth-child(2){right:18px;top:18px;border-width:3px 3px 0 0;border-radius:0 8px 0 0}.scan-corners i:nth-child(3){left:18px;bottom:18px;border-width:0 0 3px 3px;border-radius:0 0 0 8px}.scan-corners i:nth-child(4){right:18px;bottom:18px;border-width:0 3px 3px 0;border-radius:0 0 8px}.laser{position:absolute;left:28px;right:28px;height:2px;background:#e95055;box-shadow:0 0 12px #e95055;animation:scan 1.2s ease-in-out infinite}@keyframes scan{0%,100%{top:35px}50%{top:250px}}.scanner-copy{padding-left:35px}.scanner-copy h2{font-size:26px;margin:8px 0 10px}.scanner-copy p{font-size:11px;color:#9aabba;line-height:1.7;margin:0 0 23px}.found-card,.manual-card{padding:22px}.found-check{width:48px;height:48px;border-radius:50%;background:#e4f5ed;color:#168259;display:grid;place-items:center;margin-bottom:16px}.found-card h3{font-size:21px;margin:5px 0}.found-card>p{font-size:10px;color:var(--muted)}.found-card>div:nth-of-type(2){display:flex;justify-content:space-between;align-items:center;margin:16px 0}.found-card small{font-size:8px;color:#8b95a0}.manual-card{display:grid;grid-template-columns:34px 1fr;gap:10px}.manual-card>svg{color:var(--accent)}.manual-card h3{font-size:12px;margin:0}.manual-card p{font-size:9px;color:var(--muted);margin:4px 0}.manual-input{grid-column:1/-1;display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:5px}.manual-input input{height:38px;border:0;outline:0;padding:0 10px;min-width:0;flex:1}.manual-input button{border:0;background:var(--accent);color:#fff;padding:0 14px;font-size:9px;font-weight:700}
.role-chips{display:flex;gap:8px;margin:8px 0 15px}.role-chips>span{border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:9px;display:flex;align-items:center;gap:6px}.role-chips b{background:#f0f2f4;border-radius:10px;padding:2px 5px;font-size:8px}.role-color{width:7px;height:7px;border-radius:50%}.blue{background:#2769ad}.amber{background:#c57c15}.violet{background:#704ec1}.green{background:#21835d}.users-head,.user-row{display:grid;grid-template-columns:1.4fr .85fr 1fr .7fr 30px;gap:10px;align-items:center;padding:0 13px}.user-row{min-height:61px;border-top:1px solid var(--line);font-size:9px}.role-pill{border:1px solid var(--line);border-radius:20px;padding:5px 9px}.permissions-note{display:flex;align-items:center;gap:10px;background:#f5f8fb;border-radius:10px;padding:12px 14px;margin-top:14px;color:#5c6874}.permissions-note div{flex:1}.permissions-note b{font-size:10px}.permissions-note p{font-size:8px;margin:3px 0 0}.permissions-note button{border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:800}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-card{padding:22px;display:flex;flex-direction:column;gap:14px}.admin-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent)}.admin-card p{font-size:10px;color:var(--muted);margin:5px 0 0}.color-options{display:flex;gap:10px}.color-options button{width:31px;height:31px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #dce1e6;color:#fff;display:grid;place-items:center}.color-options button svg{opacity:0}.color-options button.selected{box-shadow:0 0 0 2px var(--ink)}.color-options button.selected svg{opacity:1}.admin-card input{width:100%}.form-grid.compact{margin:0}.admin-actions{display:flex;justify-content:flex-end;gap:8px}.full-admin{grid-column:1/-1}.rules-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.rules-flow>div{position:relative;display:flex;flex-direction:column;padding:13px;background:#f7f9fb;border-radius:9px}.rules-flow span{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800;margin-bottom:8px}.rules-flow b{font-size:10px}.rules-flow small{font-size:8px;color:var(--muted);margin-top:3px}.rules-flow>div>i{position:absolute;right:-14px;top:24px;width:14px;height:1px;background:#cbd3db}
.drawer-backdrop{position:fixed;inset:0;background:rgba(6,15,24,.46);z-index:70;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.detail-drawer{width:430px;max-width:100%;height:100%;overflow:auto;background:#fff;padding:25px;box-shadow:-16px 0 50px rgba(10,20,30,.18);animation:drawer .25s ease-out}@keyframes drawer{from{transform:translateX(30px);opacity:0}}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{font-size:23px;margin:5px 0}.drawer-head p{font-size:10px;color:var(--muted);margin:0}.drawer-status{display:flex;gap:8px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.drawer-status>span:not(.status){font-size:8px;color:#7c8793;border-left:1px solid var(--line);padding-left:8px}.trace-summary{display:grid;grid-template-columns:1fr 1fr;background:#f5f7f9;border-radius:9px;margin:15px 0;padding:11px}.trace-summary span{display:flex;flex-direction:column}.trace-summary small{font-size:7px;color:#89939e;text-transform:uppercase}.trace-summary b{font-size:9px;margin-top:4px}.timeline{padding:8px 0}.timeline-step{display:grid;grid-template-columns:29px 1fr;gap:11px;position:relative;padding-bottom:22px}.timeline-step:before{content:"";position:absolute;left:14px;top:27px;bottom:0;width:1px;background:#dce1e6}.timeline-step:last-child:before{display:none}.timeline-step>span{width:29px;height:29px;border:1px solid #d5dbe1;border-radius:50%;display:grid;place-items:center;background:#fff;color:#9aa3ad;font-size:9px;z-index:1}.timeline-step.complete>span{background:#e4f4ec;border-color:#b9dfcd;color:#168158}.timeline-step b{font-size:10px}.timeline-step p{font-size:9px;margin:4px 0;color:#5f6a76}.timeline-step small{font-size:8px;color:#909aa5}.evidence-box{background:#f5f7f9;border-radius:10px;padding:11px;display:flex;align-items:center;justify-content:space-between}.evidence-box>div{display:flex;align-items:center;gap:9px}.evidence-box span{display:flex;flex-direction:column}.evidence-box b{font-size:9px}.evidence-box small{font-size:7px;color:#8a95a0;margin-top:3px}.evidence-box button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:8px}.evidence-box button:disabled{opacity:.5}.drawer-items{margin-top:15px;border:1px solid var(--line);border-radius:10px;padding:13px}.drawer-items>div{display:flex;justify-content:space-between;font-size:9px;padding-bottom:8px;border-bottom:1px solid var(--line)}.drawer-items>div span{color:#8a95a0}.drawer-items p{font-size:9px;display:flex;justify-content:space-between;margin:10px 0}.drawer-items button{width:100%;border:0;background:#f4f7fa;border-radius:7px;padding:8px;font-size:8px;color:var(--accent);font-weight:800}.toast{position:fixed;right:22px;bottom:22px;z-index:90;background:#132333;color:#fff;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.22);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:10px}.toast span{width:24px;height:24px;border-radius:50%;background:#209464;display:grid;place-items:center}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand-panel{background:radial-gradient(circle at 20% 20%,#23476e 0,#112a43 35%,#0b1928 75%);color:#fff;padding:46px;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%}.login-brand-panel:before{width:600px;height:600px;left:-280px;bottom:-330px}.login-brand-panel:after{width:420px;height:420px;right:-250px;top:-220px}.login-brand-inner{max-width:560px;height:100%;margin:auto;display:flex;flex-direction:column;position:relative;z-index:1}.login-copy{margin:auto 0 35px}.login-copy h1{font-size:48px;line-height:1.06;letter-spacing:-2px;margin:14px 0}.login-copy h1 em{font-style:normal;color:var(--yellow)}.login-copy p{max-width:430px;color:#99aabc;line-height:1.7;font-size:13px}.login-trace{display:flex;align-items:center;width:380px}.trace-node{width:28px;height:28px;border-radius:50%;border:1px solid #53677b;color:#8ca0b3;display:grid;place-items:center;font-size:9px;font-weight:800;background:#10243a}.trace-node.done{background:#1f8b62;border-color:#1f8b62;color:#fff}.trace-node.active{border-color:var(--yellow);color:#1d2b38;background:var(--yellow)}.login-trace>i{height:1px;flex:1;background:#405469}.login-foot{color:#63778a;margin-top:auto;font-size:9px;letter-spacing:.5px}.login-form-panel{display:grid;place-items:center;padding:35px}.login-form{width:360px;max-width:100%}.login-form h2{font-size:28px;letter-spacing:-.8px;margin:9px 0 6px}.login-form>p{font-size:11px;color:var(--muted);margin:0 0 25px}.login-form>label{margin-bottom:15px}.password-wrap{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fbfcfd}.password-wrap input{border:0;flex:1;min-width:0}.password-wrap button{border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:750;padding-right:11px}.login-options{display:flex;justify-content:space-between;align-items:center;margin:2px 0 19px;font-size:9px}.check-label{display:flex;align-items:center;gap:5px;color:#6c7782}.check-label input{accent-color:var(--accent)}.login-options a{color:var(--accent);text-decoration:none;font-weight:750}.demo-note{font-size:8px;color:#8d97a1;text-align:center;margin-top:16px}.demo-note span{background:#edf2f7;color:#607080;border-radius:4px;padding:3px 5px;margin-right:4px;font-weight:800}.login-mobile-brand{display:none}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.side-panel{display:none}.scanner-card{grid-template-columns:1fr;padding:28px}.scanner-window{margin:auto}.scanner-copy{text-align:center;padding:25px 0 0}.global-search{width:220px}.rules-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .25s ease;box-shadow:15px 0 40px rgba(0,0,0,.18)}.sidebar-open{transform:translateX(0)}.sidebar-close{display:grid;margin-left:auto;background:transparent;border-color:rgba(255,255,255,.1);color:#fff}.mobile-overlay{display:block;position:fixed;inset:0;border:0;background:rgba(5,13,21,.45);z-index:35}.main-area{margin-left:0}.menu-button{display:grid;margin-right:13px}.global-search{display:none}.form-layout{grid-template-columns:1fr}.request-summary{position:static}.scanner-layout{grid-template-columns:1fr}.scanner-card{grid-row:auto}.admin-grid{grid-template-columns:1fr}.full-admin{grid-column:auto}.request-list-head,.request-list-row{grid-template-columns:1.3fr 1fr .8fr 24px}.request-list-head span:nth-child(3),.request-list-row>span:nth-child(3),.request-list-head span:nth-child(5),.request-list-row>span:nth-child(5){display:none}.transfer-search-hero{flex-direction:column;align-items:stretch;gap:18px}.transfer-search-hero>div:first-child{min-width:0}.transfer-head,.transfer-row{grid-template-columns:.8fr 1.15fr 1fr .8fr 22px}.transfer-head span:nth-child(3),.transfer-row span:nth-child(3),.transfer-head span:nth-child(6),.transfer-row span:nth-child(6){display:none}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-mobile-brand{display:block;margin-bottom:35px}.login-mobile-brand .brand{color:var(--ink)}.login-mobile-brand .brand-mark{color:#fff}.login-form-panel{min-height:100vh}}
@media(max-width:650px){.topbar{padding:0 15px;height:72px}.topbar h1{font-size:15px}.topbar p,.date-chip{display:none}.page-content{padding:20px 14px 34px}.welcome-row{align-items:flex-start}.welcome-row h2{font-size:22px}.welcome-row p{display:none}.welcome-row .btn{font-size:0;width:39px;padding:0}.welcome-row .btn svg{width:18px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:13px;min-height:140px}.alert-strip p{display:none}.alert-strip button{font-size:0}.table-header,.table-row{grid-template-columns:1fr .8fr 24px}.table-header span:nth-child(3),.table-row>span:nth-child(3),.table-header span:nth-child(4),.table-row>span:nth-child(4){display:none}.form-grid{grid-template-columns:1fr}.item-head,.item-row{grid-template-columns:1fr 60px 26px}.item-head span:nth-child(2),.item-row>span:nth-child(2){display:none}.list-tools{align-items:stretch;gap:10px;flex-direction:column}.segmented{overflow:auto}.list-actions .small-search{flex:1;width:auto}.request-list-head,.request-list-row{grid-template-columns:1fr .75fr 22px}.request-list-head span:nth-child(2),.request-list-row>span:nth-child(2){display:none}.role-chips{overflow:auto}.users-head,.user-row{grid-template-columns:1.3fr .8fr 28px}.users-head span:nth-child(3),.user-row>span:nth-child(3),.users-head span:nth-child(4),.user-row>span:nth-child(4){display:none}.rules-flow{grid-template-columns:1fr}.rules-flow>div>i{display:none}.scanner-card{padding:18px}.scanner-window{width:250px;height:250px}.scanner-window svg{width:90px}.transfer-head,.transfer-row{grid-template-columns:1fr 1fr 22px}.transfer-head span:nth-child(2),.transfer-row span:nth-child(2),.transfer-head span:nth-child(4),.transfer-row span:nth-child(4),.transfer-head span:nth-child(5),.transfer-row span:nth-child(5){display:none}.hero-search button{padding:0 12px}.login-form-panel{padding:25px}.detail-drawer{padding:20px}.toast{left:14px;right:14px;bottom:14px}.permissions-note button{display:none}}