:root{--bg:#f4f6f8;--card:#fff;--text:#17202a;--muted:#6b7280;--line:#e5e7eb;--brand:#111827;--accent:#1b62c9;--good:#16a34a;--bad:#dc2626;--warn:#d97706}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif}body.dark{--bg:#0b1220;--card:#111827;--text:#f3f4f6;--muted:#9ca3af;--line:#263244;--brand:#f3f4f6}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;width:250px;padding:18px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.logo{padding:8px 10px 20px;font-size:20px;font-weight:800}.logo small{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.nav button{color:#cbd5e1;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;margin:2px 0;padding:11px 12px}.nav button:hover,.nav button.active{color:#fff;background:#1e293b}.main{width:calc(100% - 250px);margin-right:250px;padding:22px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.title h1{margin:0;font-size:25px}.title p{color:var(--muted);margin:4px 0}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:9px 13px}.btn.primary{color:#fff;background:#1b62c9;border-color:#1b62c9}.btn.danger{color:#fff;background:#dc2626;border-color:#dc2626}.filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filters select,.filters input,.form input,.form select,.form textarea{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;width:100%;padding:9px}.grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:0 1px 2px #00000008}.metric .label{color:var(--muted);font-size:12px}.metric .value{margin-top:6px;font-size:24px;font-weight:800}.metric .sub{color:var(--muted);margin-top:4px;font-size:11px}.section{margin-top:18px}.section h2{margin:0 0 10px;font-size:17px}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);white-space:nowrap;text-align:right;padding:10px;font-size:13px}.table th{color:var(--muted);font-weight:600}.badge{color:#374151;background:#e5e7eb;border-radius:999px;padding:3px 8px;font-size:11px;display:inline-block}.badge.good{color:#166534;background:#dcfce7}.badge.bad{color:#991b1b;background:#fee2e2}.badge.warn{color:#92400e;background:#fef3c7}.bar{background:var(--line);border-radius:20px;height:8px;overflow:hidden}.bar i{background:var(--accent);height:100%;display:block}.form{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.form .full{grid-column:1/-1}.field label{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.empty{text-align:center;color:var(--muted);padding:25px}.toast{color:#fff;z-index:50;background:#111827;border-radius:9px;padding:12px 15px;display:none;position:fixed;bottom:18px;left:18px}.modal{z-index:40;background:#0008;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.modal .box{background:var(--card);border-radius:14px;width:min(760px,100%);max-height:90vh;padding:18px;overflow:auto}.modal h3{margin-top:0;font-family:Space Grotesk,sans-serif;font-weight:600}.modal-actions{justify-content:flex-start;gap:8px;margin-top:14px;display:flex}.kpi-good{color:var(--good)}.kpi-bad{color:var(--bad)}.muted{color:var(--muted)}.ltr{text-align:left;direction:ltr}.invoice{border:1px solid var(--line);background:var(--card);max-width:700px;margin:auto;padding:20px}.invoice h2{text-align:center;font-family:Space Grotesk,sans-serif}.invoice-total{text-align:left;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800}@media (width<=1000px){.grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}.main{width:calc(100% - 210px);margin-right:210px}}@media (width<=700px){.sidebar{width:100%;height:auto;position:static}.app{display:block}.main{width:100%;margin:0;padding:12px}.grid,.grid2,.form{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start}}@media print{.sidebar,.top,.filters,.no-print{display:none!important}.main{width:100%;margin:0}.card{box-shadow:none}}:root{--bg:#f6f8fb;--card:#fff;--text:#101828;--muted:#667085;--line:#e4e7ec;--brand:#0b1017;--accent:#1b62c9;--accent2:#0f6fbd;--good:#12b76a;--bad:#f04438;--warn:#f79009;--shadow:0 8px 28px #1018280f;--shadow2:0 2px 8px #1018280f}body{background:radial-gradient(circle at 10% 0%,#1b62c912,transparent 28%),var(--bg);letter-spacing:-.01em;font-family:Manrope,Inter,Segoe UI,Tahoma,Arial,sans-serif}body.dark{--bg:#080d17;--card:#101827;--text:#f5f7fa;--muted:#98a2b3;--line:#263244;--shadow:0 10px 30px #0003;--shadow2:0 2px 8px #0000002e}.app{background:0 0}.sidebar{background:linear-gradient(160deg,#0b1017 0%,#0e1520 55%,#0a1c2c 100%);border-left:1px solid #ffffff0d;width:270px;padding:22px 15px;box-shadow:10px 0 30px #00000014}.logo{padding:5px 12px 22px;display:block}.logo img{width:172px;max-width:100%;height:auto;display:block}.nav button,.nav-btn{font-family:Manrope,sans-serif;font-size:13px;transition:all .18s}.nav button{padding:11px 13px}.nav button.active{color:#fff;background:linear-gradient(90deg,#1b62c92e,#1b62c90d);box-shadow:inset -3px 0 #1b62c9}.nav button:hover{background:#17243a;transform:translate(-2px)}.sidebar-utils{border-top:1px solid #ffffff14;flex-direction:column;gap:2px;margin-top:15px;padding-top:12px;display:flex}.nav-btn{color:#94a3b8;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:flex-end;align-items:center;gap:8px;width:100%;padding:9px 12px;display:flex}.nav-btn:hover{color:#fff;background:#17243a}.nb-icon{font-size:13px}.nb-label{font-size:12.5px}.main{width:calc(100% - 270px);max-width:1800px;margin-right:270px;padding:28px}.top{border-bottom:1px solid var(--line);margin-bottom:22px;padding:2px 2px 17px}.title h1{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:600}.title p{font-size:12px}.actions .btn{font-weight:650}.btn{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow2);border-radius:9px;padding:9px 14px;font-family:Manrope,sans-serif;font-size:12px;transition:all .18s}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#1b62c9,#0f6fbd);border-color:#1b62c9;box-shadow:0 6px 16px #1b62c938}.card{box-shadow:var(--shadow);border-radius:14px;transition:all .18s}.card:hover{box-shadow:0 10px 32px #10182817}.grid{gap:14px}.metric{padding:17px 18px;position:relative;overflow:hidden}.metric:after{content:"";background:#1b62c90f;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-38px;left:-25px}.metric .label{letter-spacing:.01em;font-size:11px;font-weight:650}.metric .value{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:600}.metric .sub{font-size:10px}.section h2{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.filters{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow2);border-radius:12px;padding:10px}.filters select,.filters input,.form input,.form select,.form textarea{border-radius:9px;outline:none;font-family:Manrope,sans-serif;transition:all .15s}.filters select:focus,.filters input:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#1b62c9;box-shadow:0 0 0 3px #1b62c91f}.table-wrap{border-radius:10px}.table th{background:#6670850b;font-size:11px}.table td{font-size:12px}.table tr:hover td{background:#1b62c909}.badge{font-weight:650}.bar{height:7px}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal .box{border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 80px #0003}.toast{border:1px solid #263244;box-shadow:0 10px 30px #00000038}@media (width<=1000px){.sidebar{width:225px}.main{width:calc(100% - 225px);margin-right:225px}}@media (width<=700px){.app{display:block}.sidebar{z-index:30;flex-wrap:nowrap;align-items:center;gap:10px;width:100%;height:auto;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #0000002e}.logo{flex:none;padding:0}.logo img{width:96px}.nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:6px;min-width:0;padding-bottom:2px;display:flex;overflow:auto hidden}.nav::-webkit-scrollbar{display:none}.nav button{white-space:nowrap;min-width:max-content;margin:0;padding:8px 12px;font-size:12px}.nav button.active{box-shadow:none;background:#1b62c9}.sidebar-utils{border-top:0;flex-direction:row;flex:none;gap:2px;margin:0;padding-top:0}.nav-btn{justify-content:center;width:auto;padding:8px}.nb-label{display:none}.main{width:100%;margin:0;padding:14px}.top{padding-top:4px}.grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.grid{grid-template-columns:1fr}.top .title h1{font-size:21px}}.modal.open,.toast.open{display:flex}.toast{display:none}.field{margin-bottom:12px}.spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.badge.disabled{opacity:.5;cursor:not-allowed}.crud-actions{justify-content:flex-end;gap:6px;display:flex}