*{box-sizing:border-box;margin:0;padding:0}:root{--p:#1e3a5f;--ph:#2d5a99;--pm:#e8f0fb;--acc:#f59e0b;--accl:#fef3c7;--ok:#16a34a;--okb:#dcfce7;--err:#dc2626;--errb:#fee2e2;--warn:#d97706;--warnb:#fef3c7;--info:#0284c7;--infob:#e0f2fe;--bg:#f0f4f8;--surf:#fff;--sub:#f8fafc;--bd:#e2e8f0;--bds:#cbd5e1;--tx:#0f172a;--tx2:#475569;--tx3:#94a3b8;--admt:#7c3aed;--admb:#ede9fe;--empt:#0284c7;--empb:#e0f2fe;--r:6px;--rm:10px;--rl:14px;--shadow-sm:0 1px 4px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.09);--shadow-lg:0 8px 28px rgba(0,0,0,.13);--sb-w:64px}body.dark{--p:#254a7c;--ph:#3465a4;--pm:#132338;--bg:#0b1120;--surf:#1e293b;--sub:#0f172a;--bd:#334155;--bds:#475569;--tx:#f8fafc;--tx2:#cbd5e1;--tx3:#94a3b8;--ok:#22c55e;--okb:rgba(34,197,94,.18);--err:#ef4444;--errb:rgba(239,68,68,.18);--warn:#f59e0b;--warnb:rgba(245,158,11,.18);--info:#0ea5e9;--infob:rgba(14,165,233,.18);--admt:#c4b5fd;--admb:rgba(124,58,237,.25);--empt:#7dd3fc;--empb:rgba(2,132,199,.25);--accl:rgba(245,158,11,.15);--shadow-sm:0 1px 4px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 28px rgba(0,0,0,.6)}body{font-family:Inter,system-ui,sans-serif;font-size:13px;color:var(--tx);background:var(--bg);height:100vh;overflow:hidden;transition:background .2s,color .2s}.mono{font-family:JetBrains Mono,monospace}#root{display:flex;flex-direction:column;height:100vh}#app-shell{display:flex;flex:1;overflow:hidden}#sidebar{width:var(--sb-w);background:var(--p);display:flex;flex-direction:column;flex-shrink:0;transition:.2s}#main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}#topbar{height:58px;background:var(--surf);border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 24px;gap:10px;flex-shrink:0;z-index:10;box-shadow:var(--shadow-sm);transition:background .2s,border-color .2s}#page-area{flex:1;overflow-y:auto}#login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--p);display:flex;align-items:center;justify-content:center;z-index:1000}.login-card{background:var(--surf);border-radius:var(--rl);padding:40px;width:380px;box-shadow:0 20px 60px #0000004d;border:1px solid var(--bd)}.login-brand{text-align:center;margin-bottom:28px}.brand-icon{width:52px;height:52px;background:var(--p);border-radius:var(--rm);display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}.brand-icon i{font-size:26px;color:var(--acc)}.login-brand h1{font-size:20px;font-weight:700;color:var(--tx)}.login-brand p{font-size:11px;color:var(--tx3);margin-top:4px}.cred-hint{background:var(--sub);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;margin-bottom:16px;font-size:11px;color:var(--tx2)}.cred-hint b{color:var(--tx);font-family:JetBrains Mono,monospace}.cred-row{display:flex;justify-content:space-between;margin-bottom:3px}.cred-row:last-child{margin-bottom:0}.sb-brand{height:58px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.sb-brand i{font-size:22px;color:var(--acc)}.sb-scroll{flex:1;overflow-y:auto;overflow-x:visible;padding:8px 0;scrollbar-width:none}.sb-scroll::-webkit-scrollbar{display:none}.sb-label{display:none}.nav-item{display:flex;align-items:center;justify-content:center;padding:0;width:var(--sb-w);height:46px;color:#ffffffa6;cursor:pointer;font-size:12px;font-weight:500;-webkit-user-select:none;user-select:none;transition:.15s;position:relative;border-left:3px solid transparent}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff21;color:#fff;border-left-color:var(--acc)}.nav-item i{font-size:20px;flex-shrink:0}.nav-item span{display:none}.sb-footer{padding:10px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:8px}.user-chip{display:flex;flex-direction:column;align-items:center;gap:0}.user-av{width:32px;height:32px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;cursor:default}.logout-btn{color:#fff6;font-size:18px;cursor:pointer;padding:4px;line-height:1}.logout-btn:hover{color:#fff}#nav-tip{position:fixed;background:#0f172aeb;color:#fff;font-size:11px;font-weight:600;padding:5px 11px;border-radius:7px;white-space:nowrap;pointer-events:none;z-index:9000;display:none;letter-spacing:.2px;box-shadow:0 2px 8px #00000040}.tb-title{font-size:15px;font-weight:700;color:var(--tx);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#topbar-page-actions{display:flex;align-items:center;gap:8px}.unit-sw{display:flex;align-items:center;gap:6px;background:var(--pm);border:1.5px solid var(--p);border-radius:var(--rm);padding:5px 12px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.unit-sw .udot{width:8px;height:8px;border-radius:50%;background:var(--acc);flex-shrink:0}.unit-sw .ulbl{font-size:11px;font-weight:600;color:var(--tx);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-sw i.chev{font-size:12px;color:var(--tx)}.unit-drop{position:absolute;top:calc(100% + 8px);right:0;background:var(--surf);border:1px solid var(--bd);border-radius:var(--rm);min-width:230px;box-shadow:var(--shadow-lg);z-index:200;display:none}.unit-drop.open{display:block}.ud-head{padding:8px 14px;font-size:9px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--bd)}.ud-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:.1s}.ud-item:hover,.ud-item.sel{background:var(--pm)}.ud-cdot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ud-nm{font-size:12px;font-weight:600;color:var(--tx)}.ud-loc{font-size:10px;color:var(--tx3)}.ud-add{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;border-top:1px solid var(--bd);color:var(--info);font-size:12px;font-weight:600}.ud-add:hover{background:var(--pm)}.role-badge{padding:3px 10px;border-radius:9999px;font-size:10px;font-weight:600}.rb-admin{background:var(--admb);color:var(--admt)}.rb-emp{background:var(--empb);color:var(--empt)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:9999px;font-size:10px;font-weight:600;white-space:nowrap}.b-ok{background:var(--okb);color:var(--ok)}.b-err{background:var(--errb);color:var(--err)}.b-info{background:var(--infob);color:var(--info)}.b-warn{background:var(--warnb);color:var(--warn)}.b-adm{background:var(--admb);color:var(--admt)}.b-emp{background:var(--empb);color:var(--empt)}.b-acc{background:var(--accl);color:var(--warn)}.b-sub{background:var(--sub);color:var(--tx2);border:1px solid var(--bd)}.b-p{background:var(--pm);color:var(--tx)}.b-lc{background:var(--admb);color:var(--admt)}.page{padding:24px 28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;gap:8px;flex-wrap:wrap}.page-header h2{font-size:16px;font-weight:700;color:var(--tx)}.page-header .sub{font-size:11px;color:var(--tx3);margin-top:3px}.ph-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{height:34px;border:none;border-radius:var(--rm);padding:0 16px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;white-space:nowrap;transition:.12s}.btn i{font-size:15px}.btn-p{background:var(--p);color:#fff}.btn-p:hover{background:var(--ph)}.btn-s{background:var(--surf);color:var(--tx2);border:1px solid var(--bd)}.btn-s:hover{border-color:var(--bds);color:var(--tx)}.btn-ok{background:var(--ok);color:#fff}.btn-ok:hover{opacity:.88}.btn-d{background:var(--err);color:#fff}.btn-d:hover{opacity:.88}.btn-acc{background:var(--acc);color:#fff}.btn-acc:hover{background:var(--warn)}.btn-sm{height:28px;padding:0 11px;font-size:11px;border-radius:var(--r)}.btn[disabled]{opacity:.45;cursor:not-allowed}.fg{margin-bottom:14px}.fg label{display:block;font-size:10px;font-weight:600;color:var(--tx2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.req{color:var(--err)}.fg input,.fg select,.fg textarea{width:100%;height:36px;border:1px solid var(--bd);border-radius:var(--rm);padding:0 11px;font-size:12px;color:var(--tx);outline:none;font-family:inherit;background:var(--surf);transition:.12s}.fg textarea{height:68px;padding:9px 11px;resize:vertical}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--info);box-shadow:0 0 0 3px var(--pm)}.fg input[readonly]{background:var(--sub);color:var(--tx3);cursor:not-allowed}.fg input.err-input{border-color:var(--err)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}.fg .hint{font-size:10px;color:var(--tx3);margin-top:4px}.fr2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.fsec{border:1px solid var(--bd);border-radius:var(--rm);padding:18px;margin-bottom:14px;background:var(--surf);box-shadow:var(--shadow-sm)}.fsec-title{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}.pw-bar{height:3px;border-radius:2px;background:var(--bd);margin-top:6px;overflow:hidden}.pw-bar-fill{height:100%;border-radius:2px;transition:.3s;width:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:20px}.kpi-card{background:var(--surf);border:1px solid var(--bd);border-radius:var(--rm);padding:16px 18px;box-shadow:var(--shadow-md);transition:background .2s,border-color .2s}.kpi-label{font-size:9px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.kpi-value{font-size:20px;font-weight:700;color:var(--tx);font-family:JetBrains Mono,monospace}.kpi-value.acc{color:var(--acc)}.kpi-value.err{color:var(--err)}.kpi-value.ok{color:var(--ok)}.kpi-sub{font-size:10px;color:var(--tx3);margin-top:2px}.table-card{background:var(--surf);border:1px solid var(--bd);border-radius:var(--rm);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-md);transition:background .2s,border-color .2s}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--bd);gap:10px;flex-wrap:wrap}.table-toolbar h3{font-size:13px;font-weight:700;color:var(--tx)}.search-box{display:flex;align-items:center;gap:6px;border:1px solid var(--bd);border-radius:var(--rm);padding:0 10px;height:32px;background:var(--surf);flex:1;max-width:200px}.search-box i{font-size:13px;color:var(--tx3)}.search-box input{border:none;outline:none;font-size:11px;color:var(--tx);width:100%;background:transparent;font-family:inherit}.tbl-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{font-size:9px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.4px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--bd);background:var(--sub);white-space:nowrap}td{padding:10px 14px;color:var(--tx);border-bottom:1px solid var(--bd);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--pm)}.act-btns{display:flex;gap:5px;flex-wrap:wrap}.icon-btn{width:26px;height:26px;border:1px solid var(--bd);border-radius:var(--r);background:var(--surf);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--tx2);font-size:13px;transition:.1s;flex-shrink:0}.icon-btn:hover{border-color:var(--info);color:var(--info)}.icon-btn.danger:hover{border-color:var(--err);color:var(--err)}.icon-btn.success:hover{border-color:var(--ok);color:var(--ok)}.empty-row{text-align:center;padding:36px;color:var(--tx3)}.empty-row i{font-size:28px;display:block;margin-bottom:8px}.empty-row p{font-size:11px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surf);border-radius:var(--rl);width:100%;max-width:520px;max-height:92vh;overflow-y:auto;border:1px solid var(--bd);box-shadow:var(--shadow-lg)}.modal-lg{max-width:640px}.modal-sm{max-width:400px}.modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--bd);background:var(--p)}.modal-hdr h3{font-size:14px;font-weight:700;color:#fff}.modal-close{cursor:pointer;color:#ffffffa6;font-size:18px;line-height:1}.modal-close:hover{color:#fff}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--bd);display:flex;justify-content:flex-end;gap:8px;background:var(--sub)}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;display:flex;justify-content:flex-end}.drawer{width:540px;max-width:96vw;background:var(--surf);height:100%;overflow-y:auto;display:flex;flex-direction:column;box-shadow:-6px 0 28px #00000040;border-left:1px solid var(--bd)}.drawer-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--bd);background:var(--p);flex-shrink:0}.drawer-hdr h3{font-size:14px;font-weight:700;color:#fff}.drawer-body{flex:1;overflow-y:auto;padding:18px 20px}.drawer-footer{padding:14px 20px;border-top:1px solid var(--bd);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;background:var(--sub)}.d-sec{margin-bottom:20px}.d-sec h4{font-size:10px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}.d-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.d-field label{font-size:9px;font-weight:600;color:var(--tx3);display:block;margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.d-field .dv{font-size:12px;color:var(--tx);font-weight:500}.d-field .dv.mono{font-family:JetBrains Mono,monospace;font-size:11px}.d-field .dv.acc{color:var(--acc);font-weight:700;font-family:JetBrains Mono,monospace}.d-field .dv.err{color:var(--err);font-weight:700;font-family:JetBrains Mono,monospace}.d-field .dv.ok{color:var(--ok);font-weight:700;font-family:JetBrains Mono,monospace}.wt-trio{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.wt-col{text-align:center}.wt-col .wl{font-size:9px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:3px}.wt-col .wv{font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--tx)}.wt-col.net .wv{font-size:16px;color:var(--acc)}.wt-col .wu{font-size:9px;color:var(--tx3);display:block}.calc-box{background:var(--accl);border:1px solid var(--acc);border-radius:var(--rm);padding:14px 16px;margin-bottom:12px}.calc-box .cl{font-size:9px;font-weight:700;color:var(--warn);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.calc-box .cv{font-size:16px;font-weight:700;color:var(--acc);font-family:JetBrains Mono,monospace}.calc-grid{display:flex;gap:20px;flex-wrap:wrap}.scope-bar{display:none}.item-line{background:var(--sub);border:1px solid var(--bd);border-radius:var(--rm);padding:14px 16px;margin-bottom:10px}.item-line-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.item-num{font-size:10px;font-weight:700;color:var(--tx);background:var(--pm);padding:2px 9px;border-radius:9999px}.item-del{cursor:pointer;color:var(--tx3);font-size:15px}.item-del:hover{color:var(--err)}.item-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}.pay-type-btns{display:flex;gap:8px;margin-bottom:14px}.ptb{flex:1;height:34px;border:1.5px solid var(--bd);border-radius:var(--rm);background:var(--surf);cursor:pointer;font-size:11px;font-weight:600;color:var(--tx2);display:flex;align-items:center;justify-content:center;gap:5px;transition:.12s;font-family:inherit}.ptb:hover{border-color:var(--info);color:var(--info)}.ptb.sel{border-color:var(--info);background:var(--pm);color:var(--tx)}.ptb i{font-size:14px}.pay-log-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bd);font-size:11px}.pay-log-row:last-child{border-bottom:none}.pay-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.pay-stat{flex:1;min-width:80px;background:var(--sub);border:1px solid var(--bd);border-radius:var(--rm);padding:10px 12px;box-shadow:var(--shadow-sm)}.pay-stat .psl{font-size:9px;color:var(--tx3);text-transform:uppercase;letter-spacing:.4px;font-weight:600;margin-bottom:4px}.pay-stat .psv{font-size:15px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--tx)}#toast{position:fixed;bottom:20px;right:20px;z-index:9999;border-radius:var(--rm);padding:12px 16px;font-size:12px;font-weight:600;display:none;align-items:center;gap:8px;box-shadow:var(--shadow-lg);max-width:340px}#toast.show{display:flex}#toast.t-ok{background:var(--okb);border:1px solid var(--ok);color:var(--ok)}#toast.t-err{background:var(--errb);border:1px solid var(--err);color:var(--err)}#toast.t-warn{background:var(--warnb);border:1px solid var(--warn);color:var(--warn)}.info-note{background:var(--infob);border:1px solid var(--info);border-radius:var(--rm);padding:10px 13px;font-size:11px;color:var(--info);display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.warn-note{background:var(--warnb);border:1px solid var(--warn);border-radius:var(--rm);padding:10px 13px;font-size:11px;color:var(--warn);display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.ok-note{background:var(--okb);border:1px solid var(--ok);border-radius:var(--rm);padding:10px 13px;font-size:11px;color:var(--ok);display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.note-icon{font-size:14px;flex-shrink:0;margin-top:1px}.unit-card{background:var(--surf);border:1px solid var(--bd);border-radius:var(--rl);padding:0;overflow:hidden;transition:.15s;box-shadow:var(--shadow-md)}.unit-card:hover{border-color:var(--bds);box-shadow:var(--shadow-lg)}.unit-card.current{border-color:var(--info);border-width:2px}.unit-card-top{padding:16px 16px 12px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--bd)}.unit-card-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.unit-card-body{padding:12px 16px}.unit-stat-row{display:flex;justify-content:space-between;padding:5px 0;font-size:11px;border-bottom:1px solid var(--bd)}.unit-stat-row:last-child{border-bottom:none}.unit-card-foot{padding:10px 16px;background:var(--sub);border-top:1px solid var(--bd);display:flex;gap:7px}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:20px}.rh-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--bd);font-size:11px}.rh-row:last-child{border-bottom:none}.out-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bd);font-size:11px}.out-row:last-child{border-bottom:none}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--bd);margin-bottom:16px;overflow-x:auto}.tab{padding:9px 16px;font-size:12px;font-weight:500;color:var(--tx2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:.1s}.tab:hover{color:var(--tx)}.tab.active{color:var(--info);border-bottom-color:var(--info);font-weight:700}.sel-filter{height:32px;border:1px solid var(--bd);border-radius:var(--rm);padding:0 10px;font-size:11px;color:var(--tx);font-family:inherit;background:var(--surf);outline:none}.ph-placeholder{text-align:center;padding:64px 16px;color:var(--tx3)}.ph-placeholder i{font-size:40px;display:block;margin-bottom:12px}.ph-placeholder p{font-size:12px}.cat-raw{background:var(--warnb);color:var(--warn);border:1px solid var(--warn)}.cat-cleaned{background:var(--okb);color:var(--ok);border:1px solid var(--ok)}.cat-finished{background:var(--admb);color:var(--admt);border:1px solid var(--admt)}.cat-returned{background:var(--errb);color:var(--err);border:1px solid var(--err)}.inv-status-available{background:var(--okb);color:var(--ok)}.inv-status-partial{background:var(--warnb);color:var(--warn)}.inv-status-sold,.inv-status-consumed{background:var(--sub);color:var(--tx3);border:1px solid var(--bd)}.ledger-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--bd);font-size:11px;gap:10px}.ledger-row:last-child{border-bottom:none}.ledger-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ledger-in{background:var(--ok)}.ledger-out{background:var(--err)}.ledger-adj{background:var(--acc)}.mobile-menu-btn{display:none!important}.mobile-close-btn{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.table-card{overflow-x:auto}@media (max-width: 768px){.mobile-menu-btn{display:inline-flex!important}.mobile-close-btn{display:block!important}.tb-greeting{display:none!important}#sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);box-shadow:var(--shadow-lg)}#sidebar.mobile-open{transform:translate(0)}#topbar{padding:0 12px;gap:8px}#topbar-page-actions{margin-left:auto}.page{padding:16px 12px}.page-header{flex-direction:column;align-items:stretch;gap:12px}.ph-actions{width:100%;justify-content:flex-start}.login-card{width:90vw;padding:24px}.fr2,.fr3,.d-grid{grid-template-columns:1fr!important}.modal,.drawer{width:96vw!important}.table-toolbar{flex-direction:column;align-items:stretch;gap:8px}.search-box{max-width:100%}}