@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{--acc:#62d7ff;--acc2:#80ffd7;--surface:rgba(10,20,28,.78);--surface2:rgba(5,11,16,.90);--border:rgba(151,205,221,.13);--muted2:#8fa1a9}
*{box-sizing:border-box}
.account-page{min-height:100vh;padding-bottom:70px}
.account-shell{width:min(1220px,calc(100% - 40px));margin:0 auto}
.account-topbar{min-height:76px;display:flex;align-items:center;gap:18px;padding-top:16px}
.account-back{margin-left:auto;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.012);color:#9cadb4;font-size:.68rem;font-weight:700}
.account-back:hover{color:#fff;border-color:rgba(98,215,255,.25)}
.account-brand{display:flex;align-items:center;gap:11px}.account-brand img{width:42px;height:42px;border:1px solid rgba(98,215,255,.18);border-radius:11px;background:rgba(98,215,255,.03)}.account-brand span{display:flex;flex-direction:column;line-height:1}.account-brand strong{font-size:.92rem}.account-brand small{margin-top:5px;color:#61747d;font-size:.49rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}

.login-layout{min-height:calc(100vh - 120px);display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center;padding:72px 0}
.login-copy{max-width:680px}.login-eyebrow{display:flex;align-items:center;gap:8px;width:max-content;padding:7px 10px;border:1px solid rgba(98,215,255,.11);border-radius:999px;background:rgba(98,215,255,.025);color:#8fa6b1;font-size:.53rem;font-weight:800;letter-spacing:.09em}.login-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--acc2);box-shadow:0 0 9px var(--acc2)}
.login-copy h1{margin:24px 0 0;font-size:clamp(3.4rem,6.2vw,6.1rem);line-height:.96;letter-spacing:-.06em;text-wrap:balance}.login-copy h1 em{font-style:normal;background:linear-gradient(95deg,#fff,#b9ebff 48%,#7cd8ff 75%,#8cf4c8);-webkit-background-clip:text;background-clip:text;color:transparent}.login-copy>p{max-width:650px;margin:24px 0 0;color:#9aaab1;font-size:1rem;line-height:1.8}
.login-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.login-point{padding:16px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.012)}.login-point b{display:block;color:#a9eaff;font-size:.64rem}.login-point strong{display:block;margin-top:8px;font-size:.75rem}.login-point p{margin:5px 0 0;color:#70838c;font-size:.62rem;line-height:1.55}

.login-card{position:relative;padding:30px;border:1px solid rgba(98,215,255,.15);border-radius:24px;background:radial-gradient(circle at 80% 0,rgba(98,215,255,.07),transparent 34%),linear-gradient(155deg,rgba(14,27,37,.82),rgba(5,11,16,.94));box-shadow:0 40px 110px rgba(0,0,0,.33);overflow:hidden}.login-card::before{content:"";position:absolute;left:28px;right:28px;top:0;height:2px;background:linear-gradient(90deg,var(--acc),var(--acc2),transparent)}.login-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-card-head>span{color:#70858e;font-size:.52rem;font-weight:800;letter-spacing:.11em}.login-status{display:flex;align-items:center;gap:6px;color:#6f8b81;font-size:.51rem;font-weight:800}.login-status i{width:6px;height:6px;border-radius:50%;background:var(--acc2);box-shadow:0 0 9px var(--acc2)}.login-orb{width:118px;height:118px;margin:34px auto 26px;display:grid;place-items:center;border:1px solid rgba(98,215,255,.19);border-radius:30px;background:rgba(98,215,255,.035);box-shadow:0 0 0 12px rgba(98,215,255,.012),0 0 44px rgba(98,215,255,.08)}.login-orb strong{font-size:2.25rem;letter-spacing:-.06em}.login-card h2{text-align:center;margin:0;font-size:1.65rem;letter-spacing:-.035em}.login-card>p{text-align:center;max-width:420px;margin:9px auto 0;color:#80929a;font-size:.74rem;line-height:1.65}.discord-login{width:100%;min-height:54px;margin-top:26px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(137,183,255,.24);border-radius:12px;background:linear-gradient(100deg,rgba(88,101,242,.24),rgba(98,215,255,.10));color:#fff;font-weight:800;cursor:pointer;transition:.17s}.discord-login:hover{transform:translateY(-1px);border-color:rgba(137,183,255,.40);box-shadow:0 16px 40px rgba(0,0,0,.20)}.discord-login[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.discord-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(88,101,242,.20);font-weight:900}
.login-secondary{width:100%;min-height:46px;margin-top:9px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012);color:#93a5ad;font-size:.68rem;font-weight:750}.login-secondary:hover{color:#fff;background:rgba(255,255,255,.025)}.login-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.login-meta span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:#687c85;font-size:.50rem}.login-message{margin-top:16px;padding:11px 12px;border:1px solid rgba(216,166,79,.18);border-radius:10px;background:rgba(216,166,79,.035);color:#cbb47e;font-size:.63rem;line-height:1.55}.login-message.success{border-color:rgba(128,255,215,.17);background:rgba(128,255,215,.035);color:#9edcc7}
.security-note{margin-top:18px;padding-top:17px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:flex-start}.security-note i{width:10px;height:10px;flex:0 0 auto;margin-top:4px;border:2px solid #7ea9b8;border-radius:50%}.security-note p{margin:0;color:#71848d;font-size:.59rem;line-height:1.6}

/* dashboard */
.dashboard-page{min-height:100vh;background:radial-gradient(900px 500px at 80% -10%,rgba(98,215,255,.06),transparent 70%)}
.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.dash-rail{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--border);background:rgba(4,10,14,.82);backdrop-filter:blur(18px);display:flex;flex-direction:column}.dash-brand{display:flex;align-items:center;gap:10px;padding:0 6px 20px}.dash-brand img{width:40px;height:40px;border:1px solid rgba(98,215,255,.17);border-radius:10px}.dash-brand div{display:flex;flex-direction:column;line-height:1}.dash-brand strong{font-size:.78rem}.dash-brand small{margin-top:5px;color:#5d7079;font-size:.46rem;letter-spacing:.12em}.dash-rail-status{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.011);color:#71858e;font-size:.52rem}.dash-rail-status i{width:6px;height:6px;border-radius:50%;background:var(--acc2);box-shadow:0 0 8px var(--acc2)}
.dash-nav{display:grid;gap:4px;margin-top:18px}.dash-nav button{min-height:43px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#758992;text-align:left;font-weight:700;font-size:.67rem;cursor:pointer}.dash-nav button span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:#6e8791;font-size:.47rem}.dash-nav button:hover,.dash-nav button.active{color:#fff;border-color:rgba(98,215,255,.10);background:rgba(98,215,255,.045)}.dash-nav button.active span{color:#b3ecff;border-color:rgba(98,215,255,.20);background:rgba(98,215,255,.04)}
.dash-rail-bottom{margin-top:auto;display:grid;gap:8px}.dash-user-mini{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:10px}.dash-user-mini img,.dash-user-avatar{width:34px;height:34px;border-radius:50%;background:#13202a}.dash-user-mini strong{display:block;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user-mini small{display:block;color:#60737c;font-size:.51rem}.dash-logout{min-height:38px;border:1px solid var(--border);border-radius:9px;background:transparent;color:#7e9199;font-size:.61rem;font-weight:700;cursor:pointer}.dash-logout:hover{color:#fff;border-color:rgba(255,130,130,.18);background:rgba(255,100,100,.035)}
.dash-main{min-width:0}.dash-top{min-height:80px;display:flex;align-items:center;gap:16px;padding:0 30px;border-bottom:1px solid var(--border);background:rgba(5,11,16,.46);backdrop-filter:blur(14px)}.dash-title small{display:block;color:#5e737d;font-size:.48rem;font-weight:800;letter-spacing:.10em}.dash-title strong{display:block;margin-top:2px;font-size:.84rem}.dash-top-actions{margin-left:auto;display:flex;gap:8px}.dash-home,.dash-refresh{min-height:38px;display:flex;align-items:center;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.01);color:#7d9098;font-size:.61rem;font-weight:700;cursor:pointer}.dash-home:hover,.dash-refresh:hover{color:#fff;background:rgba(255,255,255,.025)}
.dash-content{padding:34px 30px 70px}.preview-banner{display:none;margin-bottom:18px;padding:12px 14px;border:1px solid rgba(216,166,79,.18);border-radius:11px;background:rgba(216,166,79,.035);color:#cbb47e;font-size:.63rem}.preview-banner.show{display:block}.dash-panel{display:none}.dash-panel.active{display:block}.dash-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.dash-head span{display:block;color:#7fcbdc;font-size:.50rem;font-weight:800;letter-spacing:.11em}.dash-head h1{margin:7px 0 0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em}.dash-head p{max-width:610px;margin:8px 0 0;color:#899ba3;font-size:.75rem;line-height:1.65}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{min-height:128px;padding:18px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(155deg,rgba(14,27,37,.72),rgba(5,11,16,.88))}.metric small{color:#60747d;font-size:.49rem;font-weight:800;letter-spacing:.09em}.metric strong{display:block;margin-top:20px;font-size:1.65rem;letter-spacing:-.04em}.metric p{margin:4px 0 0;color:#71848d;font-size:.57rem}
.dash-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-top:14px}.dash-card{padding:20px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(155deg,rgba(14,27,37,.70),rgba(5,11,16,.88))}.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dash-card-head h2{margin:0;font-size:.92rem}.dash-card-head a,.dash-card-head button{border:0;background:transparent;color:#7ccfe4;font-size:.59rem;font-weight:750;cursor:pointer}.activity-list{display:grid;gap:8px}.activity-row{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(151,205,221,.06)}.activity-row:last-child{border-bottom:0}.activity-row i{width:6px;height:6px;border-radius:50%;background:#5c7782}.activity-row strong{display:block;font-size:.64rem}.activity-row small{display:block;color:#657983;font-size:.54rem}.activity-row time{color:#536872;font-size:.49rem}
.server-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.server-card{min-height:190px;padding:17px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(155deg,rgba(14,27,37,.72),rgba(5,11,16,.90));display:flex;flex-direction:column}.server-top{display:flex;align-items:center;gap:11px}.server-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(98,215,255,.14);border-radius:12px;background:rgba(98,215,255,.035);overflow:hidden;color:#b1eaff;font-weight:800}.server-icon img{width:100%;height:100%;object-fit:cover}.server-top div{min-width:0}.server-top strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem}.server-top small{display:block;margin-top:3px;color:#647882;font-size:.54rem}.server-state{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#526771}.server-state.connected{background:var(--acc2);box-shadow:0 0 9px var(--acc2)}.server-state.disconnected{background:#d8a64f}.server-card p{margin:14px 0 0;color:#71848d;font-size:.59rem;line-height:1.55}.server-actions{display:flex;gap:7px;margin-top:auto;padding-top:16px}.server-actions button,.server-actions a{min-height:34px;display:flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.012);color:#91a3ab;font-size:.56rem;font-weight:750;cursor:pointer}.server-actions .primary{border-color:rgba(98,215,255,.18);background:rgba(98,215,255,.05);color:#b5ebff}.server-actions [disabled]{opacity:.45;cursor:not-allowed}
.empty-state{padding:44px;border:1px dashed rgba(151,205,221,.14);border-radius:15px;text-align:center;color:#71848d}.empty-state strong{display:block;color:#a7b5bb;font-size:.82rem}.empty-state p{margin:7px 0 0;font-size:.63rem}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.012)}.module-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.module-card h3{margin:0;font-size:.74rem}.module-card p{margin:9px 0 0;color:#73868f;font-size:.59rem;line-height:1.6}.module-lock{padding:4px 6px;border:1px solid var(--border);border-radius:999px;color:#60747d;font-size:.46rem}.settings-list{display:grid;gap:9px}.settings-row{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--border);border-radius:12px}.settings-row div{flex:1}.settings-row strong{display:block;font-size:.68rem}.settings-row small{display:block;margin-top:3px;color:#667a84;font-size:.55rem}.settings-row button{min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.01);color:#71858e;font-size:.55rem}
.loading{padding:40px;text-align:center;color:#70838c;font-size:.65rem}

@media(max-width:1100px){.login-layout{grid-template-columns:1fr;gap:35px}.login-card{max-width:650px}.dashboard-shell{grid-template-columns:210px 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.server-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.account-shell{width:min(100% - 28px,1220px)}.login-layout{padding-top:50px}.login-points{grid-template-columns:1fr}.dashboard-shell{display:block}.dash-rail{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--border)}.dash-nav{grid-template-columns:repeat(3,1fr)}.dash-nav button{justify-content:center}.dash-nav button span{display:none}.dash-rail-bottom{display:none}.dash-top{padding:0 16px}.dash-content{padding:24px 16px 60px}.metric-grid,.server-list,.module-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.dash-head{display:block}.account-back span{display:none}}

/* V9.3 — connected bot identity */
.active-bot-strip{display:flex;align-items:center;gap:13px;margin:0 0 14px;padding:14px 16px;border:1px solid rgba(98,215,255,.14);border-radius:15px;background:linear-gradient(90deg,rgba(98,215,255,.055),rgba(128,255,215,.018),transparent)}
.active-bot-strip img{width:44px;height:44px;border:1px solid rgba(98,215,255,.16);border-radius:12px;background:#10202b;object-fit:cover}
.active-bot-strip>div{display:flex;flex-direction:column;min-width:0}.active-bot-strip small{color:#65808c;font-size:.47rem;font-weight:800;letter-spacing:.10em}.active-bot-strip strong{margin-top:2px;font-size:.72rem}.active-bot-strip span{margin-top:2px;color:#71868f;font-size:.55rem}.active-bot-strip>i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--acc2);box-shadow:0 0 10px var(--acc2)}
.activity-row i.connected{background:var(--acc2);box-shadow:0 0 8px var(--acc2)}


/* ==========================================================================
   V9.4 — FULL MODULE CATALOGUE
   ========================================================================== */
.module-head{align-items:center}.module-summary{min-width:128px;padding:13px 15px;border:1px solid rgba(98,215,255,.13);border-radius:13px;background:rgba(98,215,255,.025);text-align:right}.module-summary strong{display:block;font-size:1.45rem;letter-spacing:-.04em}.module-summary small{display:block;margin-top:2px;color:#607985;font-size:.46rem;font-weight:800;letter-spacing:.09em}
.module-toolbar{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:10px;align-items:center;margin:0 0 22px;padding:10px;border:1px solid var(--border);border-radius:15px;background:rgba(5,12,17,.88);backdrop-filter:blur(20px)}
.module-search{min-height:40px;display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:center;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.012)}.module-search i{width:13px;height:13px;border:1.5px solid #718d98;border-radius:50%;position:relative}.module-search i::after{content:"";position:absolute;width:5px;height:1.5px;right:-4px;bottom:-2px;background:#718d98;transform:rotate(45deg)}.module-search input{min-width:0;border:0;outline:0;background:transparent;color:#eef6f8;font-size:.65rem}.module-search input::placeholder{color:#5f747e}
.module-filters{display:flex;gap:5px;flex-wrap:wrap}.module-filters button,.module-expand{min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.01);color:#70838c;font-size:.54rem;font-weight:750;cursor:pointer}.module-filters button:hover,.module-filters button.active,.module-expand:hover{color:#fff;border-color:rgba(98,215,255,.20);background:rgba(98,215,255,.05)}
.module-empty{margin:20px 0;padding:28px;border:1px dashed rgba(151,205,221,.14);border-radius:14px;color:#71858e;text-align:center;font-size:.65rem}
.module-groups{display:grid;gap:34px}.module-group[hidden]{display:none}.module-group-head{display:grid;grid-template-columns:1fr .9fr;gap:30px;align-items:end;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid rgba(151,205,221,.08)}.module-group-head>div{display:flex;align-items:center;gap:10px}.module-group-head span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(98,215,255,.13);border-radius:8px;color:#7ecce2;font-size:.48rem;font-weight:800}.module-group-head h2{margin:0;font-size:1rem;letter-spacing:-.02em}.module-group-head p{margin:0;color:#70838c;font-size:.58rem;line-height:1.6;text-align:right}
.module-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-card-v2{padding:0;min-height:0;overflow:hidden;transition:.16s}.module-card-v2[hidden]{display:none}.module-card-v2[open]{border-color:rgba(98,215,255,.19);background:linear-gradient(155deg,rgba(17,33,45,.76),rgba(5,11,16,.91))}
.module-card-v2 summary{min-height:92px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:13px;list-style:none;cursor:pointer}.module-card-v2 summary::-webkit-details-marker{display:none}.module-card-v2 summary:hover{background:rgba(98,215,255,.025)}.module-card-v2 summary>div{min-width:0}.module-card-v2 summary h3{margin:0;font-size:.70rem;letter-spacing:-.015em}.module-card-v2 summary small{display:block;margin-top:3px;color:#637983;font-size:.52rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card-v2 summary>b{padding:4px 6px;border:1px solid rgba(151,205,221,.11);border-radius:999px;color:#637983;font-size:.42rem;letter-spacing:.06em}.module-card-v2.is-core summary>b{border-color:rgba(128,255,215,.18);color:#8bd5bd;background:rgba(128,255,215,.025)}
.module-code{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(98,215,255,.14);border-radius:10px;background:rgba(98,215,255,.03);color:#a9eaff;font-size:.50rem;font-weight:850;letter-spacing:.02em}.module-card-v2[open] .module-code{border-color:rgba(98,215,255,.26);box-shadow:0 0 18px rgba(98,215,255,.05)}
.module-detail{padding:0 13px 14px;border-top:1px solid rgba(151,205,221,.06)}.module-detail p{margin:12px 0 0;color:#81949c;font-size:.59rem;line-height:1.6}.module-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.module-tags span{padding:4px 6px;border:1px solid rgba(151,205,221,.09);border-radius:999px;background:rgba(255,255,255,.01);color:#667b84;font-size:.47rem}
@media(max-width:1180px){.module-toolbar{grid-template-columns:1fr}.module-group-head{grid-template-columns:1fr}.module-group-head p{text-align:left}.module-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.module-summary{margin-top:12px;text-align:left}.module-grid-v2{grid-template-columns:1fr}.module-card-v2 summary{grid-template-columns:40px 1fr}.module-card-v2 summary>b{grid-column:2;width:max-content}.module-toolbar{position:static}}
