:root{--bg:#0a0f1f;--card:#121a33;--line:#222d52;--txt:#e8ecff;--mut:#8c97c2;--a:#7c5cff;--b:#2ee6a6;--r:18px}
*{transition:all .25s ease-in-out}body{background:radial-gradient(1200px 600px at 10% -10%,#1a1f4d55,transparent),var(--bg);color:var(--txt);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100vh}
h1,h2,h3,h4,h5{font-weight:800;letter-spacing:-.02em}.muted{color:var(--mut)}a{color:var(--b);text-decoration:none}
#preloader{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-weight:800}
#preloader.done{opacity:0;visibility:hidden}.pl-ring{width:54px;height:54px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--b);animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.content{margin-right:290px;padding:34px 38px;max-width:1200px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}.top h1{font-size:2rem;margin:0}
.side{position:fixed;right:0;top:0;bottom:0;width:290px;background:#0d1329;border-left:1px solid var(--line);padding:26px 20px;display:flex;flex-direction:column;z-index:100}
.brand{display:flex;gap:12px;align-items:center}.brand i{font-size:2.2rem;color:var(--b)}.brand small{display:block;color:var(--mut);font-size:.72rem}.tag{margin:16px 0 22px;font-size:.78rem;color:var(--a);letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.side nav{display:flex;flex-direction:column;gap:6px;flex:1}.side nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--mut);font-weight:600}
.side nav a:hover{background:#1a2347;color:var(--txt);transform:translateX(-4px)}.side nav a.on{background:linear-gradient(135deg,var(--a),#5a7bff);color:#fff;box-shadow:0 8px 24px #7c5cff55}
.pin{margin-left:auto;font-style:normal;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#ffb82e22;color:#ffb82e;border:1px solid #ffb82e55;border-radius:99px;padding:2px 8px}
.me{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.me i.bi-person-circle{font-size:1.8rem}.me div{flex:1;overflow:hidden}.me b,.me small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me small{color:var(--mut);font-size:.7rem}.me a{color:#ff6b81;font-size:1.3rem}
.btn-menu{position:fixed;right:14px;top:14px;z-index:120;background:var(--card);color:#fff;border:1px solid var(--line);font-size:1.4rem}
.btn-brand{background:linear-gradient(135deg,var(--a),#5a7bff);color:#fff;border:0;border-radius:12px;font-weight:700;padding:11px 22px}.btn-brand:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px #7c5cff66}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--txt);border-radius:10px}.btn-ghost:hover{background:#1a2347;color:#fff;border-color:var(--a)}
.stat,.camp,.panel,.empty{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}.camp:hover,.stat:hover{transform:translateY(-5px);border-color:var(--a);box-shadow:0 16px 40px #00000066}
.stat i{font-size:1.5rem;color:var(--b)}.stat h3{font-size:2.2rem;margin:6px 0 0}.stat span{color:var(--mut);font-size:.85rem}.sec{margin:8px 0 16px}
.type{font-size:.72rem;font-weight:800;color:var(--b);text-transform:uppercase;letter-spacing:.08em}
.pill{display:inline-block;font-size:.7rem;font-weight:800;border-radius:99px;padding:4px 11px;text-transform:uppercase;letter-spacing:.04em}
.s-upcoming{background:#4da3ff22;color:#4da3ff}.s-running{background:#2ee6a622;color:var(--b)}.s-ended{background:#8c97c222;color:var(--mut)}.s-met{background:#2ee6a633;color:var(--b)}.s-miss{background:#ff6b8133;color:#ff6b81}
.bar{height:8px;border-radius:9px;background:#0a0f1f;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--b));border-radius:9px}
.acts{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}summary{cursor:pointer;color:var(--a);font-size:.85rem;font-weight:600}
.nudge{display:block;background:#ffb82e18;border:1px solid #ffb82e55;color:#ffb82e;padding:14px 18px;border-radius:14px;margin-bottom:22px}
.empty{text-align:center;padding:50px;color:var(--mut)}.empty i{font-size:3rem;color:var(--a)}
.lbl{font-size:.78rem;font-weight:700;color:var(--mut);margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.05em}
.form-control,.form-select{background:#0a0f1f;border:1px solid var(--line);color:var(--txt);border-radius:12px;padding:11px 14px}.form-control:focus,.form-select:focus{background:#0a0f1f;color:#fff;border-color:var(--a);box-shadow:0 0 0 .2rem #7c5cff33}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#1a2347;border:1px solid var(--line);color:var(--txt);border-radius:99px;padding:5px 14px;font-size:.82rem;font-weight:600}.chip:hover{background:var(--a);border-color:var(--a)}
.modal-content{background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--txt)}.modal-header,.modal-footer{border-color:var(--line)}.btn-close{filter:invert(1)}
.avatar{width:190px;height:190px;border-radius:50%;margin:0 auto;overflow:hidden;border:4px solid var(--a);background:#0a0f1f;box-shadow:0 0 0 8px #7c5cff22}.avatar img,.avatar video{width:100%;height:100%;object-fit:cover}
.soon{text-align:center;padding:90px 20px}.soon>i{font-size:4rem;color:var(--a)}.soon h2{margin:14px 0}
.toast-wrap{position:fixed;left:20px;bottom:20px;z-index:9998;display:flex;flex-direction:column;gap:10px}.toast-pb{background:var(--card);border:1px solid var(--line);border-left:4px solid;padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px #000a}.toast-pb.ok{border-left-color:var(--b)}.toast-pb.bad{border-left-color:#ff6b81}
.login-body{display:flex;align-items:center;justify-content:center;padding:20px}.login-wrap{display:grid;grid-template-columns:1.1fr 1fr;max-width:1000px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:26px;overflow:hidden}
.login-hero{padding:56px;background:linear-gradient(160deg,#1b1f55,#0d1329)}.login-hero .big{font-size:3rem;color:var(--b)}.login-hero h1{font-size:2.3rem;margin:14px 0}.login-hero h1 span{background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.culture{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.culture span{background:#ffffff0f;border-radius:99px;padding:6px 14px;font-size:.8rem;font-weight:600}
.login-card{padding:56px 44px}.input-icon{position:relative}.input-icon i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mut)}.input-icon .form-control{padding-left:42px}
@media(max-width:991px){.content{margin-right:0;padding:70px 16px 24px}.side{transform:translateX(100%)}.side.open{transform:none;box-shadow:-20px 0 60px #000}.login-wrap{grid-template-columns:1fr}.login-hero{padding:34px}.login-card{padding:34px 26px}}