:root{--brand:#0f766e;--brand-dark:#0b5c55;--border:#e2e8f0;--muted:#64748b;--panel:#fff;--bg:#f1f5f9;--red:#dc2626;--green:#16a34a;--amber:#d97706}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#0f172a}a{color:var(--brand);text-decoration:none;cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:#0d1b2a;color:#eaf6f2;padding:20px 14px}.sidebar h1{font-size:17px;margin:0 0 20px;color:#fff}.sidebar a{display:block;color:#cfe;padding:10px 12px;border-radius:8px;margin-bottom:4px;font-size:14px}.sidebar a.active,.sidebar a:hover{background:#132a3e;color:#fff}.main{flex:1;min-width:0;padding:26px 32px;max-width:2400px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.muted{color:var(--muted)}.btn{background:var(--brand);color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:14px}.btn:hover{background:var(--brand-dark)}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.kpi .v{font-size:24px;font-weight:700}.kpi .l{color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font:inherit}label{font-size:13px;color:var(--muted);display:block;margin-bottom:3px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pill{padding:3px 10px;border-radius:999px;color:#fff;font-size:12px}.error{color:var(--red)}.ok{color:var(--green)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{background:#fff;padding:32px;border-radius:14px;box-shadow:0 8px 30px #00000014;width:360px}.row-actions{white-space:nowrap;display:flex;gap:8px}