:root{font-family:Tahoma,'Segoe UI',Arial,sans-serif;color:#e8ecf7;background:#080d1a;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 30% -20%,#1c2146 0,transparent 38%),#080d1a}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}.hidden{display:none!important}.ambient{position:fixed;border-radius:999px;pointer-events:none;filter:blur(85px);opacity:.2}.ambient-a{width:250px;height:250px;background:#7770fd;top:30px;left:20%}.ambient-b{width:320px;height:320px;background:#13a0d1;bottom:5%;right:40%}.shell{display:flex;min-height:100vh;position:relative}.sidebar{width:262px;flex-shrink:0;background:rgba(13,19,35,.94);border-left:1px solid #273047;padding:27px 16px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:4px 9px 32px}.brand-mark{height:45px;width:45px;background:linear-gradient(140deg,#8278f9,#534fbb);box-shadow:0 8px 26px #6b66df30;border-radius:14px;display:grid;place-items:center;font-size:25px}.brand strong{font-size:19px;display:block;letter-spacing:-.4px}.brand strong span{color:#a19bff}.brand small{color:#78849c;font-size:10px;letter-spacing:1.5px;display:block;margin-top:4px;font-family:Arial,sans-serif}.side-section{color:#65718a;font-size:11px;padding:15px 18px;letter-spacing:.2px}.nav{display:grid;gap:7px}.nav-link{border:1px solid transparent;background:transparent;color:#8996ad;text-align:right;padding:14px 13px;border-radius:11px;font-weight:bold;display:flex;align-items:center;gap:15px}.nav-link span{font-size:21px;width:25px;text-align:center;font-weight:400}.nav-link i{font-style:normal;margin-right:auto;color:#a098ff;font-size:9px}.nav-link.active{background:linear-gradient(90deg,#7771d333,#645cc122);border-color:#6d66ca44;color:#d4d0ff}.nav-link:hover{background:#20283d;color:white}.side-spacer{flex:1}.side-help{border:1px solid #38365b;border-radius:15px;background:linear-gradient(135deg,#252542,#1b2239);padding:17px 18px;margin:12px 0 20px}.side-help-icon{font-size:21px;color:#ac9fff;margin-bottom:8px}.side-help b{font-size:12px}.side-help p{line-height:2;font-size:11px;color:#9aa6c1;margin:8px 0 0}.side-profile{border-top:1px solid #283044;padding:18px 3px 0;display:flex;align-items:center;gap:10px}.avatar{background:#353460;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:bold;color:#d4cfff}.side-profile b,.side-profile small{display:block}.side-profile b{font-size:12px}.side-profile small{font-size:10px;color:#74819b;margin-top:6px}.logout{margin-right:auto;border:0;background:none;color:#8996ac;font-size:25px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;border-bottom:1px solid #242d40;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#0b1020b8}.top-left,.top-actions{display:flex;align-items:center;gap:19px}.breadcrumb{font-size:12px;color:#64738b}.breadcrumb span{margin:0 12px;color:#505976}.breadcrumb b{color:#d8dfed}.connection-chip{border:1px solid #334058;border-radius:40px;padding:9px 13px;background:#141c30;color:#a2b0c9;font-size:11px;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffb454;box-shadow:0 0 12px #ffb45470}.dot.online{background:#34d399;box-shadow:0 0 12px #34d39970}.icon-btn,.mobile-menu{width:37px;height:37px;border:1px solid #303a50;border-radius:10px;background:#192136;color:#c8d6f0;font-size:21px}.mobile-menu{display:none}.content{padding:33px 40px 35px;width:100%;max-width:1550px;margin:0 auto;flex:1}.page{display:none}.page.active{display:block}.hero{min-height:220px;display:flex;align-items:center;justify-content:space-between;border:1px solid #48467d;border-radius:19px;overflow:hidden;background:radial-gradient(circle at 85% 35%,#42418190,transparent 32%),linear-gradient(100deg,#262b54,#1b2449 48%,#17203c);padding:30px 45px;position:relative;box-shadow:0 15px 50px #070b1640}.eyebrow{font:700 10px Arial,sans-serif;letter-spacing:2px;color:#a7a1fc}.shine{font-size:14px}.hero h1{font-size:32px;letter-spacing:-1px;margin:20px 0 9px}.hero p{color:#b8bbd7;margin:0;font-size:13px}.hero-meta{display:flex;align-items:center;gap:14px;margin-top:24px}.hero-tag{background:#37ae8d21;border:1px solid #48b89a44;border-radius:20px;color:#b6e4d3;padding:8px 12px;font-size:11px}.hero-tag:first-letter{color:#57d5a3}.hero-date{color:#8f99bd;font-size:11px}.hero-art{position:relative;display:grid;place-items:center;width:235px;min-width:180px;height:165px;transform:rotate(-5deg)}.hero-art>span{font-size:100px;position:relative;z-index:1;filter:drop-shadow(0 16px 16px #01041380)}.hero-ring{height:160px;width:160px;border:1px dashed #afa6ff77;border-radius:50%;position:absolute;box-shadow:0 0 0 20px #a39aff0a,0 0 0 43px #a39aff07}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 17px}.section-heading h2{font-size:18px;margin:0 0 7px}.section-heading p,.panel-heading p{font-size:11px;color:#77849f;margin:0}.badge-soft{font:700 9px Arial;color:#66d5be;background:#1f715a33;border-radius:5px;padding:5px 7px;margin:0 8px}.updated{color:#66728d;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card,.panel,.action-card{border:1px solid #26314a;background:linear-gradient(150deg,#151e30,#101728);border-radius:15px}.stat-card{padding:20px;min-height:202px;display:flex;flex-direction:column;align-items:flex-start}.stat-icon{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;font-size:23px;margin-bottom:14px}.mint{color:#38d9ae;background:#103b3b}.sky{color:#7bb8ff;background:#22365a}.violet{color:#aaa1ff;background:#393057}.orange{color:#ffb768;background:#483424}.red{color:#ff808f;background:#4b2435}.stat-label{font-size:11px;color:#93a0b9}.stat-card strong{font-size:26px;letter-spacing:-.6px;margin:10px 0 5px}.stat-card small{font-size:10px;color:#73819a}.stat-bar,.progress-track{height:5px;border-radius:8px;background:#293348;overflow:hidden;width:100%;margin-top:auto}.bar-gradient,.progress-track span{display:block;height:100%;border-radius:8px;transition:width .4s}.mint-bar{background:linear-gradient(90deg,#109a85,#48ddba)}.violet-bar{background:linear-gradient(90deg,#7465dc,#ad9cff)}.orange-bar{background:linear-gradient(90deg,#c47045,#ffbb74)}.stat-detail{font-size:10px;color:#557c8f;margin-top:auto}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:17px;margin-top:18px}.panel{overflow:hidden}.panel-heading{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253047}.panel-heading h3{font-size:14px;margin:0 0 7px}.panel-heading h3:last-child{margin:0}.tag{font:700 9px Arial;color:#8594ba;border:1px solid #37425b;background:#202a40;padding:6px 9px;border-radius:6px;letter-spacing:.5px}.quick-body{padding:22px}.bot-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0 23px;border-bottom:1px solid #283148}.bot-identity{display:flex;align-items:center;gap:11px}.bot-avatar{height:44px;width:44px;border-radius:12px;background:#263d65;display:grid;place-items:center;font-size:24px}.bot-identity b,.bot-identity small{display:block}.bot-identity b{font-size:13px}.bot-identity small{font:11px Arial;color:#7582a1;margin-top:7px}.status-pill{background:#3c3730;color:#e3bb76;border-radius:25px;padding:8px 11px;font-size:10px}.status-pill.online{background:#1e3d37;color:#85d9bb}.status-pill.offline{background:#442a39;color:#f2a0ab}.quick-actions{display:flex;gap:9px;margin-top:19px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;border-radius:9px;padding:0 15px;border:1px solid transparent;font-size:11px;font-weight:bold;transition:filter .15s,transform .15s;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(120deg,#766def,#635ad9);box-shadow:0 5px 20px #675fde30}.btn.subtle{color:#bccae1;background:#212c43;border-color:#35445f}.btn.danger-outline{color:#ec99a7;background:#48252c4b;border-color:#814251}.btn.wide{width:100%}.caution{color:#7686a2;font-size:10px;margin:16px 0 0;line-height:1.8}.server-icon{font-size:20px;color:#928ef0}.metric-list{padding:20px 22px 22px}.metric-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:9px 0}.metric-label{color:#9eabc2;display:flex;gap:10px;align-items:center}.metric-label span{color:#9c96df}.metric-row b{font:11px Arial;color:#cad3e5}.progress-track{margin:0 0 24px;height:6px}.progress-track span{background:linear-gradient(90deg,#5e75d6,#9a91fb)}.server-footer{border-top:1px solid #2b354b;padding-top:15px;display:flex;justify-content:space-between;color:#7e8da7;font-size:11px}.server-footer b{color:#a4aec7}.activity-panel{margin-top:18px}.text-button{border:0;background:none;color:#a49afd;font-size:11px}.event-list{padding:8px 22px 15px}.event-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #283148}.event-item:last-child{border:0}.event-main{display:flex;align-items:center;gap:13px;min-width:0}.event-symbol{height:35px;width:35px;border-radius:10px;background:#302e52;display:grid;place-items:center;color:#ada4ff;font-size:18px;flex-shrink:0}.event-main strong{font-size:12px;display:block}.event-main small{font-size:10px;color:#697b99;display:block;margin-top:6px;direction:ltr;text-align:right}.event-meta{text-align:left;flex-shrink:0}.event-meta time{font-size:10px;color:#7e8ba4;display:block;margin-top:7px}.event-status{font-size:10px;color:#c1a56a}.event-status.done{color:#58d4aa}.event-status.failed{color:#ef8698}.empty{text-align:center;color:#718099;padding:36px 10px;font-size:12px}.app-footer{display:flex;justify-content:space-between;padding:24px 40px;color:#53627b;font:10px Arial;border-top:1px solid #20293a}.page-heading{margin:5px 0 28px}.page-heading h1{font-size:30px;margin:13px 0}.page-heading p{color:#8c9ab3}.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-card{padding:26px}.action-emoji{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;font-size:28px}.action-card h3{font-size:17px;margin:19px 0 10px}.action-card p{color:#9aa7bf;line-height:2.1;min-height:98px;font-size:12px}.action-card code{font-size:11px;direction:ltr;display:inline-block;color:#a6a0ef}.info-panel{background:#1b2338;border:1px solid #333e58;padding:22px 24px;margin-top:20px;border-radius:13px}.info-panel b{color:#d2d8eb}.info-panel p{line-height:2.1;color:#97a4ba;margin:8px 0 0;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-body{padding:20px 22px}.setting-item{display:flex;justify-content:space-between;border-bottom:1px solid #283148;padding:15px 0;gap:10px;font-size:12px}.setting-item:last-child{border:0}.setting-item span{color:#95a2b8}.setting-item b{font:11px Arial;color:#c7d0e6}.feature{padding:10px 0;color:#b0c0d8;font-size:12px}.feature::first-letter{color:#37d5a7}.auth-layout{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:435px;background:linear-gradient(160deg,#17223a,#11182a);border:1px solid #35415d;border-radius:20px;box-shadow:0 24px 80px #03070fd0;padding:40px}.auth-symbol{background:linear-gradient(130deg,#5c57a6,#8f85ed);width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:33px;margin:0 auto 27px}.auth-card .eyebrow{text-align:center}.auth-card h1{text-align:center;font-size:27px;margin:19px 0 12px}.muted{color:#8996af}.auth-card>p{text-align:center;line-height:1.9;font-size:12px}.auth-form{margin-top:28px;display:grid;gap:11px}.auth-form label,.modal label{color:#b2c1d9;font-size:12px;margin-top:5px}.auth-form input,.modal input{height:46px;background:#10192c;border:1px solid #394760;color:white;border-radius:9px;padding:0 13px;outline:none}.auth-form input:focus,.modal input:focus{border-color:#8880f0;box-shadow:0 0 0 3px #7770fa1b}.auth-form button{height:45px;margin-top:12px}.auth-error{color:#ff9ba8;min-height:24px}.auth-footer{border-top:1px solid #29354e;text-align:center;padding-top:25px;color:#7c8ca8;font-size:11px}.auth-footer .dot{background:#5fd6ad}.toast-area{position:fixed;bottom:25px;left:25px;z-index:30;display:grid;gap:10px}.toast{background:#25314a;border:1px solid #4d5974;box-shadow:0 10px 40px #0006;padding:14px 19px;border-radius:10px;font-size:12px;max-width:350px}.toast.error{border-color:#a25163}.modal-backdrop{position:fixed;inset:0;background:#02050cbe;z-index:40;display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.modal{width:100%;max-width:440px;background:#192238;border:1px solid #485371;border-radius:18px;padding:28px}.modal-icon{width:48px;height:48px;background:#35315d;color:#ddd7ff;border-radius:13px;display:grid;place-items:center;font-size:29px}.modal h2{font-size:20px;margin:22px 0 10px}.modal p{color:#9cabca;line-height:2;font-size:13px}.modal label{display:block;line-height:1.9;margin-top:22px}.modal label b{color:#c4b9ff;font-family:monospace}.modal input{width:100%;margin-top:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.modal-actions .btn{min-width:130px}@media(max-width:1150px){.content{padding:26px}.topbar{padding:0 27px}.stats-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:228px}.quick-actions .btn{flex:1}}@media(max-width:780px){.sidebar{position:fixed;right:-275px;transition:right .2s;box-shadow:0 0 45px #0007;width:260px}.sidebar.open{right:0}.mobile-menu{display:grid;place-items:center}.topbar{height:65px;padding:0 18px}.connection-chip{font-size:10px;padding:8px}.top-actions{gap:9px}.content{padding:18px 15px}.hero{padding:26px;min-height:200px}.hero-art{width:120px;min-width:100px}.hero-art>span{font-size:67px}.hero-ring{height:100px;width:100px}.hero h1{font-size:25px}.hero p{line-height:1.8}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.ops-grid{grid-template-columns:1fr}.action-card p{min-height:0}.app-footer{padding:20px;font-size:9px}.section-heading{align-items:flex-start}.updated{text-align:left;max-width:110px;line-height:1.5}}@media(max-width:450px){.stats-grid{gap:9px}.stat-card{padding:14px;min-height:185px}.stat-card strong{font-size:22px}.stat-card small{line-height:1.6}.hero-art{display:none}.hero{min-height:190px}.hero h1{font-size:26px}.hero-meta{flex-wrap:wrap}.section-heading{gap:12px}.section-heading h2{font-size:16px}.quick-actions .btn{flex:1 1 100%}.auth-card{padding:30px 23px}}