@charset "UTF-8";html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0B1F3A;--sb: #081629;--s1: #142D52;--s2: #1A3A64;--s3: #1E4070;--br: rgba(255,255,255,.1);--br2: rgba(232,93,32,.3);--br3: rgba(232,93,32,.55);--tx: #FFFFFF;--tx2: #8AA0B8;--tx3: #5B7A96;--tx4: #3A5472;--gold: #E85D20;--gl: #FF7A3D;--gdim: rgba(232,93,32,.15);--green: #1A9E5C;--greend: rgba(26,158,92,.14);--red: #C8302A;--redd: rgba(200,48,42,.14);--blue: #2878C8;--blued: rgba(40,120,200,.14);--teal: #1A8A7E;--teald: rgba(26,138,126,.14);--r: 10px;--rs: 7px}a,button:not(:disabled),[role=button],label[for],select{cursor:pointer}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],input[type=search],textarea{cursor:text}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--tx);height:100vh;overflow:hidden;font-size:14px}.content::-webkit-scrollbar{width:4px}.content::-webkit-scrollbar-thumb{background:var(--s3);border-radius:2px}.field{margin-bottom:10px}.field label{display:block;font-size:11px;font-weight:500;color:var(--tx2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.field input,.field select,.field textarea{width:100%;background:var(--s2);border:1px solid var(--br);border-radius:var(--rs);color:var(--tx);padding:8px 10px;font-size:13px;font-family:Outfit,sans-serif;outline:none;transition:.15s;cursor:text}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e85d2026}.field input::placeholder,.field select::placeholder,.field textarea::placeholder{color:var(--tx3)}.field select option{background:var(--s1);color:var(--tx)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.kpi-row{display:grid;gap:10px;margin-bottom:16px}.kpi4{grid-template-columns:repeat(4,1fr)}.kpi3{grid-template-columns:repeat(3,1fr)}.kpi{background:var(--s1);border:1px solid var(--br);border-radius:var(--r);padding:14px 16px;border-left:2px solid transparent;box-shadow:0 1px 6px #0003}.kpi-gold{border-left-color:var(--gold)}.kpi-gold .kpi-val{color:var(--gl)}.kpi-teal{border-left-color:var(--teal)}.kpi-teal .kpi-val{color:var(--teal)}.kpi-green{border-left-color:var(--green)}.kpi-green .kpi-val{color:var(--green)}.kpi-red{border-left-color:var(--red)}.kpi-red .kpi-val{color:var(--red)}.kpi-blue{border-left-color:var(--blue)}.kpi-blue .kpi-val{color:var(--blue)}.kpi-lbl{font-size:11px;color:var(--tx2);font-weight:500;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.kpi-val{font-size:24px;font-weight:700;line-height:1;color:var(--tx)}.kpi-sub{font-size:11px;color:var(--tx3);margin-top:4px}.card{background:var(--s1);border:1px solid var(--br);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;box-shadow:0 2px 8px #00000040}.card:last-child{margin-bottom:0}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-family:Fraunces,serif;font-size:15px;color:var(--tx)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:7px 10px;color:var(--tx3);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--br)}td{padding:9px 10px;border-bottom:1px solid var(--br);vertical-align:middle;color:var(--tx)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--s2)}.td-m{color:var(--tx2)}.td-g{color:var(--gl);font-weight:600}.td-green{color:var(--green)}.td-red{color:var(--red)}.btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--rs);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:.12s;font-family:Outfit,sans-serif;white-space:nowrap}.btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:var(--gl)}.btn-ghost{background:transparent;color:var(--tx2);border:1px solid var(--br)}.btn-ghost:hover{background:var(--s2);color:var(--tx);border-color:var(--br2)}.btn-danger{background:var(--redd);color:var(--red);border:1px solid rgba(200,48,42,.25)}.btn-danger:hover{background:#c8302a40}.btn-teal{background:var(--teald);color:var(--teal);border:1px solid rgba(26,138,126,.25)}.btn-teal:hover{background:#1a8a7e40}.btn-blue{background:var(--blued);color:var(--blue);border:1px solid rgba(40,120,200,.25)}.btn-blue:hover{background:#2878c840}.btn-sm{padding:4px 8px;font-size:12px}.btn-icon{padding:5px;width:28px;height:28px;justify-content:center}.btn-icon svg{width:13px;height:13px}.modal-bg{position:fixed;inset:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:100}.modal-bg.open{display:flex}.modal{background:var(--s1);border:1px solid var(--br2);border-radius:var(--r);padding:20px;width:500px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000080}.modal-sm{width:380px}.modal-lg{width:600px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-title{font-family:Fraunces,serif;font-size:16px;color:var(--tx)}.modal-x{width:26px;height:26px;background:var(--s2);border:none;border-radius:var(--rs);color:var(--tx2);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:.12s;line-height:1}.modal-x:hover{background:var(--redd);color:var(--red)}.modal-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--br)}.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px;flex-wrap:wrap}.sec-title{font-family:Fraunces,serif;font-size:15px;color:var(--tx)}.sec-acts{display:flex;align-items:center;gap:7px}.srch{position:relative}.srch svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:13px;height:13px;stroke:var(--tx3);fill:none;stroke-width:2;pointer-events:none}.srch input{padding-left:28px;height:30px;background:var(--s2);border:1px solid var(--br);border-radius:var(--rs);color:var(--tx);font-size:13px;font-family:Outfit,sans-serif;outline:none;transition:.15s;cursor:text}.srch input:focus{border-color:var(--gold)}.srch input::placeholder{color:var(--tx3)}.chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:12px;font-size:11px;font-weight:500}.chip-ok{background:var(--greend);color:var(--green)}.chip-warn{background:var(--gdim);color:var(--gl)}.chip-low{background:var(--redd);color:var(--red)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500}.pill-red{background:var(--redd);color:var(--red);border:1px solid rgba(200,48,42,.25)}.pill-gold{background:var(--gdim);color:var(--gl);border:1px solid rgba(232,93,32,.25)}.pill-green{background:var(--greend);color:var(--green);border:1px solid rgba(26,158,92,.25)}.pill-blue{background:var(--blued);color:var(--blue);border:1px solid rgba(40,120,200,.25)}.pill-teal{background:var(--teald);color:var(--teal);border:1px solid rgba(26,138,126,.25)}.role-admin{background:var(--gdim);color:var(--gl);border:1px solid rgba(232,93,32,.25)}.role-caissier{background:var(--blued);color:var(--blue);border:1px solid rgba(40,120,200,.25)}.role-stock{background:var(--teald);color:var(--teal);border:1px solid rgba(26,138,126,.25)}.veh-tag{display:inline-flex;align-items:center;gap:4px;background:var(--s2);border:1px solid var(--br);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--tx2);font-family:monospace}.chart-card{background:var(--s1);border:1px solid var(--br);border-radius:var(--r);padding:14px 16px;box-shadow:0 2px 8px #00000040}.chart-lbl{font-size:11px;color:var(--tx2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.alert-bar{background:var(--redd);border:1px solid rgba(200,48,42,.25);border-radius:var(--rs);padding:7px 10px;font-size:12px;color:var(--red);display:flex;align-items:center;gap:7px;margin-bottom:10px}.alert-bar svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.empty-st{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;color:var(--tx3);font-size:12px;text-align:center;gap:5px}.empty-st svg{width:26px;height:26px;stroke:var(--tx4);fill:none;stroke-width:1.5}.flex{display:flex}.ic{align-items:center}.g4{gap:4px}.g8{gap:8px}.g12{gap:12px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.divider{height:1px;background:var(--br);margin:10px 0}