@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1736;--blue:#2563eb;--cyan:#06b6d4;--green:#16a34a;--orange:#f59e0b;--red:#dc2626;--bg:#f4f7fb;--text:#172033;--muted:#6b7890;--border:#e5eaf2;--card:#fff;--shadow:0 10px 30px rgba(15,35,80,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}.app{min-height:100vh;display:flex}.sidebar{width:265px;background:linear-gradient(180deg,var(--navy),#101e42);color:#dce5ff;position:fixed;inset:0 auto 0 0;z-index:1000;display:flex;flex-direction:column;padding:22px 14px;box-shadow:8px 0 30px rgba(5,15,40,.12)}.brand{display:flex;gap:11px;align-items:center;padding:2px 10px 24px;font-size:20px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:grid;place-items:center;color:#fff;font-size:12px}.brand small{display:block;color:#91a2c8;font-size:9px;font-weight:500;margin-top:5px}.brand span:not(.brand-mark){color:#4da3ff}.sidebar nav{overflow:auto;flex:1}.sidebar nav a,.logout{display:flex;align-items:center;gap:11px;color:#b9c7e7;text-decoration:none;padding:10px 12px;border-radius:10px;margin:3px 0;font-weight:600;transition:.18s}.sidebar nav a:hover,.logout:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(2px)}.sidebar nav i,.logout i{font-size:16px;width:19px}.sidebar-footer{padding:12px;color:#8fa1c9;font-size:11px;border-top:1px solid rgba(255,255,255,.08);margin-top:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12);margin-right:7px}.main{margin-left:265px;flex:1;min-width:0}header{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:900}header strong{font-size:17px}.header-company{display:block;color:var(--muted);font-size:10px;margin-top:2px}.content{padding:26px;max-width:1600px;margin:auto}.panel{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.btn{border-radius:9px;font-weight:600}.form-control,.form-select{border-color:#dce3ef;border-radius:9px;padding:.62rem .75rem}.form-control:focus,.form-select:focus{border-color:#7aa5ff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#71809a;background:#f8fafc;white-space:nowrap}.table td{vertical-align:middle}.table tr:hover td{background:#fbfdff}.action-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.action-group{display:flex;gap:8px;flex-wrap:wrap}.print-header{display:none}.kpi{border:1px solid var(--border);border-radius:16px;background:#fff;padding:18px;box-shadow:var(--shadow)}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.content{padding:16px}header{padding:0 16px}}@media print{body{background:#fff}.sidebar,header,.no-print,.action-bar{display:none!important}.main{margin:0}.content{padding:0}.panel{box-shadow:none;border:0}.print-header{display:block}}