:root{--bg:#090b0e;--panel:#101318;--panel2:#15191f;--line:#242a32;--muted:#747d89;--text:#f0f2f5;--accent:#ff4d36;--accent2:#ff765e;--green:#30d89b;--purple:#9b6cff;--blue:#34b7eb;--shadow:0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#0c0f13;border-right:1px solid #1b2027;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{height:46px;margin:0 10px 26px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font:700 16px 'Space Grotesk';letter-spacing:1.8px}.brand small{font:500 9px 'DM Sans';letter-spacing:1.4px;color:#5f6875;display:block;margin-top:3px;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--accent);font-size:20px;box-shadow:0 8px 26px #ff4d3640;transform:skew(-5deg)}.server-picker{display:flex;align-items:center;gap:10px;background:#13171c;border:1px solid #222831;border-radius:10px;padding:10px;margin-bottom:25px}.server-picker>span:nth-child(2){min-width:0;flex:1}.server-picker small{display:block;color:#626b76;font-size:8px;letter-spacing:1.2px;font-weight:700}.server-picker strong{display:block;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:linear-gradient(135deg,#623429,#9e3c30);font-size:10px;font-weight:700}.chev{color:#69727d}nav p{font-size:9px;letter-spacing:1.6px;color:#4d5661;font-weight:700;margin:22px 13px 8px}nav a{height:41px;padding:0 12px;border-radius:8px;color:#818a96;display:flex;align-items:center;gap:12px;text-decoration:none;margin:2px 0;font-weight:600;font-size:13px;transition:.18s}nav a i{font-style:normal;width:18px;text-align:center;font-size:16px;color:#69727f}nav a:hover{color:#ddd;background:#12161b}nav a.active{color:#fff;background:linear-gradient(90deg,#ff4d361c,transparent);position:relative}nav a.active:before{content:'';position:absolute;left:-18px;width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 15px var(--accent)}nav a.active i{color:var(--accent)}nav .count,nav .badge{margin-left:auto;font-size:10px;padding:2px 7px;background:#20252c;border-radius:10px;color:#99a2ad}nav .badge{background:var(--accent);color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #1c2229;padding:18px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-foot span:last-child{display:flex;flex-direction:column}.sidebar-foot strong{font-size:11px}.sidebar-foot small{font-size:9px;color:#59626d;margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}main{margin-left:252px;min-height:100vh}header{height:108px;border-bottom:1px solid #1b2027;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#0a0c0fee;backdrop-filter:blur(12px);position:sticky;top:0;z-index:8}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#606976;margin:0 0 8px;font-weight:700}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:25px;margin:0;letter-spacing:-.6px}h1 span{color:var(--accent)}.header-actions,.profile{display:flex;align-items:center}.header-actions{gap:20px}.profile{gap:10px}.profile-avatar{width:36px;height:36px;border-radius:9px;background:linear-gradient(145deg,#d87956,#5e251f);display:grid;place-items:center;font-weight:700;font-size:11px}.profile span{display:flex;flex-direction:column}.profile strong{font-size:11px}.profile small{font-size:9px;color:#6b7580;margin-top:2px}.icon-btn{position:relative;background:#11151a;color:#9aa3ad;border:1px solid #242a32;width:36px;height:36px;border-radius:9px}.icon-btn span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);right:7px;top:7px}.mobile-menu{display:none}.content{padding:30px 38px 60px;max-width:1540px;margin:auto}.hero{background:radial-gradient(circle at 88% 0,#ff4d361c,transparent 30%),linear-gradient(130deg,#15191f,#111419);border:1px solid #282e37;border-radius:14px;padding:27px 29px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:'S';position:absolute;right:70px;top:-67px;font:700 220px 'Space Grotesk';color:#ffffff06;transform:skew(-8deg)}.hero h2{font-size:20px;margin:0 0 8px}.hero p{margin:0;color:#858e99;max-width:530px;font-size:12px;line-height:1.65}.hero-actions{display:flex;gap:10px;z-index:1}.btn{height:38px;border:1px solid #2c333c;background:#171c22;color:#e7e9ec;border-radius:8px;padding:0 15px;font:600 11px 'DM Sans';cursor:pointer;transition:.18s;display:inline-flex;gap:7px;align-items:center;justify-content:center}.btn:hover{border-color:#4a525d;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 8px 22px #ff4d3625;color:#fff}.btn.danger{color:#ff7665;border-color:#71362f;background:#321a18}.btn.ghost{background:transparent}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:19px 0 28px}.stat{background:var(--panel);border:1px solid #20262d;border-radius:12px;padding:20px;position:relative;overflow:hidden}.stat:after{content:'';position:absolute;right:-25px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:var(--glow,#ff4d36);filter:blur(38px);opacity:.12}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#727c88;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.stat-icon{width:29px;height:29px;border-radius:7px;background:#ff4d3614;color:var(--color,var(--accent));display:grid;place-items:center;font-size:14px}.stat strong{display:block;font:600 27px 'Space Grotesk';margin:13px 0 7px}.trend{font-size:10px;color:var(--green)}.trend.muted{color:#69727c}.grid-2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:17px}.card{background:var(--panel);border:1px solid #20262d;border-radius:12px;overflow:hidden}.card-head{height:57px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20262d}.card-head h3{font-size:13px;margin:0}.card-head a{color:var(--accent2);font-size:10px;text-decoration:none;font-weight:700}.card-body{padding:8px 20px}.gang-row,.app-row,.activity-row,.member-row,.cooldown-row,.heist-row{display:flex;align-items:center;border-bottom:1px solid #1d2229;padding:13px 0;gap:12px}.gang-row:last-child,.app-row:last-child,.activity-row:last-child,.member-row:last-child,.cooldown-row:last-child,.heist-row:last-child{border:0}.gang-emblem{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--gang-color) 16%,#111);color:var(--gang-color);border:1px solid color-mix(in srgb,var(--gang-color) 30%,#222);display:grid;place-items:center;font:700 10px 'Space Grotesk'}.row-main{min-width:0;flex:1}.row-main strong{font-size:11px;display:block}.row-main small{font-size:9px;color:#69727d;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank{font-size:8px;text-transform:uppercase;letter-spacing:.8px;padding:4px 7px;border-radius:5px;background:#252a31;color:#8c96a1}.rank.leader{color:#ff7665;background:#ff4d3616}.rank.higher{color:#b998ff;background:#9b6cff16}.avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#3d4651,#1d2228);display:grid;place-items:center;font-size:9px;font-weight:700;color:#bcc3ca}.tiny-actions{display:flex;gap:5px}.tiny-actions button{border:1px solid #2a3038;color:#828c97;background:#171b20;border-radius:6px;height:27px;padding:0 8px;font-size:9px;cursor:pointer}.tiny-actions button.accept{color:var(--green)}.tiny-actions button.deny{color:#ff7665}.metric-bar{width:80px;height:3px;background:#242a31;border-radius:3px;overflow:hidden}.metric-bar span{display:block;height:100%;background:var(--gang-color);border-radius:3px}.activity-icon{width:28px;height:28px;border-radius:7px;background:#21262d;color:#8d97a2;display:grid;place-items:center;font-size:11px}.activity-time{font-size:9px;color:#555f6a}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:19px;margin:0 0 4px}.section-head p{color:#69727d;font-size:11px;margin:0}.gang-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gang-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#14181e,#101318);border:1px solid #252b33;border-radius:13px;padding:21px;min-height:195px;cursor:pointer;transition:.2s}.gang-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--gang-color) 45%,#252b33);box-shadow:0 20px 50px #0005}.gang-card:after{content:attr(data-tag);position:absolute;right:-4px;top:-30px;font:700 100px 'Space Grotesk';color:color-mix(in srgb,var(--gang-color) 5%,transparent)}.gang-card .gang-emblem{width:42px;height:42px;font-size:12px;margin-bottom:22px}.gang-card h3{margin:0 0 4px;font-size:15px}.gang-card p{font-size:10px;color:#707985;margin:0}.gang-card-foot{display:flex;align-items:end;justify-content:space-between;margin-top:24px}.gang-card-foot strong{font:600 20px 'Space Grotesk'}.gang-card-foot small{font-size:8px;display:block;color:#626c76;text-transform:uppercase;letter-spacing:.9px}.table-card{background:var(--panel);border:1px solid #20262d;border-radius:12px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #20262d}.search,.select,input,textarea{background:#0e1115;border:1px solid #272d35;color:#dde0e4;border-radius:7px;height:35px;padding:0 11px;font:500 11px 'DM Sans';outline:none}.search{width:260px}.select{min-width:130px}textarea{padding:10px;height:80px;resize:vertical}input:focus,textarea:focus,.select:focus{border-color:#67524f}table{border-collapse:collapse;width:100%}th{text-align:left;padding:12px 18px;color:#59636f;font-size:8px;letter-spacing:1.2px;text-transform:uppercase;background:#0e1115}td{padding:13px 18px;border-top:1px solid #1e242b;font-size:10px;color:#9ca4ad}td strong{color:#e1e4e7}.empty{padding:45px 20px;text-align:center;color:#66707b}.empty strong{display:block;color:#aeb5bd;margin-bottom:5px}.modal-wrap{position:fixed;inset:0;z-index:50;background:#050608c9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal-wrap.hidden{display:none}.modal{position:relative;width:min(470px,100%);background:#12161b;border:1px solid #303741;border-radius:14px;box-shadow:var(--shadow);padding:27px}.modal-close{position:absolute;right:18px;top:16px;border:0;background:transparent;color:#7d8792;font-size:22px;cursor:pointer}.modal h2{font-size:18px;margin:0 0 7px}.modal>div>p{font-size:11px;color:#747e89;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:9px;color:#747e89;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.field input,.field textarea,.field select{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.color-input{padding:4px}.toasts{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;gap:8px}.toast{background:#181d23;border:1px solid #343b44;border-left:3px solid var(--green);border-radius:8px;padding:12px 16px;box-shadow:var(--shadow);font-size:11px;animation:slide .25s ease}.toast.error{border-left-color:var(--accent)}@keyframes slide{from{transform:translateX(15px);opacity:0}}.loader{height:50vh;display:grid;place-content:center;text-align:center;color:#64707c;font-size:11px}.loader span{width:25px;height:25px;border:2px solid #252c34;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.split-layout{display:grid;grid-template-columns:310px 1fr;gap:16px}.detail-hero{padding:25px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--gang-color) 20%,transparent),transparent 45%),var(--panel);border:1px solid #252b33;border-radius:12px}.detail-hero h2{font-size:21px;margin:15px 0 6px}.detail-hero p{font-size:11px;line-height:1.6;color:#747d88}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.mini-stats div{background:#0d1014;border:1px solid #222830;border-radius:8px;padding:10px}.mini-stats strong{font:600 16px 'Space Grotesk';display:block}.mini-stats small{font-size:8px;color:#606a75;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{padding:22px}.settings-card h3{margin:0 0 6px;font-size:14px}.settings-card>p{margin:0 0 20px;color:#6d7681;font-size:10px;line-height:1.5}.setting-row{padding:13px 0;border-top:1px solid #222831;display:flex;align-items:center;justify-content:space-between}.setting-row strong{font-size:10px}.setting-row small{display:block;color:#5f6974;margin-top:3px;font-size:9px}.danger-zone{border-color:#4c2825}.hidden{display:none!important}@media(max-width:1100px){.stats-grid{grid-template-columns:1fr 1fr}.gang-cards{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.split-layout{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.mobile-menu{display:block;background:transparent;border:0;color:white;font-size:20px;margin-right:13px}.content{padding:20px 16px}.header-actions .profile span{display:none}header{height:88px;padding:0 16px;justify-content:flex-start}header .header-actions{margin-left:auto}.hero{align-items:flex-start;gap:20px;flex-direction:column}.stats-grid,.gang-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.toolbar{flex-direction:column}.search{width:100%}main{margin-left:0}table{min-width:650px}.table-card{overflow:auto}}