:root{--navy:#07111f;--navy2:#0b1c31;--blue:#145ca8;--blue2:#1d78d0;--yellow:#f4c430;--text:#f5f7fb;--muted:#8ea1b8;--line:#183554;--panel:#0d1b2d;--danger:#ff657a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#15385e 0,#07111f 42%,#040912 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.dashboard{display:flex;min-height:100vh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:rgba(4,11,20,.94);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:8px 8px 28px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#0b2a4a,#07111f);border:1px solid #24527b;display:grid;place-items:center;color:var(--yellow);font-weight:900}.brand-mark.large{width:58px;height:58px;font-size:22px}.brand strong{display:block;letter-spacing:1.5px}.brand span{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;margin-top:3px}.nav-label{font-size:10px;letter-spacing:2px;color:#55708e;margin:20px 10px 8px}.nav-item{display:block;padding:13px 12px;border-radius:11px;color:#a8b7c8;margin:4px 0}.nav-item:hover,.nav-item.active{background:#0d2742;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--yellow)}.side-footer{margin-top:auto;color:#536b84;font-size:11px;padding:10px}.main{margin-left:250px;width:calc(100% - 250px);padding:42px 48px;max-width:1250px}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.kicker{color:var(--yellow);font-size:11px;letter-spacing:2.5px;font-weight:800}.main h1{font-size:38px;margin:8px 0}.mini,.muted{color:var(--muted)}.user-chip,.slot-count{border:1px solid var(--line);background:#0b192a;padding:10px 14px;border-radius:999px}.hero{border:1px solid #1d4163;border-radius:22px;background:linear-gradient(125deg,#0d2844,#0a1727 60%,#122a43);padding:32px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.hero h2{font-size:34px;margin:8px 0}.hero-mark{font-size:90px;font-weight:900;color:rgba(244,196,48,.12);line-height:1}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 15px}.section-head h2{margin:0}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.char-grid.compact{grid-template-columns:repeat(3,1fr)}.char-card{position:relative;min-height:150px;border:1px solid var(--line);background:linear-gradient(145deg,#0d2035,#091423);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:.2s}.char-card:hover{transform:translateY(-3px);border-color:#2a6ca4}.char-card strong{font-size:20px}.char-card small{color:var(--muted)}.char-card.empty{opacity:.7}.slot{font-size:10px;letter-spacing:2px;color:var(--yellow);font-weight:800}.arrow{position:absolute;right:20px;bottom:18px;color:var(--yellow);font-size:22px}.btn{border:0;border-radius:11px;padding:12px 18px;cursor:pointer;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn.primary{background:linear-gradient(135deg,#1d78d0,#145ca8);color:#fff}.btn.secondary{background:#10253b;border:1px solid #254966;color:#dbe8f5}.btn.full{width:100%;margin-top:10px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 10%,#15385e,#07111f 45%,#040912)}.auth-card{width:min(440px,100%);background:rgba(10,23,39,.95);border:1px solid #1d4163;border-radius:22px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.auth-brand{display:flex;gap:14px;align-items:center;margin-bottom:35px}.auth-card h1{font-size:32px;margin:8px 0}.auth-card form{margin-top:25px}.auth-card label{display:block;color:#a9bbcf;font-size:12px;margin:15px 0 7px}.auth-card input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #234765;background:#071421;color:#fff;outline:none}.auth-card input:focus{border-color:#2c81d2;box-shadow:0 0 0 3px rgba(44,129,210,.13)}.auth-links{margin-top:20px;text-align:center;color:var(--yellow);font-size:13px}.alert{padding:13px 15px;border-radius:10px;margin:18px 0}.alert.error{background:rgba(255,101,122,.1);border:1px solid rgba(255,101,122,.3);color:#ffb2bc}.char-list{display:flex;flex-direction:column;gap:12px}.character-row{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#0b192a}.character-row:hover{border-color:#2a6ca4}.character-row.empty{opacity:.6}.char-avatar{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#123a61,#0b1c31);display:grid;place-items:center;color:var(--yellow);font-weight:900}.char-avatar.big{width:84px;height:84px;font-size:26px}.char-info{flex:1}.char-info h2{margin:4px 0;font-size:20px}.char-info p{margin:0;color:var(--muted)}.row-arrow{font-size:26px;color:var(--yellow)}.back{display:inline-block;color:var(--yellow);margin-bottom:25px}.character-header{display:flex;align-items:center;gap:20px;margin-bottom:28px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#0b192a;border:1px solid var(--line);border-radius:18px;padding:24px}.full-panel{grid-column:1/-1}.section-title{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--yellow);font-weight:800;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(42,71,98,.45)}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--muted)}.weapon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.weapon{padding:14px;border:1px solid var(--line);border-radius:11px}.weapon span{display:block;color:var(--muted);font-size:12px}.weapon strong{display:block;margin-top:5px}.empty-note{color:var(--muted);padding:12px 0}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.sidebar{width:210px}.main{margin-left:210px;width:calc(100% - 210px);padding:30px}.char-grid,.char-grid.compact{grid-template-columns:1fr}.detail-grid,.security-grid{grid-template-columns:1fr}.full-panel{grid-column:auto}.weapon-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.sidebar{position:static;width:100%;height:auto}.dashboard{display:block}.main{margin-left:0;width:100%;padding:22px}.sidebar nav{display:flex;gap:5px;overflow:auto}.nav-label{display:none}.side-footer{display:none}.brand{padding-bottom:15px}.topline{align-items:flex-start}.hero{padding:24px}.hero-mark{display:none}}