:root{--ink:#172033;--muted:#758096;--line:#e7eaf0;--card:#fff;--canvas:#f4f6fa;--navy:#111a2c;--indigo:#595bd9;--blue:#3b82f6;--green:#16a36a;--amber:#e89a23;--rose:#e25463;--purple:#8b5cf6;--teal:#0ea5a4;--shadow:0 6px 25px rgba(21,31,50,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:white}.login-art{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:42px 55px;color:white;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,#131d32,#363897 80%,#595bd9);overflow:hidden}.login-art:after{content:"";position:absolute;left:-120px;bottom:-170px;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.02)}.login-brand,.brand,.mobile-brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:white;background:linear-gradient(145deg,#7778f3,#4b4bd1);box-shadow:0 8px 20px rgba(44,46,145,.3);font-size:21px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:21px}.login-brand small{margin-top:2px;color:#aeb5d6;font-size:11px}.art-copy{position:relative;z-index:2;max-width:620px;margin:auto 0}.eyebrow{display:inline-block;padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:20px;color:#d9dcff;background:rgba(255,255,255,.07);font-size:11px}.art-copy h1{max-width:560px;margin:18px 0 13px;font-size:46px;line-height:1.35;letter-spacing:-1.5px}.art-copy>p{max-width:570px;margin:0;color:#cbd0e6;font-size:15px;line-height:2}.art-stats{display:flex;gap:15px;margin-top:38px}.art-stats>div{min-width:115px;padding:14px 17px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.art-stats b,.art-stats span{display:block}.art-stats b{font-size:23px}.art-stats span{margin-top:3px;color:#b9c0db;font-size:10px}.login-card{width:min(410px,calc(100% - 42px));margin:auto;padding:25px}.mobile-brand{display:none}.form-kicker{color:var(--indigo);font-size:11px;font-weight:700}.login-card h2{margin:8px 0 5px;font-size:29px}.login-card>p{margin:0 0 27px;color:var(--muted);font-size:12px}.login-card label{display:block;margin:15px 0;color:#525e72;font-size:11px;font-weight:700}.login-card input{width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--ink);background:#fafbfc;direction:ltr;text-align:left;font-size:12px}.login-card input:focus{border-color:#8d8ee7;box-shadow:0 0 0 3px rgba(89,91,217,.09)}.login-card>button{width:100%;margin-top:8px;padding:13px;border:0;border-radius:10px;color:white;background:var(--indigo);box-shadow:0 9px 22px rgba(89,91,217,.23);font-size:12px;font-weight:700}.login-card>button:disabled{opacity:.65}.form-error{min-height:18px;margin-top:10px;color:var(--rose);font-size:10px;text-align:center}.demo-note{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:20px;padding:11px;border-radius:9px;color:#778195;background:#f5f6fa;font-size:9px}.demo-note b{color:var(--ink)}
.app{min-height:100vh;direction:rtl}.sidebar{position:fixed;inset:0 0 0 auto;z-index:40;width:270px;height:100vh;padding:22px 16px 18px;display:flex;flex-direction:column;color:white;background:var(--navy);box-shadow:-8px 0 30px rgba(17,26,44,.08)}.brand{padding:0 6px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand strong,.brand small{display:block}.brand strong{font-size:20px}.brand small{margin-top:2px;color:#919cb1;font-size:11px}.brand>button{display:none;margin-right:auto;border:0;color:white;background:none;font-size:24px}.company{display:flex;align-items:center;gap:10px;margin:16px 0 13px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.055)}.company>b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#28344b}.company strong,.company small{display:block;font-size:12px}.company small{margin-top:3px;color:#8d98ac;font-size:10px}.nav-label{padding:5px 11px;color:#667188;font-size:10px;font-weight:700}.sidebar nav{flex:1;overflow:auto}.sidebar nav button{width:100%;display:flex;align-items:center;gap:12px;margin:3px 0;padding:11px 12px;border:0;border-radius:10px;color:#a8b1c2;background:transparent;text-align:right;font-size:13px;transition:.18s}.sidebar nav button:hover{color:white;background:rgba(255,255,255,.05)}.sidebar nav button.active{color:white;background:linear-gradient(90deg,#5b5ce2,#5152d4);box-shadow:0 9px 24px rgba(40,42,139,.28)}.sidebar nav button>i{width:19px;color:inherit;font-size:18px;font-style:normal;text-align:center}.sidebar nav button>span{flex:1}.sidebar nav button>em{color:#4ddab1;font-size:9px;font-style:normal}.sidebar nav button>b{min-width:24px;height:20px;display:grid;place-items:center;padding:0 6px;border-radius:7px;background:rgba(255,255,255,.09);font-size:10px}.sidebar-bottom{margin-top:auto}.device-health{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:10px;border:1px solid rgba(78,218,177,.14);border-radius:11px;background:rgba(31,181,138,.07)}.device-health>i{width:8px;height:8px;border-radius:50%;background:#31d29f;box-shadow:0 0 0 4px rgba(49,210,159,.12)}.device-health>span{margin-right:auto;color:#4ddab1}.device-health b,.device-health small{display:block;font-size:10px}.device-health small{margin-top:3px;color:#7f8a9e}.profile{display:flex;align-items:center;gap:9px;padding:12px 9px 0;border-top:1px solid rgba(255,255,255,.08)}.profile>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#25275c;background:#deddff;font-size:11px}.profile strong,.profile small{display:block;font-size:11px}.profile small{margin-top:3px;color:#8993a6;font-size:9px}.profile>button{margin-right:auto;border:0;color:#8792a6;background:none;font-size:19px}.app>main{min-height:100vh;margin-right:270px}.app>main>header{position:sticky;top:0;z-index:20;height:81px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(15px)}.page-heading{display:flex;align-items:center;gap:12px}.page-heading small{color:#9aa3b3;font-size:10px}.page-heading h1{margin:2px 0 0;font-size:21px}.menu-button{display:none;border:0;background:none;font-size:20px}.header-actions{display:flex;align-items:center;gap:10px}.workshop-filter{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:10px;color:#536074;background:white}.workshop-filter select{min-width:115px;border:0;outline:0;appearance:none;color:var(--ink);background:none;font-size:12px}.notification{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#667188;background:white;font-weight:800}.notification i{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--rose)}.today{padding-right:13px;border-right:1px solid var(--line);text-align:left}.today small,.today b{display:block;font-size:9px}.today small{color:#8c95a5}.today b{margin-top:3px;font-size:11px}.content{max-width:1550px;margin:auto;padding:25px 30px 42px}.page-loading{height:60vh;display:grid;place-items:center;align-content:center;color:var(--muted);font-size:11px}.page-loading span{width:34px;height:34px;border:3px solid #e4e6ee;border-top-color:var(--indigo);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hero{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-radius:18px;color:white;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.13),transparent 33%),linear-gradient(118deg,#5152d8,#6565e7 48%,#4345bd);box-shadow:0 12px 30px rgba(68,70,183,.18)}.hero .live-system{display:flex;align-items:center;gap:8px;color:#dddeff;font-size:10px}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#31d29f;box-shadow:0 0 0 4px rgba(49,210,159,.12)}.hero h2{margin:9px 0 4px;font-size:25px}.hero p{margin:0;color:#dcddff;font-size:12px}.hero-score{min-width:230px;display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.12)}.hero-score>i{font-size:28px;font-style:normal}.hero-score div{flex:1}.hero-score small,.hero-score strong{display:block}.hero-score small{color:#dadbff;font-size:9px}.hero-score strong{margin-top:3px;font-size:23px}.hero-score em{padding:4px 6px;border-radius:7px;color:#8af0cf;background:rgba(56,214,166,.18);font-size:9px;font-style:normal}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.metric-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow)}.metric-icon{width:39px;height:39px;float:right;display:grid;place-items:center;border-radius:11px;font-size:18px}.metric-icon.indigo{color:var(--indigo);background:#eeeeff}.metric-icon.blue{color:var(--blue);background:#eaf3ff}.metric-icon.amber{color:var(--amber);background:#fff5e5}.metric-icon.rose{color:var(--rose);background:#ffedef}.metric-copy{margin-right:51px}.metric-copy strong,.metric-copy span{display:block}.metric-copy strong{font-size:25px;line-height:1}.metric-copy span{margin-top:7px;color:var(--muted);font-size:10px}.metric-card p{clear:both;margin:0;padding:13px 0 10px;border-bottom:1px solid #f0f1f4;color:#8e98a8;font-size:9px}.metric-card button,.panel-title button{display:flex;align-items:center;gap:5px;padding:10px 0 0;border:0;color:var(--indigo);background:none;font-size:10px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:16px;margin-bottom:16px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:white;box-shadow:0 4px 16px rgba(27,36,54,.03)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #eef0f4}.panel-title h3{margin:0;font-size:14px}.panel-title p{margin:4px 0 0;color:#929baa;font-size:9px}.badge{width:max-content;padding:5px 8px;border-radius:20px;color:#159c70;background:#ebfaf5;font-size:9px;font-weight:700}.branch-row{display:grid;grid-template-columns:38px 1.2fr 1fr 90px;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid #f1f2f5}.branch-code{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;color:var(--indigo);background:#eff0ff;font-size:9px;font-weight:800}.branch-row b,.branch-row small{display:block;font-size:10px}.branch-row small{margin-top:3px;color:#939cab;font-size:8px}.efficiency>span{display:flex;justify-content:space-between;color:#8993a4;font-size:8px}.efficiency>i{height:5px;display:block;margin-top:5px;overflow:hidden;border-radius:10px;background:#eef0f4}.efficiency em{height:100%;display:block;border-radius:10px;background:linear-gradient(90deg,#6d6eea,#4f51d5)}.branch-row>strong{text-align:left;font-size:15px}.event-row{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #f0f2f5}.event-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px}.event-icon.entry{color:var(--green);background:#ecfaf5}.event-icon.exit{color:var(--amber);background:#fff6e8}.event-row b,.event-row small{display:block;font-size:9px}.event-row small{margin-top:3px;color:#919baa;font-size:8px}.event-row>div:last-child{text-align:left}.wide-button{width:calc(100% - 32px);margin:12px 16px 15px;padding:9px;border:1px solid var(--line);border-radius:9px;color:var(--indigo);background:#fafbfc;font-size:9px;font-weight:700}
.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.toolbar h2{margin:0;font-size:21px}.toolbar p{margin:5px 0 0;color:var(--muted);font-size:11px}.primary,.secondary,.action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:0;border-radius:9px;font-size:11px;font-weight:700}.primary{color:white;background:var(--indigo);box-shadow:0 7px 17px rgba(91,92,226,.2)}.secondary{border:1px solid var(--line);color:#566175;background:white}.tabs{width:max-content;display:flex;gap:3px;margin-bottom:14px;padding:5px;border-radius:11px;background:#eaeef4}.tabs button{padding:8px 13px;border:0;border-radius:8px;color:#778296;background:none;font-size:10px;white-space:nowrap}.tabs button.active{color:var(--ink);background:white;box-shadow:0 2px 8px rgba(30,39,55,.08)}.tabs i{min-width:18px;height:18px;display:inline-grid;place-items:center;margin-right:4px;border-radius:6px;background:#e6e8ee;font-size:8px;font-style:normal}.list-tools{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.search-box{min-width:320px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:9px;color:#8c96a7;background:#fafbfc}.search-box input{width:100%;padding:9px 0;border:0;outline:0;color:var(--ink);background:none;font-size:10px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:920px}.data-table th,.data-table td{padding:11px 14px;border-bottom:1px solid #f0f2f5;text-align:right;font-size:9px;vertical-align:middle}.data-table th{color:#8b95a6;background:#fafbfc;font-weight:600}.data-table td b,.data-table td small{display:block}.data-table td small{max-width:220px;margin-top:4px;overflow:hidden;color:#939cab;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.link{color:#5657d8!important}.status{width:max-content;display:inline-flex!important;align-items:center;gap:5px;padding:5px 7px;border-radius:18px;font-size:8px!important;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%}.status.amber{color:#aa6b0d;background:#fff3df}.status.amber i{background:var(--amber)}.status.purple{color:#7241c0;background:#f3ebff}.status.purple i{background:var(--purple)}.status.blue{color:#2568b8;background:#eaf3ff}.status.blue i{background:var(--blue)}.status.teal{color:#12837f;background:#e5f8f6}.status.teal i{background:var(--teal)}.status.green{color:#147e58;background:#e8f8f1}.status.green i{background:var(--green)}.priority{width:max-content;padding:2px 5px;border-radius:5px}.priority.high{color:#c53f4d;background:#ffebed}.priority.medium{color:#c87d11;background:#fff4df}.priority.normal{color:#728096;background:#edf0f4}.progress-cell b{font-size:8px}.progress-cell span{height:4px;display:block;margin-top:5px;overflow:hidden;border-radius:8px;background:#eef0f4}.progress-cell i{height:100%;display:block;background:var(--indigo)}.named{display:flex;align-items:center;gap:9px}.named-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--indigo);background:#eff0ff;font-size:16px}.code{width:max-content;padding:4px 6px;border-radius:6px;color:#556174;background:#f3f5f8;direction:ltr;font:8px monospace}.danger{color:var(--rose)!important}.success-text{color:var(--green)!important}.empty{padding:60px;text-align:center;color:#929baa;font-size:11px}
.gate-grid{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(350px,1.1fr);gap:16px}.scan-card{padding:28px 28px 18px;border:1px solid var(--line);border-radius:16px;background:white;text-align:center}.reader-visual{position:relative;width:140px;height:112px;display:grid;place-items:center;margin:0 auto 8px;color:var(--indigo);font-size:46px}.reader-visual i{position:absolute;border:1px solid rgba(91,92,226,.25);border-radius:50%;animation:pulse 2.2s infinite}.reader-visual i:nth-child(1){width:78px;height:78px}.reader-visual i:nth-child(2){width:104px;height:104px;animation-delay:.3s}.reader-visual i:nth-child(3){width:132px;height:112px;animation-delay:.6s}@keyframes pulse{50%{opacity:.25;transform:scale(.92)}}.scan-card>h2{margin:15px 0 7px;font-size:20px}.scan-card>p{max-width:430px;margin:auto;color:var(--muted);font-size:10px;line-height:1.8}.scan-form{max-width:480px;margin:22px auto 15px;padding:15px;border-radius:12px;background:#f7f8fc;text-align:right}.scan-form label,.scan-form small{display:block;margin-bottom:7px;color:#7f899c;font-size:9px}.scan-form small{margin:7px 2px 0}.scan-form>div{display:flex;gap:7px}.scan-form input{min-width:0;flex:1;padding:10px;border:1px solid var(--line);border-radius:8px;outline:0;background:white;direction:ltr;font:11px monospace}.scan-form button{display:flex;align-items:center;gap:7px;padding:0 14px;border:0;border-radius:8px;color:white;background:var(--indigo);font-size:10px}.reader-meta,.result-info{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.reader-meta>div,.result-info>div{border-left:1px solid var(--line)}.reader-meta>div:last-child,.result-info>div:last-child{border:0}.reader-meta small,.reader-meta b,.result-info small,.result-info b{display:block;font-size:8px}.reader-meta small,.result-info small{margin-bottom:5px;color:#929baa}.scan-success{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #d7f1e8;border-radius:10px;color:#158c65;background:#ecfaf5;font-size:10px}.scan-success small{margin-right:auto}.result-body{padding:20px}.vehicle-result{display:flex;align-items:center;gap:14px;padding:21px 7px}.vehicle-result>span{width:68px;height:68px;display:grid;place-items:center;border-radius:16px;color:var(--indigo);background:#eeeeff;font-size:35px}.vehicle-result small{color:#929baa;font-size:8px}.vehicle-result h2{margin:4px 0;font-size:18px}.vehicle-result p{margin:0;color:#626e83;font-size:11px}.auto-order{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px;border-radius:10px;color:#5556ca;background:#f0f0ff;text-align:right}.auto-order b,.auto-order small{display:block;font-size:9px}.auto-order small{margin-top:4px;color:#7b7cb4}.gate-log{grid-column:1/-1}
.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.summary-cards article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;color:var(--indigo);background:white}.summary-cards article>i{font-size:22px;font-style:normal}.summary-cards strong,.summary-cards span{display:block}.summary-cards strong{color:var(--ink);font-size:19px}.summary-cards span{margin-top:3px;color:var(--muted);font-size:9px}.inventory-kpis{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-bottom:13px}.inventory-kpis article{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:13px;color:var(--indigo);background:white}.inventory-kpis article>i{font-size:23px;font-style:normal}.inventory-kpis small,.inventory-kpis strong,.inventory-kpis span{display:block}.inventory-kpis small,.inventory-kpis span{color:var(--muted);font-size:9px}.inventory-kpis strong{margin:3px 0;color:var(--ink);font-size:18px}.warehouse-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:14px}.warehouse-strip article{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;background:white}.warehouse-strip b,.warehouse-strip small{display:block;font-size:9px}.warehouse-strip small{margin-top:3px;color:#8c96a6;font-size:8px}.warehouse-strip article>i{width:7px;height:7px;margin-right:auto;border-radius:50%;background:#31d29f}.low-row{background:#fffafb}.flow{display:flex;align-items:center;margin-bottom:15px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:white}.flow-step{display:flex;align-items:center;gap:8px}.flow-step>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#7d8799;background:#eef0f4;font-size:9px;font-weight:800}.flow-step.active>span{color:white;background:var(--indigo)}.flow-step p{min-width:100px;margin:0}.flow-step b,.flow-step small{display:block;font-size:9px}.flow-step small{margin-top:3px;color:#969fac;font-size:8px}.flow-line{width:35px;height:1px;margin:0 7px;background:#dde1e8}.request-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.request-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:white}.request-top{display:flex;justify-content:space-between}.request-top small,.request-top b{display:block;font-size:8px}.request-top b{margin-top:3px;font-size:11px}.request-state{height:max-content;padding:5px 7px;border-radius:17px;font-size:8px}.request-state.pending{color:#a4660c;background:#fff3df}.request-state.approved{color:#5945af;background:#f0edff}.request-state.issued{color:#157e5a;background:#eaf9f3}.request-vehicle{display:flex;align-items:center;gap:9px;margin:14px 0;padding:16px 0;border-block:1px solid var(--line);color:var(--indigo)}.request-vehicle>i{font-size:22px;font-style:normal}.request-vehicle b,.request-vehicle small{display:block;color:var(--ink);font-size:10px}.request-vehicle small{margin-top:4px;color:#8d97a7;font-size:8px}.request-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.request-info small,.request-info b{display:block;font-size:8px}.request-info small{margin-bottom:5px;color:#959eac}.request-card>button{width:100%;margin-top:16px;color:white;background:var(--indigo)}.request-card>button.issue{background:var(--teal)}.issued-note{display:flex;align-items:center;gap:7px;margin:16px 0 0;padding:10px;border-radius:8px;color:#167c5a;background:#eaf9f3;font-size:8px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.report-number{display:block;padding:19px;font-size:30px}.report-number small{color:#8993a3;font-size:11px}.cost-split{display:flex;justify-content:space-between;padding:0 19px 17px}.cost-split span{color:#8a94a5;font-size:8px}.cost-split i{width:7px;height:7px;display:inline-block;margin-left:5px;border-radius:2px;background:var(--blue)}.cost-split span+span i{background:var(--amber)}.cost-split b{display:block;margin:4px 13px 0 0;color:var(--ink);font-size:11px}.duration{padding:0 18px 15px}.duration span{position:relative;display:block;overflow:hidden;margin:4px 0;padding:5px 8px;border-radius:6px;color:#566174;background:#f0f2f6;font-size:8px}.duration i{position:absolute;inset:0 auto 0 0;background:rgba(91,92,226,.14)}.bar-chart{height:155px;display:flex;align-items:flex-end;gap:16px;padding:20px 25px}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bar-chart b,.bar-chart small{font-size:8px}.bar-chart span{width:100%;height:110px;display:flex;align-items:flex-end;border-radius:6px 6px 2px 2px;background:#f1f2f6}.bar-chart i{width:100%;display:block;border-radius:6px 6px 2px 2px;background:linear-gradient(#7374ed,#5556d5)}.settings-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:14px;margin-bottom:14px}.reader-row{display:grid;grid-template-columns:1.5fr .8fr .9fr 40px;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid #f0f2f5}.reader-row b,.reader-row small{display:block;font-size:9px}.reader-row small{margin-top:4px;color:#929baa;font-size:8px}.reader-row>button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;color:#667188;background:white}.integration label{display:block;margin:13px 17px;color:#7e899b;font-size:8px}.integration code{display:block;overflow:hidden;margin-top:6px;padding:9px;border:1px solid #eaecf1;border-radius:7px;color:#4e596c;background:#f5f6f9;direction:ltr;text-align:left;font-size:8px}.security-note{display:flex;align-items:center;gap:9px;margin:17px;padding:11px;border-radius:9px;color:#157e5a;background:#eaf9f3}.security-note b,.security-note small{display:block;font-size:8px}.security-note small{margin-top:3px;color:#638c7c}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px}.role-card{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px}.role-card>i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:var(--indigo);background:#eff0ff;font-style:normal}.role-card b,.role-card small{display:block;font-size:9px}.role-card small{margin-top:3px;color:#939cac;font-size:8px}
.toast{position:fixed;top:24px;left:28px;z-index:100;display:none;align-items:center;gap:9px;padding:12px 16px;border:1px solid #ccefe1;border-radius:11px;color:#126b4c;background:#effbf6;box-shadow:0 14px 35px rgba(17,26,44,.13);font-size:12px;font-weight:700}.toast.show{display:flex;animation:drop .25s}@keyframes drop{from{opacity:0;transform:translateY(-8px)}}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(10,18,32,.55);backdrop-filter:blur(3px)}.modal>section{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;padding:25px;border-radius:16px;background:white;box-shadow:0 25px 70px rgba(10,18,32,.25)}.modal-close{position:absolute;top:14px;left:14px;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:white;font-size:20px}.modal h2{margin:0 0 5px}.modal .form-sub{margin:0 0 20px;color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid label{color:#596579;font-size:10px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:8px;outline:0;background:#fafbfc;font-size:10px}.form-grid textarea{min-height:85px;resize:vertical}.form-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.menu-overlay{display:none}
@media(max-width:1150px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.request-grid,.report-grid{grid-template-columns:repeat(2,1fr)}.warehouse-strip{grid-template-columns:repeat(3,1fr)}.summary-cards{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}
@media(max-width:820px){.login-view{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{display:flex;margin-bottom:40px}.sidebar{transform:translateX(100%);transition:.22s}.sidebar.open{transform:none}.brand>button,.menu-button{display:block}.menu-overlay.show{position:fixed;inset:0;z-index:35;display:block;border:0;background:rgba(10,18,32,.45)}.app>main{margin-right:0}.app>main>header{padding:0 16px}.content{padding:18px 16px 35px}.today{display:none}.hero{align-items:flex-start;flex-direction:column}.hero-score{width:100%}.gate-grid{grid-template-columns:1fr}.request-grid,.report-grid{grid-template-columns:1fr}.flow{overflow:auto}.flow-step{min-width:145px}.roles-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.workshop-filter>span{display:none}.workshop-filter{padding:0 7px}.workshop-filter select{min-width:93px}.page-heading small{display:none}.page-heading h1{font-size:17px}.metrics,.summary-cards,.inventory-kpis{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column;gap:12px}.toolbar .primary{width:100%}.warehouse-strip{grid-template-columns:repeat(2,1fr)}.tabs{width:100%;overflow:auto}.list-tools{flex-direction:column}.search-box{min-width:0}.reader-meta,.result-info{grid-template-columns:1fr;gap:8px}.reader-meta>div,.result-info>div{border:0}.roles-grid{grid-template-columns:1fr}.scan-form>div{flex-direction:column}.scan-form button{min-height:40px;justify-content:center}.toast{top:14px;right:14px;left:14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.art-copy h1{font-size:35px}}