:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f6f6f8;background:#0b0b0d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 87% 0%,#241309 0,transparent 32%),#0b0b0d}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:linear-gradient(160deg,#101013,#0c0c0e 70%,#251307);border-right:1px solid #292327;padding:28px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand em{font-style:normal;color:#ff6a00}.brand-mark{font-size:36px;filter:drop-shadow(0 2px 14px #ff6a0055)}.side-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#ff9247}.side-label{margin:40px 14px 12px;color:#737278}.side-nav{display:grid;gap:6px}.side-nav a{padding:13px 15px;border:1px solid transparent;border-radius:11px;color:#c5c2c5;display:flex;gap:15px;align-items:center;font-size:14px}.side-nav a:hover{background:#201915;color:#fff}.side-nav a.active{background:linear-gradient(100deg,#77300c,#3b1b0d);border-color:#f66a13;color:#fff;box-shadow:0 0 18px #ff6a0017}.side-nav a:first-letter{color:#ff6a00}.sidebar-foot{margin-top:auto;padding:19px;border:1px solid #4a2b1a;background:linear-gradient(145deg,#211811,#151113);border-radius:16px;display:grid;gap:7px}.side-accent{font-size:42px}.sidebar-foot small,.userchip small{color:#99979b}.logout{background:#29180f;border:1px solid #624021;color:#ffc59e;border-radius:8px;padding:10px;width:100%;margin-top:7px}.main-wrap{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:78px;padding:0 36px;border-bottom:1px solid #292327;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;font-weight:800;color:#aaa3a2;letter-spacing:.09em}.breadcrumb span{color:#ff6a00;margin:0 10px}.userchip{display:flex;align-items:center;gap:11px;background:#171517;border:1px solid #343035;border-radius:28px;padding:7px 16px 7px 7px}.userchip div{display:grid;gap:2px}.userchip strong{font-size:13px}.userchip small{font-size:10px}.avatar{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:linear-gradient(135deg,#fe8a18,#aa350a);font-weight:900}.main-wrap main{width:100%;max-width:1500px;margin:0 auto;padding:32px 36px 70px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between}.page-heading h1{font-size:clamp(30px,4vw,44px);margin:12px 0 7px;letter-spacing:-.04em}.page-heading h1 span,.welcome-banner h2 span,.landing h1 span{color:#ff6a00}.page-heading p,.section-header p,.welcome-banner p,.guild-heading p,.settings-card p{color:#a9a3a4;line-height:1.6;margin:0}.heading-art{font-size:67px;filter:drop-shadow(0 0 28px #ff6a0069)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:28px 0}.stat{background:linear-gradient(135deg,#1e1816,#151315);border:1px solid #42332e;border-radius:17px;padding:22px;display:flex;gap:15px;align-items:center}.stat:first-child{border-color:#fd690e;box-shadow:inset 0 0 35px #ff6a0010}.stat-icon{background:#42210d;color:#ff790f;border-radius:13px;font-size:28px;width:55px;height:55px;display:grid;place-items:center}.stat strong{font-size:29px;display:block;line-height:1.1}.stat small{display:block;color:#aca3a3;font-size:12px;margin-top:8px}.welcome-banner{min-height:223px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:38px 43px;background:radial-gradient(ellipse at 80% 85%,#763008 0,transparent 49%),linear-gradient(115deg,#161315,#24150e);border:1px solid #493326;border-radius:22px}.welcome-banner h2{font-size:clamp(25px,3.5vw,40px);margin:10px 0 10px;letter-spacing:-.035em}.welcome-banner p{max-width:530px}.octopus-art{font-size:138px;line-height:1;filter:drop-shadow(0 0 36px #ff6a00ad);transform:rotate(-12deg);margin-right:28px}.servers-section{margin-top:38px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-header h2{font-size:25px;margin:0 0 6px}.server-list{display:grid;gap:12px}.server-item{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #343036;background:#171619;border-radius:17px}.server-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#30212a;flex-shrink:0;font-size:26px;font-weight:800;color:#ff8c30;overflow:hidden}.server-icon img{width:100%;height:100%;object-fit:cover}.server-meta{flex:1;min-width:0}.server-meta strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.server-meta small{display:block;color:#a29da4;margin-top:5px}.status{font-size:12px;padding:7px 12px;border-radius:28px;white-space:nowrap}.online{background:#143726;color:#64eba0}.offline{background:#32251f;color:#eab08b}.btn{background:linear-gradient(110deg,#ff8d10,#ef5608);border:1px solid #fc7a16;color:#fff;border-radius:11px;padding:12px 19px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:hover{filter:brightness(1.12)}.btn.outline{background:#271a13;color:#ffd3b2;border-color:#cf580a}.btn.secondary{background:#242123;border-color:#484044}.btn.small{font-size:13px;padding:10px 13px}.empty-state{color:#aba4ab;text-align:center;background:#171619;padding:40px;border:1px solid #343036;border-radius:16px}.back-link{color:#ffa459;font-size:13px}.guild-heading{display:flex;align-items:center;gap:20px;margin:30px 0}.server-icon.large{height:70px;width:70px}.guild-heading h1{font-size:clamp(28px,4vw,40px);margin:7px 0}.settings-card{max-width:780px;background:#171619;border:1px solid #3a2d29;border-radius:20px;padding:30px}.settings-card-head{display:flex;align-items:center;gap:15px;border-bottom:1px solid #342a28;padding-bottom:22px;margin-bottom:26px}.settings-card-head h2{margin:0 0 5px}.setting-symbol{color:#ff8a1b;background:#3c220f;padding:15px;border-radius:15px;font-size:24px}.settings-card label{display:block;font-size:14px;font-weight:700;margin:20px 0}.settings-card select,.settings-card textarea{display:block;width:100%;background:#0f0e10;color:#f8f8fa;border:1px solid #4b3c35;border-radius:10px;padding:13px;margin-top:10px;outline:none}.settings-card select:focus,.settings-card textarea:focus{border-color:#ff6a00}.settings-card textarea{min-height:116px;resize:vertical}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;padding:16px;background:#211917;border-radius:12px}.toggle-row small{display:block;color:#9d9693;font-weight:400;margin-top:4px}.toggle-row input{accent-color:#ff6a00;width:22px;height:22px}.helper{font-size:12px}.helper code{color:#ffac66}footer{font-size:12px;text-align:center;color:#706b72;padding:23px}.public-shell{min-height:100vh;display:flex;flex-direction:column}.public-head{display:flex;align-items:center;justify-content:space-between;padding:22px 7%;border-bottom:1px solid #262125}.landing{max-width:1100px;margin:0 auto;position:relative;padding:100px 0;min-height:580px}.landing h1{font-size:clamp(40px,7vw,72px);line-height:1.1;letter-spacing:-.05em;max-width:710px}.landing p{max-width:610px;color:#afa9ab;line-height:1.7;font-size:19px}.tag{font-size:12px;color:#ff9c59;letter-spacing:.14em;font-weight:800}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.landing-art{position:absolute;right:0;top:115px;font-size:160px;opacity:.7;filter:drop-shadow(0 0 60px #f60);pointer-events:none}.public-shell main{width:100%}@media(max-width:1000px){.sidebar{width:210px}.main-wrap main{padding:27px 23px}.stats{grid-template-columns:repeat(2,1fr)}.landing-art{opacity:.15}}@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative;padding:13px}.sidebar .side-label,.sidebar-foot{display:none}.side-nav{display:flex;overflow:auto;margin-top:10px}.side-nav a{white-space:nowrap;padding:10px;font-size:12px}.side-nav a span{display:inline}.brand{font-size:19px}.topbar{height:64px;padding:0 17px}.userchip small{display:none}.main-wrap main{padding:22px 17px}.stats{grid-template-columns:1fr}.heading-art{font-size:40px}.welcome-banner{padding:24px;min-height:180px}.octopus-art{font-size:70px;margin:0}.server-item{flex-wrap:wrap}.status{margin-left:auto}.server-item .btn{width:100%}.landing{padding:55px 0;min-height:450px}.landing-art{font-size:100px}.public-head{padding:14px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}