:root{--bg:#061019;--bg2:#0a1520;--panel:#0d1a26;--panel2:#102231;--line:#1d3546;--text:#edf8ff;--muted:#86a0b5;--cyan:#27dcff;--blue:#43a8ff;--purple:#9a7cff;--green:#31dc9a;--yellow:#ffc85a;--red:#ff6378;--shadow:0 18px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(39,220,255,.09),transparent 30%),linear-gradient(180deg,#061019,#07131d 52%,#050c12);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#b7efff}.admin-app{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;background:rgba(4,12,18,.97);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto}.admin-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 14px}.admin-brand img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 26px rgba(39,220,255,.28)}.admin-brand strong{display:block;font:800 17px Manrope}.admin-brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.admin-server-pill{display:grid;grid-template-columns:10px 1fr;gap:2px 8px;align-items:center;margin:2px 6px 14px;padding:10px 12px;background:#0a1822;border:1px solid #183142;border-radius:12px}.admin-server-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.admin-server-pill span{font-size:12px}.admin-server-pill b{grid-column:2;color:#718da2;font-size:11px;font-weight:600}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav button{width:100%;border:0;background:transparent;color:#9bb0c1;text-align:left;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.admin-nav button>span{width:22px;text-align:center}.admin-nav button b{margin-left:auto;background:#153247;color:#9feeff;padding:2px 7px;border-radius:99px;font-size:10px}.admin-nav button:hover,.admin-nav button.active{background:linear-gradient(90deg,rgba(39,220,255,.15),rgba(67,168,255,.06));color:#fff;box-shadow:inset 3px 0 var(--cyan)}.admin-nav button.locked{opacity:.35;pointer-events:none}.admin-sidebar-bottom{margin-top:auto;padding:14px 6px 4px;border-top:1px solid var(--line);display:grid;gap:8px}.admin-sidebar-bottom>a{font-size:12px;color:#7f98ab;padding:5px 2px}.admin-profile{display:flex;align-items:center;gap:10px;margin-bottom:5px}.admin-profile img{width:38px;height:38px;border-radius:50%;object-fit:cover}.admin-profile strong{display:block;font-size:12px}.admin-profile span{display:block;font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.admin-main{min-width:0;padding:0 26px 48px}.admin-topbar{height:68px;position:sticky;top:0;z-index:20;background:rgba(6,16,25,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(36,64,82,.7);display:flex;align-items:center;justify-content:space-between;margin:0 -26px;padding:0 28px}.breadcrumb{font-size:12px;color:#70899c}.breadcrumb b{color:#d7f5ff}.admin-top-actions{display:flex;align-items:center;gap:8px}.admin-top-actions button,.ghost,.wide-btn,.panel button,.page-head-actions button{border:1px solid #264459;background:#0b1c28;color:#cbeeff;padding:9px 12px;border-radius:9px;font-weight:700;font-size:12px}.admin-top-actions button:hover,.ghost:hover,.wide-btn:hover,.panel button:hover{border-color:#2fcff0}.live-dot{display:flex;align-items:center;gap:7px;color:#8fa8ba;font-size:11px;margin-right:6px}.live-dot i,.status-green{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 12px rgba(49,220,154,.7)}.mobile-nav-btn{display:none;border:0;background:none;color:#fff;font-size:20px}.admin-page{display:none;padding-top:28px}.admin-page.active{display:block}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.page-head h1{font:800 clamp(28px,3vw,42px) Manrope;margin:4px 0 6px;letter-spacing:-.04em}.page-head p{margin:0;color:var(--muted);font-size:13px;max-width:720px;line-height:1.6}.kicker,.panel-head small,.status-card>small{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em}.page-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-head-actions>span{font-size:11px;color:#71889a}.primary{background:linear-gradient(135deg,#1ec7e8,#318ff7)!important;border-color:transparent!important;color:#00151d!important}.danger{background:rgba(255,99,120,.12)!important;border-color:rgba(255,99,120,.45)!important;color:#ff91a0!important}.danger-line{color:#ff8ea0!important;border-color:rgba(255,99,120,.4)!important}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid article{position:relative;padding:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(16,34,49,.9),rgba(9,23,33,.95));box-shadow:0 10px 32px rgba(0,0,0,.16);overflow:hidden}.metric-grid article:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-50px;top:-55px;background:radial-gradient(circle,rgba(39,220,255,.17),transparent 67%)}.metric-grid article>span{font-size:20px;position:absolute;right:14px;top:15px}.metric-grid small{display:block;color:#7590a4;font-size:9px;font-weight:800;letter-spacing:.1em}.metric-grid strong{display:block;font:800 28px Manrope;margin:7px 0 5px}.metric-grid em{font-style:normal;font-size:10px;color:#6fcba7}.admin-grid-2,.admin-grid-3{display:grid;gap:14px;margin-top:14px}.admin-grid-2{grid-template-columns:1fr 1fr}.admin-grid-2.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)}.admin-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:linear-gradient(180deg,rgba(13,27,39,.94),rgba(8,20,29,.96));border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 12px 38px rgba(0,0,0,.15)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h2{font:800 17px Manrope;margin:2px 0 0}.panel-head.sub{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.panel-copy{color:#87a0b2;line-height:1.7;font-size:13px}.soft-badge{font-size:10px;padding:5px 8px;border-radius:99px;background:#0a2834;border:1px solid #1e5060;color:#78e9ff}.activity-feed,.alert-list,.compact-list,.event-list,.application-list,.notification-history,.audit-list{display:grid;gap:9px}.feed-item,.alert-item,.compact-item,.event-item,.app-item,.notification-item,.audit-item{display:flex;gap:11px;align-items:flex-start;padding:11px;border:1px solid #183243;background:#091823;border-radius:11px}.feed-icon,.alert-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#0c2b39;flex:0 0 auto}.feed-item b,.alert-item b,.compact-item b,.event-item b,.app-item b,.notification-item b,.audit-item b{font-size:12px}.feed-item p,.alert-item p,.compact-item p,.event-item p,.app-item p,.notification-item p,.audit-item p{margin:2px 0 0;color:#7c95a8;font-size:11px;line-height:1.45}.feed-item time,.alert-item time,.compact-item time,.event-item time,.app-item time,.notification-item time,.audit-item time{margin-left:auto;color:#5e7588;font-size:9px;white-space:nowrap}.alert-item.critical{border-color:rgba(255,99,120,.32);background:rgba(65,18,28,.22)}canvas.chart,canvas.mini-chart{width:100%;height:auto;display:block}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select,.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.inline-form input,.inline-form select,.page-head-actions input,.panel-head input,.automation-step select,.automation-save input,.inline-fields input,.inline-fields select{background:#071721;border:1px solid #214052;color:#dff7ff;border-radius:9px;padding:9px 10px;outline:none}.toolbar input:focus,.form-stack input:focus,.form-stack textarea:focus,.form-grid input:focus{border-color:#2ad9f9}.table-wrap{overflow:auto;border:1px solid #193243;border-radius:12px}.table-wrap table{width:100%;border-collapse:collapse;min-width:780px}.table-wrap th,.table-wrap td{padding:11px 12px;text-align:left;border-bottom:1px solid #132a39;font-size:11px;white-space:nowrap}.table-wrap th{font-size:9px;color:#6e899d;letter-spacing:.08em;background:#091823;position:sticky;top:0}.table-wrap tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:99px;font-size:9px;font-weight:800;background:#11313b;color:#6ff0cf}.status-pill.warn{background:#342910;color:#ffd06f}.status-pill.bad{background:#3a1820;color:#ff9bab}.priority-select,.inline-select{background:#071721;color:#dff7ff;border:1px solid #203d50;border-radius:8px;padding:6px 8px;font-size:10px}.switch{position:relative;width:38px;height:21px;border-radius:99px;background:#273745;border:1px solid #334c5d;display:inline-block;vertical-align:middle}.switch i{position:absolute;width:15px;height:15px;border-radius:50%;background:#7e96a7;top:2px;left:3px;transition:.2s}.switch.on{background:#0b5261;border-color:#1a9ab4}.switch.on i{left:18px;background:#58e8ff;box-shadow:0 0 12px #27dcff}.toggle-list{display:grid;gap:9px}.toggle-row{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #173142;background:#091923;border-radius:10px}.toggle-row>div{flex:1}.toggle-row b{display:block;font-size:11px}.toggle-row span{display:block;color:#70899c;font-size:9px;margin-top:2px}.log-console{background:#031019;border:1px solid #173142;border-radius:11px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;min-height:250px;max-height:330px;overflow:auto}.log-line{display:grid;grid-template-columns:74px 58px 1fr;gap:8px;padding:6px 2px;border-bottom:1px dashed #102633;color:#7fa2b9}.log-line b{color:#b7e9f7}.log-line .err{color:#ff8b9b}.log-line .warn{color:#ffd16d}.status-card strong{font:800 22px Manrope;display:block;margin:8px 0}.status-card p{color:#71899b;font-size:11px;min-height:32px}.status-card>div{display:flex;gap:7px;align-items:center}.inline-form{display:grid!important;grid-template-columns:110px 1fr auto!important}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;padding:9px 10px;background:#091923;border:1px solid #173142;border-radius:10px}.rank-row>span:first-child{font-weight:800;color:#8feeff}.rank-row b{font-size:11px}.rank-row small{display:block;color:#6f899b;margin-top:2px}.rank-row strong{font-size:12px}.goal-list{display:grid;gap:10px}.goal-card{padding:11px;background:#091923;border:1px solid #173142;border-radius:10px}.goal-card>div{display:flex;justify-content:space-between;font-size:10px}.goal-card b{font-size:11px}.progress{height:7px;border-radius:99px;background:#142735;margin-top:8px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:inherit}.wide-btn{width:100%;margin-top:12px}.bar-list{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:135px 1fr 52px;gap:9px;align-items:center}.bar-row b{font-size:10px}.bar-row .bar{height:8px;background:#142735;border-radius:99px;overflow:hidden}.bar-row .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1bd9fb,#6c7dff)}.bar-row span{text-align:right;color:#8ca8b9;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label,.form-stack label,.inline-fields label{display:grid;gap:5px;color:#7590a4;font-size:10px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-stack{display:grid;gap:12px}.form-stack textarea{min-height:110px;resize:vertical}.event-item{align-items:center}.event-item>div{flex:1}.event-item .event-date{width:52px;height:52px;border-radius:12px;background:linear-gradient(180deg,#0f3a4a,#0a2633);display:grid;place-items:center;text-align:center}.event-date b{font-size:18px}.event-date small{font-size:8px;color:#6be9ff}.event-actions,.row-actions{display:flex;gap:5px;margin-left:auto}.event-actions button,.row-actions button{padding:5px 7px}.app-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center}.app-item .avatar-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0e3443}.app-actions{display:flex;gap:5px}.app-actions button{padding:6px 8px}.question-builder{display:grid;gap:8px}.question-row{display:grid;grid-template-columns:24px 1fr 120px auto;gap:7px;align-items:center;padding:8px;border:1px solid #173142;background:#091923;border-radius:10px}.question-row>span{color:#67869a;cursor:grab}.question-row input,.question-row select{background:#071721;border:1px solid #1c3b4d;color:#dcefff;border-radius:8px;padding:8px}.form-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:12px}.form-footer label{display:grid;gap:4px;color:#718da1;font-size:9px}.form-footer input,.form-footer select{background:#071721;border:1px solid #1c3b4d;color:#dcefff;border-radius:8px;padding:8px}.automation-canvas{min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center}.automation-step{width:min(520px,100%);padding:17px;border:1px solid #245064;border-radius:14px;background:#0a1d28;box-shadow:0 12px 35px rgba(0,0,0,.15)}.automation-step small{display:block;color:#62e8ff;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:7px}.automation-step select{width:100%}.automation-step.trigger{border-color:#246879}.automation-step.condition{border-color:#6a5b9a}.automation-step.action{border-color:#2a7259}.connector{height:34px;width:2px;background:linear-gradient(var(--cyan),#6f65b4);position:relative}.connector:after{content:"↓";position:absolute;left:-7px;bottom:-3px;color:#79dff0}.automation-save{display:flex;gap:8px;width:min(520px,100%);margin-top:16px}.automation-save input{flex:1}.automation-list{display:grid;gap:10px}.automation-card{padding:12px;background:#091923;border:1px solid #173142;border-radius:11px}.automation-card header{display:flex;justify-content:space-between;gap:8px}.automation-card b{font-size:11px}.automation-card p{color:#7690a3;font-size:10px;line-height:1.5}.embed-layout{align-items:start}.inline-fields{display:grid;grid-template-columns:130px 1fr;gap:10px}.button-row{display:flex;gap:8px}.discord-preview{background:#313338;border-radius:12px;padding:18px;min-height:360px;display:flex;gap:10px;color:#dbdee1}.discord-avatar img{width:42px;height:42px;border-radius:50%}.discord-message>div:first-child{display:flex;gap:6px;align-items:center}.discord-message b{font-size:13px}.discord-message span{font-size:8px;background:#5865f2;color:#fff;border-radius:3px;padding:2px 4px}.discord-message small{font-size:9px;color:#949ba4}.discord-embed{margin-top:7px;border-left:4px solid var(--cyan);background:#2b2d31;border-radius:4px;padding:13px 14px;max-width:500px}.discord-embed h3{margin:0 0 6px;font-size:15px}.discord-embed p{color:#c4c9ce;font-size:12px;line-height:1.5}.discord-embed button{background:#5865f2;border:0;color:#fff}.notification-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.notification-card,.integration-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#0b1b27}.notification-card header,.integration-card header{display:flex;justify-content:space-between;align-items:center;gap:8px}.notification-card h3,.integration-card h3{font-size:12px;margin:0}.notification-card p,.integration-card p{font-size:10px;color:#748fa3;line-height:1.5}.integration-card .integration-icon{width:36px;height:36px;border-radius:10px;background:#0d3040;display:grid;place-items:center;font-size:18px}.permission-matrix{overflow:auto}.permission-grid{display:grid;grid-template-columns:170px repeat(5,minmax(100px,1fr));min-width:720px;border:1px solid #173142;border-radius:11px;overflow:hidden}.permission-grid>*{padding:10px;border-right:1px solid #173142;border-bottom:1px solid #173142;font-size:10px}.permission-grid .head{background:#091923;color:#7f9bad;font-weight:800}.permission-grid .role{font-weight:800}.check{color:#4fe4b0}.no{color:#405b6d}.audit-item{display:grid;grid-template-columns:36px 140px 1fr 180px auto;align-items:center}.audit-type{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#103243}.audit-item code{font-size:9px;color:#6d91a8}.code-box{background:#031019;border:1px solid #173142;border-radius:11px;padding:12px;margin:12px 0}.code-box>span{font-size:10px;color:#6be9ff}.code-box pre{white-space:pre-wrap;color:#9ab6c8;font-size:10px}.command-palette{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);display:none;place-items:start center;padding-top:12vh;z-index:50}.command-palette.show{display:grid}.command-box{width:min(560px,90vw);background:#081721;border:1px solid #24465a;border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.command-head{display:flex;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #173142}.command-head button{border:0;background:none;color:#fff;font-size:20px}.command-box>button{width:100%;display:flex;justify-content:space-between;padding:12px 14px;border:0;border-bottom:1px solid #142b3a;background:transparent;color:#d6eff8;text-align:left}.command-box>button:hover{background:#0d2633}.command-box>button span{color:#668397}.admin-toast{position:fixed;right:22px;bottom:22px;z-index:80;background:#0c2430;border:1px solid #295064;color:#dff8ff;padding:11px 14px;border-radius:11px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;font-size:11px;max-width:360px}.admin-toast.show{transform:none;opacity:1}.admin-auth-gate{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at center,rgba(21,89,111,.18),transparent 30%),#050d14;display:grid;place-items:center;align-content:center;text-align:center;padding:24px}.admin-auth-gate img{width:92px;height:92px;border-radius:50%;box-shadow:0 0 40px rgba(39,220,255,.27);margin-bottom:18px}.admin-auth-gate strong,.admin-auth-gate h1{font:800 24px Manrope;margin:8px}.admin-auth-gate span,.admin-auth-gate p{color:#7893a6;max-width:560px;line-height:1.6}.admin-auth-gate>div:last-child{display:flex;gap:8px}.admin-auth-gate a{padding:9px 12px;border-radius:9px;border:1px solid #245063;background:#0b1d28}.admin-loader{width:24px;height:24px;border-radius:50%;border:3px solid #143444;border-top-color:var(--cyan);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-auth-ready .admin-auth-gate{display:none}.admin-auth-pending .admin-app,.admin-auth-denied .admin-app{visibility:hidden}.admin-auth-denied .admin-auth-gate{display:grid}.hidden-by-permission{display:none!important}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid-3,.notification-grid,.integration-grid{grid-template-columns:1fr 1fr}.admin-grid-2.wide-left{grid-template-columns:1fr}.admin-sidebar{width:240px}.admin-app{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:860px){.admin-app{display:block}.admin-sidebar{position:fixed;z-index:40;left:-285px;width:270px;transition:.2s}.admin-sidebar.show{left:0;box-shadow:20px 0 50px rgba(0,0,0,.45)}.admin-main{padding:0 14px 40px}.admin-topbar{margin:0 -14px;padding:0 15px}.mobile-nav-btn{display:inline-block}.admin-grid-2,.admin-grid-3,.notification-grid,.integration-grid{grid-template-columns:1fr}.metric-grid,.metric-grid.compact{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}.page-head-actions{width:100%}.form-grid,.inline-fields,.form-footer{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.admin-top-actions .live-dot{display:none}.audit-item{grid-template-columns:36px 1fr auto}.audit-item>*:nth-child(4){display:none}}
@media(max-width:560px){.metric-grid,.metric-grid.compact{grid-template-columns:1fr}.admin-top-actions button#openCommandPalette{display:none}.question-row{grid-template-columns:24px 1fr}.question-row select,.question-row button{grid-column:2}.automation-save{flex-direction:column}.inline-form{grid-template-columns:1fr!important}.notification-grid,.integration-grid{grid-template-columns:1fr}}