:root{font-family:Segoe UI,Arial,sans-serif;color:#e8eaf1;background:#0d0f14;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#0d0f14;--panel:#14171e;--panel2:#191c24;--line:#262a34;--muted:#858b99;--green:#99e65c;--green-dark:#203321;--red:#f37878}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 82% -10%,#1d2821 0,transparent 38%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}.hidden{display:none!important}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,430px);padding:38px;background:#14171e;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 80px #0005}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f5f6f7;font-family:"Space Grotesk",sans-serif;font-size:20px;font-weight:700;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);color:#15200e;font-size:17px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.55px;color:#8dbf66;margin:30px 0 9px}.auth-card h1,.page-heading h1{font-family:"Space Grotesk",sans-serif;font-size:29px;letter-spacing:-1px;margin:0}.muted{color:var(--muted);font-size:13px}.auth-card>.muted{margin:10px 0 28px}.stack{display:grid;gap:17px}.stack label,.modal-form label{display:grid;gap:8px;color:#c9ccd5;font-size:12px;font-weight:600}.stack input,.modal-form input,.modal-form select{width:100%;height:44px;background:#0f1117;border:1px solid #2b303b;border-radius:7px;padding:0 12px;color:#f3f4f6;outline:none}.stack input:focus,.modal-form input:focus,.modal-form select:focus,textarea:focus{border-color:#85bb54}.stack small,.modal-form small{font-weight:400;color:#818795;font-size:11px}.button{border:1px solid transparent;border-radius:7px;min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;transition:.16s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.primary{background:var(--green);color:#172112}.button.primary span{font-size:16px}.button.secondary{background:#1b1e26;border-color:#2d313c;color:#d9dce4}.stack .button{margin-top:5px;height:45px}.notice,.modal-note{border:1px solid #374535;background:#1a241a;color:#a8c797;padding:12px;border-radius:7px;font-size:11px;line-height:1.5}.auth-foot{border-top:1px solid var(--line);margin:23px 0 0;padding-top:16px;color:#737987;font-size:10px;line-height:1.5}.message{min-height:16px;color:var(--red);font-size:12px}.layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;padding:24px 15px 14px;background:#111319;border-right:1px solid #22252e;display:flex;flex-direction:column;z-index:2}.sidebar .brand{padding:0 8px 36px}.side-label{font-size:9px;letter-spacing:1.25px;color:#676d7a;padding:0 10px 13px;font-weight:700}.nav-item{height:42px;width:100%;border:0;border-radius:6px;background:transparent;color:#9da2ae;text-align:left;padding:0 11px;font-size:12px;margin:2px 0}.nav-item span{display:inline-block;width:25px;font-size:16px;color:#818795}.nav-item.active{color:#e6f4dc;background:#1b251b}.nav-item.active span{color:var(--green)}.sidebar-bottom{margin-top:auto}.local-status{display:flex;gap:10px;align-items:center;background:#171a20;border:1px solid #252932;padding:11px;border-radius:8px}.local-status i,.secure-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #99e65c77}.local-status div,.profile-copy{display:grid;gap:3px}.local-status b,.profile b{font-size:10px}.local-status small,.profile small{font-size:9px;color:#858b99}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #282b34;margin-top:13px;padding:14px 5px 0}.avatar{display:grid;place-items:center;background:#31452c;color:var(--green);font-size:12px;font-weight:700;width:30px;height:30px;border-radius:50%}.profile-copy{flex:1}.icon-button{width:32px;height:32px;border:0;background:transparent;color:#858b99;border-radius:6px;font-size:18px}.icon-button:hover{background:#242832;color:white}.main{margin-left:235px;min-height:100vh;padding:0 42px 50px;max-width:1600px}.topbar{height:63px;border-bottom:1px solid #22252e;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c7cad2}.crumb{color:#838997}.crumb-sep{margin:0 10px;color:#515662}.secure-pill{display:flex;align-items:center;gap:7px;border:1px solid #2a3328;border-radius:30px;color:#a6c596;font-size:10px;padding:7px 10px}.secure-pill i{width:6px;height:6px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:36px 0 26px}.page-heading .eyebrow{margin:0 0 9px}.page-heading .muted{margin:8px 0 0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.stat-card{position:relative;background:linear-gradient(140deg,#171a21,#14171d);border:1px solid #292d36;border-radius:9px;padding:17px 18px;min-height:115px;display:grid;gap:5px}.stat-card>span:first-child{font-size:11px;color:#a3a8b4}.stat-card>b{font-family:"Space Grotesk",sans-serif;font-size:23px;letter-spacing:-.8px}.stat-card small{color:#757b88;font-size:10px}.stat-icon{position:absolute;right:17px;top:17px;color:#a8df78;font-size:19px;opacity:.8}.section-title{display:flex;align-items:center;justify-content:space-between;margin:33px 0 16px}.section-title h2{font-size:15px;margin:0}.section-title p{margin:6px 0 0;font-size:11px}.count-pill{font-size:10px;color:#aaaeba;border:1px solid #2d313b;border-radius:30px;padding:6px 10px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.server-card{background:#15181f;border:1px solid #292d37;border-radius:9px;padding:16px;transition:.15s}.server-card:hover{border-color:#414b3c;transform:translateY(-2px)}.server-card-top{display:flex;justify-content:space-between;align-items:flex-start}.edition-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#252e22;color:var(--green);font-size:16px;font-weight:700}.edition-icon.bedrock{background:#202b36;color:#85c9f5}.server-card h3{margin:15px 0 4px;font-size:14px}.server-meta{font-size:10px;color:#8b919e}.status-tag{font-size:9px;color:#d3b77b;background:#302a1d;padding:5px 7px;border-radius:5px}.server-card-bottom{border-top:1px solid #272b34;margin-top:15px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;color:#9298a5;font-size:10px}.server-card-bottom b{color:#d8dbe2;font-weight:600}.server-actions{display:flex;gap:5px}.server-action{border:0;background:#20242c;border-radius:5px;padding:7px 10px;font-size:10px;color:#dfe3e9}.server-action:hover{background:#29352a;color:#b9ee8d}.server-action.server-remove:hover{background:#352222;color:#ffaaaa}.empty-state{text-align:center;border:1px dashed #343944;border-radius:10px;padding:48px 20px;margin-top:14px}.empty-icon{color:#a1db71;font-size:29px}.empty-state h3{font-size:15px;margin:12px 0 5px}.empty-state p{color:#888e9a;font-size:11px;margin:0 auto 18px;max-width:350px}.table-wrap,.file-card{border:1px solid #2a2e38;border-radius:9px;background:#15181f;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:.8px;color:#858b99;background:#191c24}td,th{padding:14px 16px;border-bottom:1px solid #282c35}td{font-size:11px;color:#c9ccd4}tbody tr:last-child td{border-bottom:0}.user-cell{display:flex;gap:9px;align-items:center}.user-cell .avatar{width:29px;height:29px}.role-tag{font-size:9px;background:#252a32;padding:5px 7px;border-radius:5px}.delete-user{border:0;background:transparent;color:#ee8b8b;font-size:11px}.back-link{border:0;background:none;color:#a5db79;font-size:11px;margin-top:26px;padding:0}.file-heading{margin:15px 0 22px}.file-heading .eyebrow{margin:0 0 8px}.button-row{display:flex;gap:7px}.storage-banner{display:flex;align-items:center;gap:12px;background:#171c18;border:1px solid #2a3528;border-radius:8px;padding:12px 15px;margin-bottom:16px}.storage-icon{color:#a5dd76;font-size:18px}.storage-info{display:grid;gap:3px;min-width:150px}.storage-info b{font-size:10px}.storage-info span{font-size:9px;color:#899185}.progress{height:5px;background:#30362d;border-radius:4px;flex:1;overflow:hidden}.progress i{display:block;width:0;height:100%;background:#a2e66e;border-radius:4px;transition:width .2s}.file-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:43px;padding:0 13px;border-bottom:1px solid #292d36}.breadcrumbs{font-size:10px;color:#8f95a1}.breadcrumbs button{border:0;background:none;color:#a9df7a;padding:4px}.file-row{display:grid;grid-template-columns:1fr 100px 145px 34px;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-bottom:1px solid #252932;font-size:11px}.file-row:last-child{border-bottom:0}.file-name{display:flex;align-items:center;gap:9px;min-width:0}.file-name button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:0;padding:0;color:#d9dce3;text-align:left;font-size:11px}.file-name button:hover{color:#ace678}.file-icon{font-size:14px;color:#a3d976}.file-size,.file-date{font-size:9px;color:#838996}.file-delete{border:0;background:transparent;color:#747b87;font-size:14px}.file-delete:hover{color:#ed8888}.file-empty{padding:23px;text-align:center;color:#838996;font-size:11px}dialog{background:#15181f;color:#e8eaf1;border:1px solid #323640;border-radius:12px;padding:0;width:min(92vw,480px);box-shadow:0 24px 80px #000a}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.modal-form{padding:23px;display:grid;gap:17px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2px}.modal-head .eyebrow{margin:0 0 7px}.modal-head h2{font-size:19px;margin:0}.modal-form label{gap:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-form select{appearance:auto}.modal-note{margin:0;font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}.editor-form{height:min(78vh,700px);grid-template-rows:auto 1fr auto}.editor-form textarea{resize:vertical;min-height:220px;background:#0f1117;border:1px solid #2b303b;border-radius:7px;padding:12px;color:#e3e5e9;font:12px/1.6 Consolas,monospace;outline:none}.toast{position:fixed;z-index:5;right:22px;bottom:20px;padding:12px 16px;background:#20251e;border:1px solid #394833;border-radius:8px;color:#c9ebb2;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#2b1d1d;border-color:#503333;color:#ffc0c0}
@media(max-width:1050px){.main{padding:0 24px 40px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:205px}.main{margin-left:205px}}
@media(max-width:700px){.sidebar{position:static;width:auto;height:auto;padding:12px 14px;display:flex;flex-direction:row;align-items:center;gap:7px;border-right:0;border-bottom:1px solid #22252e}.sidebar .brand{padding:0;margin-right:auto}.side-label,.sidebar-bottom{display:none}.nav-item{width:34px;height:34px;margin:0;padding:0;text-align:center;font-size:0}.nav-item span{width:auto}.main{margin:0;padding:0 15px 35px}.topbar{height:50px}.secure-pill{font-size:0}.page-heading{align-items:flex-start;gap:14px;flex-direction:column;margin:28px 0 20px}.page-heading>.button{align-self:stretch}.stats{grid-template-columns:1fr}.stat-card{min-height:93px}.server-grid{grid-template-columns:1fr}.file-heading{gap:13px}.button-row{width:100%;flex-wrap:wrap}.button-row .button{flex:1}.file-row{grid-template-columns:1fr 55px 32px}.file-date{display:none}.file-name{min-width:0}.form-row{grid-template-columns:1fr}.table-wrap{overflow:auto}table{min-width:550px}.auth-card{padding:28px 23px}}
.auth-link{border:0;background:none;color:#a6d77c;font-size:11px;padding:4px 0;text-align:center}.auth-link:hover{text-decoration:underline}.message.success{color:#a8c797}.user-status{font-size:9px;padding:5px 7px;border-radius:5px;background:#1f3020;color:#a9df8b}.user-status.pending{background:#302a1d;color:#e5c986}.user-status.disabled{background:#302020;color:#e5a0a0}.user-action{border:0;background:none;color:#a6d77c;font-size:10px;padding:5px}.user-action:hover{text-decoration:underline}.user-action.danger{color:#ee8b8b}

/* Refined, image-free auth experience and dashboard surfaces. */
body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#0a0d0b}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 44%,#1d2b1d55,transparent 37%),radial-gradient(ellipse at 88% 8%,#26352045,transparent 28%);z-index:-1}
.auth-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:52px clamp(28px,6.8vw,104px);display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,430px);align-items:center;gap:clamp(34px,7vw,100px)}
.auth-hero{min-width:0;min-height:690px;display:flex;flex-direction:column;justify-content:space-between;padding:15px 0 7px}
.hero-topline,.hero-foot{display:flex;align-items:center;gap:9px;color:#818b7d;font-size:9px;font-weight:700;letter-spacing:1.55px}
.hero-signal{width:7px;height:7px;border-radius:2px;background:#9be65d;box-shadow:0 0 16px #9be65d88}
.hero-divider{color:#414c3c}
.hero-copy{position:relative;z-index:1;margin:42px 0 8px}
.hero-copy .eyebrow{margin:0 0 18px;font-size:9px;letter-spacing:2px}
.hero-copy h2{margin:0;color:#f1f5ea;font-family:Segoe UI,Arial,sans-serif;font-size:clamp(37px,4.35vw,64px);line-height:1.04;letter-spacing:-2.7px;font-weight:650}
.hero-copy h2 span{color:#a7e875}
.hero-copy>p:last-child{max-width:440px;margin:18px 0 0;color:#9aa397;font-size:13px;line-height:1.75}
.hero-art{position:relative;isolation:isolate;height:278px;max-width:570px;margin:4px 0 2px;overflow:hidden;border:1px solid #2b3828;border-radius:18px;background:linear-gradient(145deg,#172018 0%,#111713 49%,#101312 100%);box-shadow:inset 0 1px #ffffff08,0 28px 80px #0003}
.hero-art::before{content:"";position:absolute;inset:15% 10% 0;background:radial-gradient(ellipse at 51% 65%,#8dce5931,transparent 38%);filter:blur(20px);z-index:-1}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#b5d99b0b 1px,transparent 1px),linear-gradient(90deg,#b5d99b0b 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent);transform:perspective(380px) rotateX(56deg) scale(1.42) translateY(57px);transform-origin:center bottom}
.voxel{position:absolute;bottom:73px;width:83px;height:83px;border:1px solid #e1ffc330;background:linear-gradient(145deg,#a4e86d 0%,#72b849 58%,#447a33 100%);box-shadow:inset 8px 8px 20px #ecffc52b,18px 20px 38px #0007;transform:rotate(45deg) skew(-7deg,-7deg);border-radius:8px}
.voxel::before,.voxel::after{content:"";position:absolute;inset:12px;border:1px solid #efffd529;border-radius:4px}
.voxel::after{inset:25px;background:#d6ff9c18}
.voxel-main{left:43%;width:112px;height:112px;bottom:76px;background:linear-gradient(145deg,#c1fa83,#8dcf57 58%,#56883c);z-index:2}
.voxel-back{left:25%;width:61px;height:61px;bottom:42px;background:linear-gradient(145deg,#668a4d,#314c32);opacity:.9}
.voxel-small{left:65%;width:58px;height:58px;bottom:47px;background:linear-gradient(145deg,#b7e889,#669947);z-index:1}
.voxel-side{left:72%;width:31px;height:31px;bottom:119px;background:linear-gradient(145deg,#8fcc5a,#477b36);opacity:.85}
.art-label{position:absolute;left:20px;right:20px;bottom:17px;display:flex;align-items:center;gap:9px;color:#849080;font-size:8px;font-weight:700;letter-spacing:1.4px}
.art-label i{width:5px;height:5px;border-radius:50%;background:#a6e66f;box-shadow:0 0 10px #a6e66f}
.hero-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.hero-features>div{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 10px;border:1px solid #242d23;border-radius:9px;background:#111713a8;color:#bec8b9;font-size:9px;line-height:1.5}
.feature-mark{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;background:#202c1c;color:#a4e56d;font-size:8px;font-weight:700}
.hero-foot{justify-content:space-between;border-top:1px solid #242b23;padding-top:15px;font-size:8px;letter-spacing:1.3px}
.auth-card{width:100%;padding:35px;background:linear-gradient(155deg,#171b1e,#121518 66%);border:1px solid #2a302c;border-radius:16px;box-shadow:0 32px 100px #0007,inset 0 1px #ffffff08}
.auth-card .brand{margin-bottom:3px}
.auth-card .eyebrow{color:#9edb71}
.auth-card h1{font-size:27px;letter-spacing:-.8px}
.auth-card>.muted{line-height:1.6}
.auth-card .stack{gap:15px}
.auth-card .stack input{height:47px;background:#0d1010;border-color:#303831;border-radius:8px;transition:border-color .15s,box-shadow .15s}
.auth-card .stack input:focus{border-color:#93ce64;box-shadow:0 0 0 3px #8acb4b1a}
.auth-card .button.primary{min-height:46px;border-radius:8px;background:linear-gradient(135deg,#b0ed78,#8ed854);box-shadow:0 8px 22px #8ed85420}
.auth-card .notice{border-color:#344331;background:#1c261b;color:#b9dba7;line-height:1.65}
.auth-foot{line-height:1.65}
.button:focus-visible,.auth-link:focus-visible,.nav-item:focus-visible,.icon-button:focus-visible{outline:2px solid #a6e875;outline-offset:3px}
.main{max-width:none;padding-left:clamp(24px,4vw,60px);padding-right:clamp(24px,4vw,60px)}
.topbar{position:sticky;top:0;z-index:1;background:#0d100eee;backdrop-filter:blur(12px)}
.page-heading h1{font-size:32px;letter-spacing:-1.3px}
.stats{gap:15px}
.stat-card{min-height:125px;padding:19px;border-color:#2b302d;background:linear-gradient(145deg,#171b1c,#131617);transition:transform .18s,border-color .18s}
.stat-card:hover,.server-card:hover{transform:translateY(-3px);border-color:#4b613d}
.server-grid{gap:16px}
.server-card{padding:18px;border-color:#2b302d;background:linear-gradient(145deg,#171b1c,#131617);transition:transform .18s,border-color .18s}
.server-card h3{font-size:15px}
.server-action{border:1px solid #303831}
.section-title{margin-top:37px}
.file-card,.table-wrap{border-color:#2b302d;background:#131718}
.file-row:hover{background:#ffffff04}
.storage-banner{background:linear-gradient(100deg,#182019,#151a17);border-color:#344131}
.empty-state{border-color:#3a4438;background:#11151366}
@media(max-width:1000px){.auth-shell{grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:30px;padding:34px}.auth-hero{min-height:640px}.hero-copy h2{font-size:clamp(36px,5vw,50px)}.hero-features{gap:6px}.hero-features>div{gap:7px;padding:8px 7px;font-size:8px}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr;gap:0;min-height:100vh;padding:24px 18px}.auth-hero{display:none}.auth-card{width:min(100%,430px);margin:auto;padding:29px 24px}.main{padding-left:18px;padding-right:18px}}
@media(max-width:420px){.auth-shell{padding:16px}.auth-card{padding:25px 20px}.auth-card h1{font-size:25px}}
:root{color-scheme:dark}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a6e875;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}