:root{--bg:#e9f3ff;--card:#fff;--tx:#0f1f3d;--mu:#6b7a99;--pr:#1473ff;--pr2:#e3eeff;--bd:#dbe7fb}
@media(prefers-color-scheme:dark){:root{--bg:#0b1426;--card:#142039;--tx:#e8eefc;--mu:#93a3c4;--pr2:#1b2f57;--bd:#243556}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:14px 'Plus Jakarta Sans',system-ui,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}
.ic{width:1.15em;height:1.15em;vertical-align:-.2em;flex:none}h1,h2,.big,.logo{font-family:'Playfair Display',Georgia,serif}
.app{display:flex;min-height:100vh}.side{width:240px;background:var(--card);padding:18px 14px;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--bd);position:sticky;top:0;height:100vh;overflow-y:auto}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;margin-bottom:12px}.logo small{display:block;font-family:inherit;font-weight:500;font-size:10px;color:var(--mu)}
.nav{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;color:var(--mu);font-weight:600}.nav:hover,.nav.on{background:var(--pr2)}.nav.on{color:var(--pr)}
.main{flex:1;padding:20px;min-width:0;max-width:1100px}.top{display:flex;justify-content:flex-end;margin-bottom:14px}.chip{background:var(--card);padding:6px 14px;border-radius:99px;font-weight:700;border:1px solid var(--bd)}
.hero{background:radial-gradient(circle at 85% 18%,#ffffffaa,transparent 32%),radial-gradient(circle at 62% 95%,#ffffff88,transparent 40%),linear-gradient(120deg,#cfe8ff,#9fcdff 55%,#d6c9ff);min-height:190px;border-radius:24px;padding:28px;display:flex;justify-content:space-between;align-items:center;color:#0b1f4a;margin-bottom:16px}.hero h1{margin:0 0 6px;font-size:30px}
.btn{display:inline-block;background:var(--pr);color:#fff;border:0;border-radius:99px;padding:10px 20px;font-weight:700;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-2px)}.btn.g{background:var(--pr2);color:var(--pr)}.btn.r{background:#ef4444}.btn.s{padding:4px 12px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.card{background:var(--card);border-radius:20px;padding:18px;border:1px solid var(--bd);margin-bottom:14px;box-shadow:0 8px 24px -14px var(--pr)}.grid .card{margin:0}.card h3{margin:0 0 10px}
.big{font-size:30px;font-weight:800}.mu{color:var(--mu)}.av{border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;color:#fff;font-weight:800;flex:none}
.row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;flex-wrap:wrap}.row:hover,.row.me{background:var(--pr2)}.bar{height:9px;background:var(--pr2);border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--pr)}
table{width:100%;border-collapse:collapse}th,td{padding:9px 8px;text-align:left;border-bottom:1px solid var(--bd)}th{color:var(--mu);font-size:12px}.tbl{overflow-x:auto}
input,select,textarea{padding:9px 12px;border-radius:12px;border:1px solid var(--bd);background:var(--card);width:100%}input[type=checkbox]{width:auto}label{display:block;font-weight:600;font-size:12px;color:var(--mu)}
.f{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}.tag{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;background:var(--pr2);color:var(--pr)}.tag.ok{background:#dcfce7;color:#16a34a}.tag.lk{background:#fee2e2;color:#dc2626}
.stg{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:10px}.stg a{white-space:nowrap}
.loginbg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#8ec5ff,#c9b8ff);padding:20px}.lbox{background:var(--card);border-radius:28px;padding:30px;max-width:420px;width:100%;text-align:center}.lbox input{margin-bottom:10px}.lbox label{text-align:left;margin-bottom:8px}.lic .ic{width:56px;height:56px;color:var(--pr)}
@media(max-width:760px){.app{flex-direction:column}.side{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;padding:10px}.logo{display:none}.hero h1{font-size:22px}}