:root{--bg:#FFFFFF;--s1:#FFFFFF;--s2:#F4F6F8;--s3:#E9ECEF;--bdr:#E2E8F0;--bdr2:#CBD5E1;--t1:#1F2937;--t2:#4B5563;--t3:#6B7280;--t4:#9CA3AF;--blue:#005682;--blue-hover:#004669;--header:#003D5C;--green:#0369A1;--amber:#D97706;--red:#DC2626;--pink:#DB2777;--purple:#7C3AED;--radius:6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--t1);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:3px}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background:var(--header);color:#fff;border-right:1px solid var(--bdr);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;color:#fff}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#ffffffc7;transition:all .15s;margin-bottom:2px}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff26;color:#fff}.nav-item .badge-count{margin-left:auto;background:var(--amber);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffffd9}.sidebar-footer .user-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sidebar-footer .role-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.role-admin{background:#0056821a;color:var(--blue);border:1px solid rgba(0,86,130,.25)}.role-iem{background:#7c3aed1a;color:var(--purple);border:1px solid rgba(124,58,237,.25)}.role-floor{background:#0369a11a;color:var(--green);border:1px solid rgba(3,105,161,.25)}.logout-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ffffffd9;padding:5px 10px;border-radius:6px;font-family:inherit;font-size:11px;cursor:pointer;width:100%}.logout-btn:hover{background:#ffffff1f;color:#fff}.main{flex:1;overflow-y:auto;padding:24px 28px;background:#f8fafc}.page-title{font-size:24px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:10px;color:var(--t1)}.page-subtitle{font-size:13px;color:var(--t3);margin-bottom:20px}.stats{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.stat{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--radius);padding:16px 20px;flex:1;min-width:130px;box-shadow:0 1px 2px #0000000a}.stat-val{font-size:26px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--t1)}.stat-label{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.card{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.card-header{padding:14px 18px;border-bottom:1px solid var(--bdr);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:space-between;color:var(--t1)}.card-body{padding:16px 18px}.chip{display:inline-flex;flex-direction:column;border-radius:4px;overflow:hidden;min-width:44px;text-align:center;font-family:JetBrains Mono,monospace;font-weight:600;font-size:11px;line-height:1}.chip .ct{padding:5px 6px 2px}.chip .cb{padding:2px 6px 5px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--bdr);background:var(--s2);position:sticky;top:0;z-index:2}.sort-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-th:hover{background:var(--s3)}.sort-arrow{display:inline-block;margin-left:4px;font-size:9px;opacity:.5}.sort-arrow.active{opacity:1;color:var(--blue)}td{padding:9px 12px;border-bottom:1px solid var(--bdr);font-size:13px;vertical-align:middle}tr:hover td{background:var(--s2)}.mono{font-family:JetBrains Mono,monospace;font-weight:500;font-size:12px}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.b-open{background:#0056821a;color:var(--blue);border:1px solid rgba(0,86,130,.22)}.b-shipped{background:#0369a11a;color:var(--green);border:1px solid rgba(3,105,161,.22)}.b-partial,.b-pending{background:#d977061a;color:var(--amber);border:1px solid rgba(217,119,6,.25)}.b-approved{background:#0369a11a;color:var(--green);border:1px solid rgba(3,105,161,.22)}.b-denied{background:#dc26261a;color:var(--red);border:1px solid rgba(220,38,38,.25)}.btn{padding:7px 14px;border-radius:7px;border:none;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.btn:disabled,.btn[disabled],button:disabled,button[disabled]{opacity:.5;cursor:not-allowed}.btn:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.alert-error{background:#dc262614;border:1px solid rgba(220,38,38,.3);color:var(--red);border-radius:7px;padding:10px 12px;font-size:13px;margin-bottom:10px}.toast-wrap{position:fixed;top:16px;right:16px;z-index:99999;display:flex;flex-direction:column;gap:8px;max-width:360px;pointer-events:none}.toast{pointer-events:auto;cursor:pointer;display:flex;align-items:flex-start;gap:8px;padding:11px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;box-shadow:0 6px 20px #0000002e;animation:toastIn .18s ease-out}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:#2563eb}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--bdr);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.load-row{display:flex;align-items:center;gap:10px;color:var(--t3);padding:24px;justify-content:center;font-size:13px}@media (max-width:768px){.btn:not(.btn-sm){min-height:48px}}.section-h{font-size:13px;font-weight:700;color:var(--t2);margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.stat-card{background:#fff;border:1px solid var(--bdr);border-radius:10px;padding:14px 16px;min-width:150px;flex:1}.stat-card .sc-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t3)}.stat-card .sc-value{font-size:24px;font-weight:800;color:var(--t1);margin-top:4px}.stat-card .sc-sub{font-size:11px;color:var(--t3);margin-top:2px}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-hover)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#025780}.btn-red{background:#dc26261a;color:var(--red);border:1px solid rgba(220,38,38,.25)}.btn-red:hover{background:#dc26262e}.btn-ghost{background:var(--bg);color:var(--t2);border:1px solid var(--bdr)}.btn-ghost:hover{background:var(--s2);color:var(--t1)}.btn-sm{padding:5px 10px;font-size:11px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--s1);border:1px solid var(--bdr);border-radius:8px;padding:24px;width:460px;max-width:92vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal h3{font-size:16px;margin-bottom:16px}.fg{margin-bottom:14px}.fg label{display:block;font-size:11px;font-weight:600;color:var(--t2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.fg input,.fg select,.fg textarea{width:100%;padding:8px 11px;background:#fff;border:1px solid var(--bdr);border-radius:6px;color:var(--t1);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0056821f}.fg textarea{height:60px;resize:vertical}.fg .ro{opacity:.75;cursor:not-allowed;background:var(--s2);color:var(--t2)}.cr-card{background:var(--s2);border:1px solid var(--bdr);border-radius:var(--radius);padding:16px;margin-bottom:10px}@keyframes crPulse{0%,to{background:#fee2e2;box-shadow:0 0 #dc26268c}50%{background:#fecaca;box-shadow:0 0 0 14px #dc262600}}.cr-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:0 0 16px;border:3px solid #dc2626;border-radius:10px;cursor:pointer;animation:crPulse 1.4s ease-in-out infinite;color:#7f1d1d;font-weight:700}.cr-banner:hover{filter:brightness(.96)}.cr-banner .cr-banner-icon{font-size:32px;line-height:1;flex-shrink:0}.cr-banner .cr-banner-text{flex:1}.cr-banner .cr-banner-title{font-size:18px;letter-spacing:.02em}.cr-banner .cr-banner-sub{font-size:12px;font-weight:500;color:#991b1b;margin-top:2px;letter-spacing:0}.cr-banner .cr-banner-cta{background:#dc2626;color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap}.cr-dates{display:flex;align-items:center;gap:10px;margin:10px 0}.cr-date{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;padding:7px 12px;background:var(--s1);border-radius:7px;border:1px solid var(--bdr)}.cr-arrow{color:var(--amber);font-size:18px;font-weight:700}.empty{text-align:center;padding:40px;color:var(--t3);font-size:13px}.filter-row{display:flex;gap:8px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.filter-row select,.filter-row input{padding:6px 10px;background:#fff;border:1px solid var(--bdr);border-radius:6px;color:var(--t1);font-family:inherit;font-size:12px;outline:none}.filter-row select:focus,.filter-row input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #0056821f}@media (max-width:768px){.sidebar{display:none}.main{padding:16px 16px 72px}.stats{flex-direction:column}.bottom-nav{display:flex!important}}@media (min-width:769px){.bottom-nav{display:none!important}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--header);border-top:1px solid rgba(255,255,255,.1);display:none;align-items:stretch;justify-content:space-around;z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;font-size:9px;font-weight:600;color:#ffffffa6;cursor:pointer;padding:6px 2px;text-transform:uppercase;letter-spacing:.03em;border:none;background:none;font-family:inherit}.bottom-nav-item.active{color:#fff;background:#ffffff14}.bottom-nav-item .bn-icon{font-size:20px;line-height:1}