:root{--bg:#f4f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#f97316;--primary2:#0f172a;--green:#16a34a;--red:#dc2626;--shadow:0 16px 40px rgba(15,23,42,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0f172a,#1e293b 52%,#f97316)}.login-card{width:min(440px,100%);background:rgba(255,255,255,.96);border-radius:26px;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-logo img{width:78px;height:auto}.login-logo h1{font-size:24px;margin:0}.login-logo p{margin:4px 0 0;color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px;margin:14px 0}.field label{font-size:13px;font-weight:700;color:#334155}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(249,115,22,.15)}.btn{border:0;border-radius:12px;padding:11px 15px;background:#e2e8f0;color:#0f172a;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--primary);color:#fff}.btn.dark{background:var(--primary2);color:#fff}.btn.danger{background:#fee2e2;color:#991b1b}.btn.ghost{background:#f8fafc}.btn:disabled{opacity:.55}.app{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:14px}.brand img{width:58px;background:#fff;border-radius:14px;padding:4px}.brand h2{font-size:18px;margin:0}.brand small{color:#cbd5e1}.menu{display:flex;flex-direction:column;gap:5px}.menu button{width:100%;text-align:left;border:0;border-radius:12px;padding:11px 12px;color:#cbd5e1;background:transparent;font-weight:700}.menu button.active,.menu button:hover{background:rgba(249,115,22,.18);color:#fff}.content{min-width:0}.topbar{height:74px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.hamb{display:none}.top-title h1{font-size:22px;margin:0}.top-title p{margin:3px 0 0;color:var(--muted);font-size:13px}.user{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:99px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:900}.main{padding:24px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.metric small{color:var(--muted);font-weight:700}.metric strong{font-size:30px;display:block;margin-top:8px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.search{display:flex;gap:8px;flex-wrap:wrap}.search input,.search select{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.table-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}th{font-size:12px;color:#475569;text-transform:uppercase;background:#f8fafc;position:sticky;top:0}td{color:#1e293b}.status{display:inline-block;padding:5px 9px;border-radius:99px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:900}.status.ok{background:#dcfce7;color:#166534}.status.warn{background:#ffedd5;color:#9a3412}.status.bad{background:#fee2e2;color:#991b1b}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;background:#fff}.pager .left,.pager .right{display:flex;align-items:center;gap:8px}.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:20px;z-index:50}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.alert{padding:12px 14px;border-radius:12px;margin:12px 0;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.hidden{display:none!important}.mobile-only{display:none}.empty{padding:50px;text-align:center;color:var(--muted)}.chip{display:inline-flex;border:1px solid var(--line);padding:6px 9px;border-radius:99px;color:#475569;background:#f8fafc;font-size:12px;font-weight:800}.action-row{display:flex;gap:8px}.drawer-backdrop{display:none}@media(max-width:1024px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-310px;top:0;width:290px;z-index:40;transition:.25s}.app.open .sidebar{left:0}.drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:35}.hamb{display:inline-flex}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 14px}.main{padding:14px}.user .name{display:none}}@media(max-width:640px){.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar>*,.search{width:100%}.search input,.search select,.btn{width:100%}.pager{flex-direction:column;align-items:stretch}.pager .left,.pager .right{justify-content:space-between}.top-title h1{font-size:17px}.top-title p{display:none}.login-card{padding:22px}.card{padding:15px}}