:root{--ink:#14183a;--pri:#2f3fe0;--pri-d:#1f2bb5;--bg:#f5f7fc;--mut:#6b7190;--amb:#ffb020;--card:#fff}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink)}
.side{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid #e6e9f5;padding:20px 16px;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;gap:10px;align-items:center;margin-bottom:24px;text-decoration:none;color:var(--ink)}
.brand i{background:var(--pri);color:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.brand small{display:block;color:var(--mut);font-size:.72rem}
.side a.nl{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;color:var(--mut);text-decoration:none;font-weight:500;margin-bottom:4px}
.side a.nl:hover{background:#eef0fd;color:var(--pri)}
.side a.nl.on{background:linear-gradient(90deg,var(--pri),#4b7bff);color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(47,63,224,.3)}
.up{margin-top:auto;background:linear-gradient(90deg,#ffb020,#ff7a1a);color:#fff;border-radius:12px;padding:11px;text-align:center;font-weight:700;text-decoration:none}
.me{display:flex;gap:10px;align-items:center;margin-top:12px;padding:10px;border-radius:14px;box-shadow:0 2px 12px rgba(20,24,58,.08)}
.ava{width:40px;height:40px;border-radius:50%;background:var(--amb);color:var(--ink);display:grid;place-items:center;font-weight:800;flex:none}
.main{margin-left:250px;padding:28px 32px}
.card-x{background:var(--card);border-radius:20px;padding:20px;box-shadow:0 4px 18px rgba(20,24,58,.06);height:100%}
.hero{background:linear-gradient(120deg,var(--pri-d),var(--pri));color:#fff;border-radius:24px;padding:32px;display:flex;gap:24px;align-items:center}
.hero .ava{width:96px;height:96px;font-size:2rem;border:4px solid #fff}
.btn-pri{background:var(--pri);color:#fff;font-weight:700;border-radius:12px;border:0}.btn-pri:hover{background:var(--pri-d);color:#fff}
.chip{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:99px;background:#eef0fd;color:var(--pri)}
.open{background:#e3f8ec;color:#138a4a}.closed{background:#ffe8ea;color:#c4233a}
.ic{width:46px;height:46px;border-radius:14px;background:#eef0fd;color:var(--pri);display:grid;place-items:center;font-size:1.3rem;margin-bottom:12px}
.news-img{height:130px;border-radius:14px;background:linear-gradient(135deg,var(--pri),#7a8cff);display:grid;place-items:center;color:#fff;font-size:2.4rem;margin-bottom:12px}
.feat{background:linear-gradient(120deg,#c81f3a,#e5384f);color:#fff;border-radius:24px;padding:32px}
.lock{filter:blur(6px);pointer-events:none;user-select:none}
@media(max-width:991px){.side{position:static;width:auto;flex-direction:row;overflow-x:auto;padding:10px;gap:4px}.brand small,.up,.me{display:none}.brand{margin:0 8px 0 0}.side a.nl{white-space:nowrap;margin:0}.main{margin:0;padding:18px}.hero{flex-direction:column;text-align:center}}
#stat .card-x{height:auto}
.modal-title{font-weight:700}