/* Entry screen */
.entry-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:32px 28px;background:radial-gradient(ellipse at 15% 25%,#15433126,transparent 50%),radial-gradient(ellipse at 85% 80%,#17344530,transparent 50%),#090e12}
.entry-page:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#8cb19f25 .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(90deg,#0008,transparent 35%,transparent 65%,#0008);pointer-events:none}
.entry-shell{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;width:min(1040px,100%);min-height:616px;border:1px solid #304139;border-radius:28px;background:#111a18;box-shadow:0 34px 110px #0006,0 1px 0 #ffffff08 inset;overflow:hidden;animation:entry-arrive .45s ease-out}
.entry-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:30px 32px 27px;border-right:1px solid #293f363d;background:radial-gradient(ellipse at 50% 65%,#0b2e234d,transparent 65%),#07141c}
.entry-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.entry-brand strong{font-size:22px;letter-spacing:-.6px;font-weight:650}
.entry-brand .brand-mark{width:43px;height:43px;border-radius:12px;background:#07141c;overflow:hidden;border:1px solid #63e49b25;box-shadow:0 0 22px #37f49309;flex-shrink:0}
.entry-brand .brand-mark img{width:100%;height:100%;object-fit:cover;transform:translate(33%,31%) scale(2.5)}
.entry-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;margin:17px 0}
.entry-art>img{position:relative;width:112%;max-width:none;height:auto;object-fit:contain;mix-blend-mode:lighten;filter:brightness(.9) contrast(1.5);animation:entry-cat 9s ease-in-out infinite}
.entry-glow{position:absolute;inset:16%;border-radius:50%;background:#3bff8317;filter:blur(50px);animation:entry-light 7s ease-in-out infinite;pointer-events:none}
.entry-signature{display:flex;align-items:center;gap:18px;color:#94b3a2;font-size:10px;letter-spacing:3px}
.entry-signature-line{height:1px;flex:1;background:linear-gradient(90deg,#5daa7950,#5daa7910)}.entry-signature .ti{font-size:18px;color:#90ffbc}
.entry-content{align-self:center;padding:40px 46px 44px;min-width:0}
.entry-tabs{display:flex;gap:4px;width:fit-content;padding:4px;border:1px solid #304339;background:#09110f;border-radius:12px;margin-bottom:31px}
.entry-tabs button{border:0;background:transparent;color:#99aea2;padding:9px 21px;border-radius:8px;font-size:13px;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}
.entry-tabs button.active{background:#22392d;color:#beffd4;box-shadow:0 1px 4px #0003}.entry-tabs button:hover{color:#e6fff0;background:#23392b99}
.entry-content h1{font-size:34px;font-weight:650;line-height:1.16;letter-spacing:-1.2px;color:#eff9f3;margin:0 0 29px}
.entry-fields{display:grid;gap:19px}.entry-field{min-width:0}.entry-field>label{display:block;margin:0 0 9px;color:#c1d2c8;font-size:12px;font-weight:500}
.entry-input{position:relative}.entry-input>.ti{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px;color:#8aa695;pointer-events:none;z-index:1;transition:color .2s}
.entry-input .form-control{width:100%;height:51px;min-height:51px;background:#0a1410;color:#ecfff3;border:1px solid #3f594b;border-radius:11px;padding:12px 44px 12px 42px;font-size:13px;box-shadow:inset 0 2px 4px #0002;transition:border-color .2s,background-color .2s,box-shadow .2s}
.entry-input .form-control::placeholder{color:#829c8e;font-size:12px}.entry-input .form-control:focus{background:#102319;border-color:#72f0a4;box-shadow:0 0 0 3px #66f2a313;outline:none}.entry-input:focus-within>.ti{color:#9affe0}
.entry-input input:-webkit-autofill{-webkit-text-fill-color:#eafff1;box-shadow:0 0 0 1000px #14221a inset;caret-color:#eafff1}
.entry-passwords{display:grid;gap:13px}.entry-passwords.paired{grid-template-columns:1fr 1fr}
.entry-input .password-toggle{right:5px;top:7px;width:36px;height:36px;border-radius:7px;display:grid;place-items:center;color:#9bb7a7;transition:color .2s,background-color .2s}
.entry-input .password-toggle:hover{color:#c4ffd9;background:#8dfaaf0d}.entry-input .password-toggle:focus-visible{outline-offset:0}
.entry-submit{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:51px;margin-top:9px;padding:0 18px;border-radius:11px;font-size:14px;background:linear-gradient(110deg,#90f9ba,#55e493);border-color:#81efad;color:#0a2d19;box-shadow:0 5px 22px #42db7a14}
.entry-submit:hover{background:linear-gradient(110deg,#a5ffca,#6befa4);box-shadow:0 7px 28px #42db7a24}.entry-submit .ti{font-size:20px;transition:transform .2s}.entry-submit:hover .ti{transform:translateX(3px)}
.entry-submit:disabled{opacity:.55}.entry-fields .auth-error{padding:11px 13px;border:1px solid #ff9f9240;background:#5d241b20;border-radius:9px;margin:0;font-size:12px}.entry-fields .auth-error:empty{display:none}
@keyframes entry-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes entry-cat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes entry-light{0%,100%{opacity:.65}50%{opacity:1}}

/* Panel surfaces and navigation */
.layout{background:radial-gradient(ellipse at 90% 0,#193d2d19,transparent 45%),#0b1014}
.sidebar{margin:16px 0 16px 16px;top:16px;height:calc(100vh - 32px);border:1px solid #2b3b32;border-radius:20px;background:linear-gradient(165deg,#14201b,#0e1717 65%);padding:24px 12px 14px}
.sidebar .brand{padding:0 5px;gap:8px}.sidebar .brand-mark{width:62px;height:62px;border-radius:13px}.sidebar .brand>span:last-child{font-size:18px}.sidebar .brand small{font-size:9px;letter-spacing:1.4px}
.nav-label{font-size:10px;letter-spacing:2px;margin:31px 14px 12px;color:#7e968a}.nav-item{border-radius:10px;padding:12px;margin:4px 0;font-size:13px;gap:12px}.nav-item.active{background:#5df6a014;border-color:#6cff9c24;color:#a5f7c0}.nav-item.active:after{content:"";margin-left:auto;width:4px;height:15px;border-radius:3px;background:#86efac}.nav-item .ti{font-size:20px}
.sidebar-footer{border:0;border-radius:12px;background:#5e987711;padding:14px 16px;font-size:11px}.sidebar-footer strong{margin:4px 0 0;font-size:14px}.sidebar nav{margin-bottom:24px}
.topbar{height:88px;background:transparent;backdrop-filter:none;border-bottom-color:#31403755;font-size:13px}.account .avatar-owner{border:1px solid #46604c55}.workspace{padding-top:33px}.page-heading h1{font-size:30px;font-weight:650;letter-spacing:-.9px}
.panel,.server-card{border-color:#2b3a33;background:linear-gradient(135deg,#141e1c,#11191c)}.table thead th{background:#1c2c224d;color:#9ab0a1;letter-spacing:.7px;font-size:10px}.table tbody tr:hover{background:#8dffbc04}.btn-ghost:hover{background:#92efb609}
.server-tabs{border-color:#30483a;background:#0e1913}.server-tabs button.active{background:#74e69d1b;color:#b0f9c9}.toolbar .search input{border-color:#304037;background:#0d1613}.server-card:hover{border-color:#79e8a360;box-shadow:0 10px 28px #0003}
#server-grid>.empty{grid-column:1/-1;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #3b51444d;border-radius:19px;background:radial-gradient(ellipse at 50% 45%,#26623c12,transparent 70%)}
#server-grid>.empty .ti{width:70px;height:70px;display:grid;place-items:center;border:1px solid #557d613d;border-radius:20px;background:#7adb9510;font-size:30px;color:#98d6ab;margin-bottom:20px}#server-grid>.empty h2{font-weight:500;font-size:17px;color:#b3c6ba}

@media(max-width:1000px){.entry-content{padding:34px 30px}.entry-visual{padding:26px 25px}.entry-content h1{font-size:30px}.entry-shell{grid-template-columns:.85fr 1.15fr;min-height:590px}}
@media(max-width:800px){.sidebar{position:static;margin:12px 12px 0;top:auto;height:auto;padding:14px;border-radius:16px}.sidebar .brand{width:fit-content}.sidebar .brand-mark{width:43px;height:43px}.sidebar nav{margin:12px 0 0}.nav-item{padding:10px 12px}.nav-item.active:after{display:none}.topbar{height:65px}.workspace{padding-top:25px}.server-context{margin-top:12px}}
@media(max-width:720px){.entry-page{padding:24px 16px}.entry-shell{max-width:500px;grid-template-columns:1fr;min-height:0;border-radius:23px}.entry-visual{padding:23px 26px;border-right:0;border-bottom:1px solid #31463766;background:linear-gradient(110deg,#0b2017,#0b1920)}.entry-art,.entry-signature{display:none}.entry-brand .brand-mark{width:39px;height:39px}.entry-brand strong{font-size:21px}.entry-content{padding:27px 26px 32px}.entry-tabs{margin-bottom:25px}.entry-content h1{font-size:29px;margin-bottom:25px}.entry-fields{gap:19px}}
@media(max-width:420px){.entry-page{padding:15px 12px}.entry-content{padding:24px 21px 28px}.entry-visual{padding:20px 21px}.entry-content h1{font-size:27px}.entry-passwords.paired{grid-template-columns:1fr;gap:19px}.entry-input .form-control{height:49px;min-height:49px}.entry-tabs button{padding:8px 18px}.entry-input .password-toggle{top:6px}}
@media(prefers-reduced-motion:reduce){.entry-shell,.entry-art>img,.entry-glow{animation:none}.entry-tabs button,.entry-input .form-control,.entry-submit .ti{transition:none}.entry-submit:hover .ti{transform:none}}