:root{--matrix-yellow:#ffeb00;--matrix-black:#090909;--matrix-panel:#151515;--matrix-border:#2d2d2d;--matrix-text:#f4f4f4;--matrix-muted:#999}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5f6f8;color:#202124}
.matrix-shell{min-height:100vh;display:flex}.matrix-sidebar{width:270px;background:var(--matrix-black);color:var(--matrix-text);position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:1030}.matrix-brand{padding:20px;border-bottom:1px solid #222}.matrix-brand strong{display:block;font-size:19px;letter-spacing:.5px;color:var(--matrix-yellow)}.matrix-brand small{color:#8e8e8e}.matrix-nav-section{padding:14px 12px 4px;font-size:10px;letter-spacing:1.2px;color:#777;font-weight:800}.matrix-nav a{display:flex;gap:10px;align-items:center;margin:2px 9px;padding:9px 11px;border-radius:8px;color:#c9c9c9;text-decoration:none;font-size:13px}.matrix-nav a:hover,.matrix-nav a.active{background:#222;color:#fff}.matrix-nav a.active{box-shadow:inset 3px 0 var(--matrix-yellow)}.matrix-main{margin-left:270px;width:calc(100% - 270px)}.matrix-topbar{height:68px;background:white;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:1020;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.matrix-content{padding:24px}.matrix-card{background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.035)}.kpi{padding:18px}.kpi .label{color:#6d7175;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.kpi .value{font-size:25px;font-weight:800;margin-top:4px}.btn-matrix{background:var(--matrix-yellow);color:#000;border:1px solid #e1cf00;font-weight:700}.btn-matrix:hover{background:#f0dd00;color:#000}.table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.35px;background:#fafafa;color:#646970;white-space:nowrap}.table td{font-size:13px;vertical-align:middle}.form-label{font-size:12px;font-weight:700}.badge-soft{background:#f1f1f1;color:#444}.profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#111;color:#ffeb00;display:grid;place-items:center;font-weight:800}.mobile-menu{display:none}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#22a06b;margin-right:5px}.doc-total{font-size:28px;font-weight:800}.line-item{border:1px solid #e4e4e4;border-radius:10px;padding:12px;margin-bottom:10px;background:#fcfcfc}.auth-page{background:#0b0b0b;min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(460px,100%);background:#171717;border:1px solid #333;color:white;border-radius:18px;padding:28px}.auth-card h1{color:#ffeb00}.auth-card .form-control{background:#0d0d0d;border-color:#444;color:white}.auth-card .form-control:focus{border-color:#ffeb00;box-shadow:none}.print-only{display:none}
@media(max-width:992px){.matrix-sidebar{transform:translateX(-100%);transition:.2s}.matrix-sidebar.open{transform:translateX(0)}.matrix-main{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.matrix-content{padding:16px}}
@media print{.matrix-sidebar,.matrix-topbar,.no-print{display:none!important}.matrix-main{margin:0;width:100%}.matrix-content{padding:0}.matrix-card{border:0;box-shadow:none}.print-only{display:block}}