:root{--bg:#f4f7ff;--card:rgba(255,255,255,.78);--text:#111827;--muted:#667085;--line:#e5e7eb;--shadow:0 25px 60px rgba(16,24,40,.13)}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 0 0,#dbeafe,transparent 35%),radial-gradient(circle at 100% 0,#ffe4f1,transparent 30%),var(--bg)}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.wrap{max-width:1180px;margin:auto;padding:18px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.brand{font-size:27px;font-weight:900}.muted{color:var(--muted);font-size:14px}
.card{background:var(--card);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:30px;padding:22px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.c4{grid-column:span 4}.c8{grid-column:span 8}.c12{grid-column:span 12}
input,select,button{width:100%;padding:14px;border-radius:17px;border:1px solid var(--line);margin:6px 0;font-size:15px;outline:none}
input,select{background:rgba(255,255,255,.9);color:#111827}
button,.btn{border:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}
.green{background:#10b981}.red{background:#ef4444}.gray{background:#64748b}.small{width:auto;padding:9px 13px;border-radius:14px;font-size:13px;margin:2px}
.stat{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:22px;padding:16px}.stat b{display:block;font-size:23px;margin-top:5px}
.scroll{overflow:auto}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.78);border-radius:20px;overflow:hidden}
th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}th{background:rgba(248,250,252,.95);color:#475467}
.badge{padding:7px 12px;border-radius:99px;font-size:12px;font-weight:900;display:inline-block}.ok{background:#dcfce7;color:#166534}.no{background:#fee2e2;color:#991b1b}
a{color:#2563eb;font-weight:800;text-decoration:none}.login{max-width:500px;margin:35px auto}
@media(max-width:800px){.c4,.c8{grid-column:span 12}table{min-width:900px}.brand{font-size:23px}}