:root{--bg:#090a0c;--side:#0d0f12;--panel:#111318;--panel2:#171a1f;--line:#292d34;--gold:#d8ab52;--gold2:#f0cd78;--text:#f1efeb;--muted:#7d838d;--green:#5bd293;--red:#ef7d7d;--amber:#e4b65d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;font-size:12px}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--side);border-right:1px solid #22262b;padding:26px 17px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 24px;border-bottom:1px solid #25282e;font:18px Georgia}.brand>b,.operator>i,.public-id>i{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#ebcc76,#9c691f);color:#171108}.brand i{color:var(--gold);font-style:normal}.brand small{display:block;font:7px Arial;letter-spacing:2px;color:#777;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:3px;padding-top:20px;flex:1}.sidebar nav button{height:43px;border:0;border-radius:6px;background:transparent;color:#888e98;display:flex;align-items:center;text-align:left;padding:0 12px}.sidebar nav button>i{font-style:normal;font-size:16px;width:28px}.sidebar nav button>span{flex:1}.sidebar nav button>em{font-style:normal;background:#5c241e;color:#ffa49b;padding:3px 7px;border-radius:10px;font-size:8px}.sidebar nav button:hover{background:#171a1f;color:#ddd}.sidebar nav button.active{color:var(--gold2);background:linear-gradient(90deg,#35290f,transparent);box-shadow:inset 2px 0 var(--gold)}.system-ok{border-top:1px solid #25282e;padding:18px 6px 0;display:flex;align-items:center;gap:10px;font-size:9px}.system-ok>i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #173727}.system-ok small,.operator small,.public-id span,.conversation small,.data-table td small{display:block;color:#6f7580;font-size:8px;margin-top:3px}.app-shell{margin-left:238px;min-height:100vh;background:radial-gradient(circle at 76% -15%,#2a210f,transparent 29%)}.topbar{height:69px;border-bottom:1px solid #24282e;background:#0d0f12dd;backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 32px;color:#666c76;font-size:9px;position:sticky;top:0;z-index:20}.topbar>b{color:#ccc}.operator{margin-left:auto;display:flex;align-items:center;gap:9px;color:#ddd}.operator>i{width:34px;height:34px;border-radius:50%;font-style:normal;font-weight:bold}.operator span{font-size:10px}.mobile-menu{display:none;background:none;border:0;color:#ddd;font-size:18px}.view{display:none;padding:34px;max-width:1550px;margin:auto}.view.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.page-title>span>small,.card header small,.modal-card header small,.member-insight header>small{font-size:8px;letter-spacing:1.9px;color:var(--gold);font-weight:bold}.page-title h1{font:400 29px Georgia;margin:7px 0}.page-title p{color:var(--muted);margin:0}.page-title select,.ghost{border:1px solid #353941;background:#181b20;color:#aeb2b9;border-radius:6px;padding:10px 13px}.actions{display:flex;gap:8px}.gold{border:1px solid #ad7d2e;background:linear-gradient(#dfb960,#a87527);color:#171108;font-weight:bold;border-radius:6px;padding:10px 14px}.wide{width:100%}.badge{display:inline-flex;align-items:center;border:1px solid #3a3f46;border-radius:12px;padding:5px 9px;font-size:8px;color:#aaa}.badge.success{border-color:#2f6348;color:#63d399;background:#153024}.badge.paused,.badge.draft{border-color:#6b5427;color:#e6b95e;background:#33280f}.badge.muted{color:#777}.gold-badge{color:#e9c46b;border-color:#6f5726;background:#30250f}.negative-badge{color:#ff9191;border-color:#753a3a;background:#341b1b}.notice{display:flex;gap:12px;align-items:center;border-radius:7px;padding:12px 14px;margin-bottom:16px}.notice>b{width:25px;height:25px;border:1px solid;border-radius:50%;display:grid;place-items:center}.notice span{display:flex;flex-direction:column}.notice strong{font-size:10px}.notice small{font-size:8px;margin-top:4px}.notice button{margin-left:auto;border:0;background:none;color:inherit}.notice.info{border:1px solid #5a4822;background:#211b0e;color:#e2c574}.notice.warning{border:1px solid #67462c;background:#24170f;color:#e2a66f}.notice.success{border:1px solid #28573f;background:#13261c;color:#69cd94}.notice.small{padding:10px;margin:12px 0}.metric-grid{display:grid;gap:13px;margin-bottom:17px}.metric-grid.five{grid-template-columns:repeat(5,1fr)}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-grid article{min-height:108px;border:1px solid var(--line);background:linear-gradient(145deg,#15181c,#101216);border-radius:8px;padding:18px}.metric-grid label{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#858b94}.metric-grid strong{display:block;font:400 24px Georgia;margin:11px 0 8px}.metric-grid small{font-size:8px;color:#777}.metric-grid .positive,.green{color:var(--green)}.metric-grid .negative,.red{color:var(--red)}.amber{color:var(--amber)}.compact-metrics article{min-height:82px;padding:14px 18px}.compact-metrics strong{font-size:19px}.card{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.card>header{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card h2,.modal-card h2,.member-insight h2{font:400 16px Georgia;margin:6px 0 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-grid{grid-template-columns:1.25fr .9fr}.bar-chart{height:220px;padding:20px 6% 0;display:flex;align-items:flex-end;gap:6%;border-bottom:1px solid #30343a;background:repeating-linear-gradient(#111318 0,#111318 49px,#25282e 50px)}.chart-day{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;position:relative}.chart-day i{display:block;width:12px;background:linear-gradient(#e0b65c,#75551f)}.chart-day i:last-of-type{background:#50708c}.chart-day small{position:absolute;bottom:-18px;color:#747a84;font-size:7px;white-space:nowrap}.card>footer{padding:14px 18px;color:#6f7580;font-size:8px}.legend{color:#777;font-size:8px}.legend i{display:inline-block;width:7px;height:7px;background:var(--gold);margin:0 4px 0 10px}.legend i:nth-child(2){background:#50708c}.table-scroll{overflow:auto}.compact,.data-table{width:100%;border-collapse:collapse}.compact th,.compact td,.data-table th,.data-table td{border-top:1px solid #25282e;padding:12px 11px;text-align:left;white-space:nowrap}.compact th,.data-table th{font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:#656b75;background:#0d0f12}.compact td,.data-table td{font-size:8px;color:#aaa}.data-table td>b{color:#ddd}.filters{min-height:64px;padding:10px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters .search{min-width:270px}.search{height:34px;border:1px solid #343840;background:#181b20;color:#777;border-radius:5px;padding:0 10px;display:flex;align-items:center}.search input{border:0;background:none;outline:0;color:#ddd;width:100%;margin-left:7px}.filters select,.filters>label input{height:34px;border:1px solid #343840;background:#181b20;color:#aaa;border-radius:5px;padding:0 9px}.filters>label{font-size:7px;color:#777;display:flex;flex-direction:column;gap:3px}.filters>label input{height:30px;color-scheme:dark}.filter-state{height:41px;padding:0 13px;background:#0e1013;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.filter-state>span{border:1px solid #6b5427;background:#31260f;color:#e6bd64;border-radius:11px;padding:4px 8px;font-size:8px}.filter-state button{border:0;background:none;color:#777;font-size:8px}.filter-state small{margin-left:auto;color:#777}.data-table{min-width:1080px}.members-card .data-table{min-width:1230px}.member-main b,.member-main small{display:block}.member-main b{color:#ddd}.status{border-radius:10px;padding:4px 7px;font-size:7px;font-weight:bold}.status.active{color:#68d497;background:#173325}.status.banned{color:#f58a8a;background:#3b1c1c}.restrict{color:#e7b95e;background:#392c12;border-radius:10px;padding:4px 7px}.icon-btn{width:30px;height:30px;border:1px solid #343840;background:#191c21;color:#d7ae55;border-radius:5px}.pagination{display:flex!important;justify-content:space-between}.pagination b span{color:var(--gold)}.chat-layout{display:grid;grid-template-columns:275px minmax(390px,1fr) 245px;height:calc(100vh - 145px);min-height:570px}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conversation-list>header{display:flex;gap:7px;padding:12px;border-bottom:1px solid var(--line)}.conversation-list .search{flex:1}.room{display:flex;gap:10px;padding:14px 13px;border:0;border-bottom:1px solid #25282e;background:transparent;color:#aaa;width:100%;text-align:left}.room:hover,.room.active{background:#181b20}.room.active{box-shadow:inset 2px 0 var(--gold)}.room>i{width:32px;height:32px;border-radius:50%;background:#2a2418;color:#dbb158;display:grid;place-items:center;font-style:normal}.room>span{flex:1}.room b{display:block;color:#ddd;font-size:9px}.room p{font-size:8px;color:#777;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.room small{color:#626873}.room em{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#753026;color:#ffaaa0;font-size:7px;font-style:normal}.conversation{display:flex;flex-direction:column;min-width:0}.conversation>header{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px}.conversation>header>span{display:flex;flex-direction:column}.conversation>header label{margin-left:auto;color:#777;font-size:7px}.conversation select{display:block;background:#181b20;border:1px solid #343840;color:#aaa;border-radius:4px;padding:5px;font-size:8px}.messages{padding:18px;overflow:auto;flex:1;background:radial-gradient(circle at 50% 0,#191711,#0f1115 44%)}.date-divider{text-align:center;color:#555b65;font-size:7px;margin-bottom:18px}.bubble{max-width:72%;border-radius:8px;padding:10px 12px;margin:9px 0}.bubble p{font-size:9px;line-height:1.5;margin:5px 0}.bubble.member{background:#20242a;border:1px solid #30353c}.bubble.admin{background:#2c2413;border:1px solid #594620;margin-left:auto}.bubble.admin em{display:block;color:#7c6d4b;font-size:7px;font-style:normal;border-top:1px solid #493a1e;padding-top:5px}.quick-replies{display:flex;gap:5px;padding:8px 12px;overflow:auto;border-top:1px solid var(--line)}.quick-replies button{border:1px solid #3e382b;background:#1b1812;color:#b8a579;border-radius:11px;padding:5px 8px;white-space:nowrap;font-size:7px}.conversation>footer{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line)}.conversation textarea{flex:1;resize:none;height:38px;background:#181b20;border:1px solid #343840;color:#ddd;border-radius:5px;padding:9px}.conversation>footer>button:first-child{background:none;border:1px solid #343840;color:#aaa;border-radius:5px}.member-insight{border-left:1px solid var(--line);padding:17px}.member-insight dl{margin:18px 0}.member-insight dt{color:#666c76;font-size:7px;text-transform:uppercase;margin-top:13px}.member-insight dd{margin:4px 0;color:#ccc;font-size:9px}.restriction-panel,.operator-note{border:1px solid #53421f;background:#1c170e;border-radius:6px;padding:11px;margin-top:13px}.restriction-panel strong,.operator-note strong{font-size:9px}.restriction-panel p,.operator-note p{color:#8b7b58;font-size:7px;line-height:1.5}.restriction-panel button{width:100%;border:1px solid #725a27;background:#35290f;color:#e2b960;border-radius:4px;padding:7px;font-size:8px}.public-id{display:flex;align-items:center;gap:8px}.public-id>i{width:34px;height:34px;border-radius:50%;font-style:normal}.public-id strong{display:block;color:#ddd;margin-top:4px}.form-card{padding-bottom:17px}.form-card>label,.modal-card>label{display:block;margin:14px 18px;color:#aaa;font-size:8px}.form-card input,.form-card select,.form-card textarea,.modal-card input,.modal-card select{display:block;width:100%;height:38px;margin-top:7px;border:1px solid #343840;background:#181b20;color:#eee;border-radius:5px;padding:9px}.form-card textarea{height:75px;resize:vertical}.form-card>.actions,.schedule{display:flex;gap:8px;margin:15px 18px}.job{display:flex;gap:22px;border-top:1px solid var(--line);padding:14px 18px;color:#777;font-size:7px}.job span{display:flex;flex-direction:column}.job strong{color:#ccc;margin-top:4px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.game{border:1px solid #343840;background:#181b20;border-radius:6px;padding:10px}.game i{display:block;height:45px;background:linear-gradient(145deg,#392c14,#16181c);border-radius:4px}.game b,.game small{display:block}.game b{font-size:8px;margin-top:8px}.game small{font-size:7px;color:#e3b65c;margin-top:4px}.upload{margin:16px 18px;border:1px dashed #574a30;background:#18150f;border-radius:7px;padding:23px;text-align:center;color:#c9aa67}.upload strong,.upload small{display:block;margin-top:7px}.upload small{font-size:8px;color:#786b4d}.form-row{display:grid;grid-template-columns:1fr 1fr}.checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 18px;color:#61ce91;font-size:8px}.form-card>.wide{margin:0 18px;width:calc(100% - 36px)}.update-popup{max-width:300px;margin:30px auto;padding:25px;border:1px solid #574722;background:#17150f;border-radius:12px;text-align:center}.update-popup>i{width:48px;height:48px;margin:auto;border-radius:50%;background:#33280f;color:#e4b95e;display:grid;place-items:center;font-size:22px;font-style:normal}.update-popup h3{font:18px Georgia}.update-popup p{color:#888;font-size:9px;line-height:1.5}.update-popup button{background:#d8aa50;border:0;border-radius:5px;padding:9px 13px;font-size:8px}.update-popup small{display:block;color:#716a58;font-size:7px;line-height:1.5;margin-top:12px}.phone-preview{padding-bottom:17px}.phone{width:270px;height:455px;margin:18px auto;border:7px solid #282b31;border-radius:26px;background:#0d0f12;padding:19px 13px}.phone-top{font:11px Georgia}.phone-top span{float:right;color:#58ce8f}.hero{margin-top:25px;background:linear-gradient(145deg,#3a2b11,#141312);border-radius:9px;padding:19px}.hero small{font-size:7px;color:#ddb45b}.hero h3{font:18px Georgia;margin:8px 0}.hero p{color:#aa9a77;font-size:8px;line-height:1.5}.hero button{background:#d8aa50;border:0;border-radius:4px;padding:8px;font-size:8px}.app-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.app-links span{background:#191c21;padding:12px 4px;border-radius:5px;text-align:center;font-size:7px}.flag-list{margin:13px 18px;border:1px solid var(--line);border-radius:6px}.flag-list label{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid var(--line);font-size:9px}.flag-list label:last-child{border:0}.schedule{align-items:flex-end;flex-wrap:wrap}.schedule label{font-size:7px;color:#777;flex:1}.schedule input{margin-top:4px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:0;background:none;color:#777;padding:12px 16px}.tabs button.active{color:var(--gold2);box-shadow:inset 0 -2px var(--gold)}.tab-panel{display:none}.tab-panel.active{display:block}.role-layout{display:grid;grid-template-columns:240px 1fr;gap:15px}.role-list>button{width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:#aaa;text-align:left;padding:13px}.role-list>button.active{background:#211b0e;box-shadow:inset 2px 0 var(--gold)}.role-list button b,.role-list button small{display:block}.role-list button small{color:#666;font-size:7px;margin-top:4px}.permission-card>p{color:#777;font-size:8px;padding:0 18px}.permission-grid{padding:0 18px 16px}.permission-row{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);border-top:1px solid var(--line);min-height:42px;align-items:center}.permission-row>span{font-size:9px}.permission-row label{font-size:7px;color:#777;text-align:center}.permission-row input{accent-color:#c99b44}.permission-card>footer{display:flex;justify-content:flex-end;gap:8px}.radio{display:flex!important;gap:9px;align-items:flex-start}.radio input{width:auto!important;height:auto!important;margin:3px 0!important;accent-color:#c99b44}.radio span{font-size:9px}.radio small{display:block;color:#777;font-size:7px;margin-top:4px}.state-row{display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding:13px 18px}.state-row>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#22262c;color:#aaa;font-style:normal}.state-row>span{flex:1}.state-row b,.state-row small{display:block}.state-row small{color:#777;font-size:8px;margin-top:4px}.state-row button{border:1px solid #3b4149;background:#181b20;color:#aaa;border-radius:4px;padding:6px;font-size:7px}.state-row.error>i{background:#351c1c;color:#f18787}.spinner{border:2px solid #444!important;border-top-color:#d8aa50!important;background:none!important;animation:spin 1s linear infinite}.checklist{list-style:none;padding:5px 18px 16px;margin:0}.checklist li{padding:11px 0;border-bottom:1px solid var(--line);color:#aaa;font-size:9px}.checklist i{display:inline-block;width:22px;color:#e1b65d}.modal{display:none;position:fixed;inset:0;background:#000b;backdrop-filter:blur(3px);z-index:80;padding:20px;overflow:auto}.modal.open{display:grid;place-items:center}.modal-card{width:min(680px,100%);background:#111318;border:1px solid #4d422c;border-radius:9px;box-shadow:0 25px 90px #000;padding-bottom:17px}.modal-card.narrow{width:min(440px,100%)}.modal-card>header{display:flex;justify-content:space-between;padding:19px;border-bottom:1px solid var(--line)}.modal-card>header button{width:30px;height:30px;border:1px solid #383d45;background:#191c21;color:#aaa;border-radius:50%}.modal-card label small{display:block;color:#666;font-size:7px;margin-top:5px}.modal-card>footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 18px 0;border-top:1px solid var(--line)}.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px}.definition-grid article{border:1px solid var(--line);background:#181b20;padding:12px;border-radius:5px}.definition-grid b{font-size:9px}.definition-grid p{color:#777;font-size:8px;line-height:1.5}.confirm{text-align:center;padding:26px;max-width:380px}.confirm>i{width:45px;height:45px;border:1px solid #705726;border-radius:50%;display:grid;place-items:center;margin:auto;color:#e5b95e;font-style:normal}.confirm p{color:#888;line-height:1.5}.confirm>div{display:flex;justify-content:center;gap:8px}.insight-box{margin:15px 18px;border-left:2px solid #68717e;background:#181b20;padding:11px;color:#888;font-size:8px;line-height:1.5}.toast{display:none;position:fixed;z-index:100;right:22px;bottom:22px;max-width:350px;border:1px solid #326047;background:#17221c;color:#cdd4d0;padding:12px 15px;border-radius:6px;box-shadow:0 12px 45px #000;font-size:9px}.toast.show{display:block;animation:toast .25s ease}.health-grid strong{font:16px Arial}.operator-note{border-color:#343840;background:#171a1f}.operator-note p{color:#777}.rtp-grid{grid-template-columns:.75fr 1.25fr}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast{from{transform:translateY(10px);opacity:0}}@media(max-width:1200px){.metric-grid.five{grid-template-columns:repeat(3,1fr)}.chat-layout{grid-template-columns:250px 1fr}.member-insight{display:none}.role-layout{grid-template-columns:210px 1fr}}@media(max-width:900px){.two-col,.dashboard-grid,.rtp-grid{grid-template-columns:1fr}.metric-grid.four{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:210px 1fr}.game-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:64px;padding:20px 8px}.brand span,.sidebar nav button span,.sidebar nav button em,.system-ok span{display:none}.sidebar nav button{justify-content:center}.sidebar nav button>i{width:auto}.app-shell{margin-left:64px}.view{padding:22px 12px}.topbar{padding:0 14px}.operator span,.operator>b{display:none}.metric-grid.five,.metric-grid.four,.metric-grid.three{grid-template-columns:1fr}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:24px}.chat-layout{display:block;height:auto}.conversation-list{max-height:280px}.conversation{height:580px}.role-layout{grid-template-columns:1fr}.role-list{max-height:240px;overflow:auto}.permission-row{grid-template-columns:1fr repeat(3,.5fr)}.definition-grid{grid-template-columns:1fr}.phone{width:240px}.actions{flex-wrap:wrap}}