:root{--bg:#050817;--bg2:#080c20;--panel:rgba(13,19,42,.72);--panel2:rgba(22,30,58,.78);--text:#eef5ff;--muted:#aab7d4;--blue:#9ed7ff;--pink:#ff9fd7;--violet:#c8bcff;--cyan:#38bdf8;--line:rgba(190,203,255,.16);--radius:28px;--shadow:0 24px 80px rgba(0,0,0,.38);--danger:#ff8ca3;--good:#82f5bc}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% -10%,rgba(158,215,255,.24),transparent 34%),radial-gradient(circle at 92% 8%,rgba(255,159,215,.2),transparent 30%),radial-gradient(circle at 48% 105%,rgba(200,188,255,.16),transparent 38%),linear-gradient(180deg,var(--bg),var(--bg2));background-attachment:fixed}
.grid-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(190,203,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(190,203,255,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
a{color:inherit;text-decoration:none}.shell{width:min(1420px,calc(100% - 32px));margin-inline:auto}.topbar{position:sticky;top:14px;z-index:20;min-height:70px;padding:10px 14px 10px 18px;display:flex;align-items:center;gap:24px;border:1px solid var(--line);border-radius:999px;background:rgba(8,12,32,.75);backdrop-filter:blur(22px);box-shadow:0 16px 50px rgba(0,0,0,.24)}
.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#071020;font-weight:950;background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink));box-shadow:0 0 28px rgba(158,215,255,.25)}.brand-mark.large{width:68px;height:68px;font-size:25px}.topbar nav{display:flex;gap:4px;margin:auto}.topbar nav a,.mail-sidebar nav a{padding:9px 14px;border-radius:999px;color:var(--muted);font-weight:700;transition:.18s ease}.topbar nav a:hover,.mail-sidebar nav a:hover,.mail-sidebar nav a.active{color:var(--text);background:linear-gradient(135deg,rgba(158,215,255,.14),rgba(255,159,215,.08));box-shadow:inset 0 0 0 1px var(--line)}.logout-form{margin:0}
.page{padding-block:80px 24px;min-height:calc(100vh - 128px)}.glass{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),var(--panel);backdrop-filter:blur(22px);border-radius:var(--radius);box-shadow:var(--shadow)}
h1,h2,h3{margin:0 0 .35em;font-weight:850;letter-spacing:-.045em;line-height:1.05}h1{font-size:clamp(36px,5vw,70px)}h2{font-size:clamp(24px,3vw,34px)}p{margin:0 0 1em;color:var(--muted)}.muted{color:var(--muted)}.gradient-text{color:transparent;background:linear-gradient(110deg,var(--blue),var(--violet) 48%,var(--pink));background-clip:text}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 17px;border:1px solid var(--line);border-radius:999px;color:var(--text);font:800 14px/1 inherit;cursor:pointer;background:rgba(8,14,36,.56);box-shadow:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px);border-color:rgba(158,215,255,.45);box-shadow:0 10px 30px rgba(56,189,248,.10)}.button.primary{border:0;color:#071020;background:linear-gradient(110deg,var(--blue),var(--violet),var(--pink));box-shadow:0 9px 28px rgba(158,215,255,.19)}.button.primary:hover{box-shadow:0 13px 38px rgba(255,159,215,.25)}.button.danger{color:#240912;background:var(--danger);border:0}.button.ghost{background:transparent}.button.wide{width:100%}
label{display:grid;gap:7px;margin:18px 0 0;color:#dce7fa;font-size:12px;font-weight:800;letter-spacing:.02em}input,textarea,select{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:16px;outline:0;color:var(--text);font:inherit;background:rgba(3,7,23,.62);transition:.18s ease}input:focus,textarea:focus,select:focus{border-color:rgba(158,215,255,.62);box-shadow:0 0 0 4px rgba(158,215,255,.1)}textarea{resize:vertical}.auth-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.65fr);align-items:center;gap:clamp(40px,7vw,110px);min-height:70vh}.auth-copy{padding-left:clamp(0px,3vw,50px)}.auth-copy p{max-width:610px;font-size:18px}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.trust-row span,.status-pill{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.05em;background:rgba(10,16,39,.5)}.auth-card{padding:clamp(26px,4vw,42px)}.auth-card .icon-orbit{display:flex;justify-content:flex-start;margin-bottom:26px}.auth-card h2{font-size:34px}.auth-card .button{margin-top:24px}
.alert{margin:16px 0;padding:12px 14px;border-radius:14px;border:1px solid}.alert.error{color:#ffc5d0;border-color:rgba(255,140,163,.32);background:rgba(255,89,122,.10)}.alert.success{color:#bdfbdc;border-color:rgba(130,245,188,.3);background:rgba(60,214,143,.09)}.hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:clamp(28px,4vw,54px);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:330px;height:330px;right:-120px;top:-160px;border-radius:50%;background:rgba(255,159,215,.12);filter:blur(40px);pointer-events:none}.hero h1{font-size:clamp(38px,4vw,58px)}.hero p{font-size:16px;max-width:720px}.hero-status{position:relative;z-index:1;min-width:220px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(5,8,23,.48)}.hero-status>*{display:block}.hero-status strong{margin:6px 0}.hero-status strong i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--good);box-shadow:0 0 14px var(--good)}.hero-status small{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat{position:relative;overflow:hidden;padding:22px}.stat:after{content:"";position:absolute;width:100px;height:100px;right:-40px;top:-50px;border-radius:50%;background:var(--blue);opacity:.08;filter:blur(8px)}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;margin:5px 0;font-size:34px;letter-spacing:-.05em}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel{padding:24px}.panel-head,.section-head,.message-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head{margin-bottom:28px}.section-head h1{font-size:52px}.section-head p{max-width:700px}.status-pill.good{color:var(--good);border-color:rgba(130,245,188,.25);background:rgba(60,214,143,.08)}.status-pill.bad{color:var(--danger)}.meter{height:7px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.07)}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 12px rgba(56,189,248,.3)}.meter.pink i{background:linear-gradient(90deg,var(--violet),var(--pink))}.meter.violet i{background:linear-gradient(90deg,var(--blue),var(--violet))}.resource-row{display:grid;grid-template-columns:50px 1fr 52px;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.resource-row b{text-align:right}.quick-actions{display:flex;gap:10px;margin-top:24px}.activity-list{margin-top:8px}.activity{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 10px rgba(130,245,188,.35)}.activity-dot.bad{background:var(--danger)}.activity small,.activity time{display:block;color:var(--muted);font-size:12px}.empty{padding:30px;text-align:center;color:var(--muted)}
.domains-grid{grid-template-columns:minmax(300px,.58fr) minmax(0,1.42fr)}.form-card{align-self:start}.hint{margin:16px 0;font-size:12px}.table-panel{min-width:0}.table-wrap{overflow:auto;margin-top:16px;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:700px}th,td;padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.04)}tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(158,215,255,.035)}td strong,td small{display:block}td small{color:var(--muted)}code{padding:3px 6px;border:1px solid var(--line);border-radius:7px;color:var(--blue);background:rgba(4,8,24,.5)}.mini-link,.file-name{color:var(--blue);font-weight:750}details{margin-top:8px}summary{color:var(--danger);cursor:pointer;font-size:12px}details form{display:grid;gap:8px;margin-top:8px}.file-actions{display:flex;gap:16px;justify-content:space-between}.file-actions form{display:flex;align-items:center;gap:8px}.file-actions input{width:auto}
.footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:15px 22px;border:1px solid var(--line);border-radius:999px;background:rgba(8,12,32,.65)}.error-card{max-width:700px;margin:10vh auto;padding:50px;text-align:center}.error-card p{font-size:18px}.error-card .button{margin-top:15px}
.mail-shell{display:grid;grid-template-columns:245px 1fr;min-height:690px;overflow:hidden}.mail-sidebar{display:flex;flex-direction:column;gap:25px;padding:25px;border-right:1px solid var(--line);background:rgba(4,8,24,.32)}.mail-sidebar nav{display:grid;gap:4px}.mail-sidebar .disabled{padding:9px 14px;color:#69738c;font-size:12px}.mail-sidebar form{margin-top:auto}.mail-main{padding:28px;min-width:0}.mail-main h1{font-size:30px}.message-list{margin-top:20px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.message-row{display:grid;grid-template-columns:42px minmax(120px,.55fr) 1fr minmax(140px,.5fr);align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line);transition:.18s ease}.message-row:hover{background:rgba(158,215,255,.05)}.message-row:last-child{border:0}.message-row .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#071020;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--pink))}.message-row .sender,.message-row time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.message-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-empty span{font-size:36px;color:var(--violet)}.message-view,.compose{max-width:1000px;margin-inline:auto}.message-view h1,.compose h1{font-size:42px}.message-meta{display:flex;gap:18px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}.mail-body{margin-top:25px;padding:24px;border-radius:18px;color:#172033;background:#f7f9ff}.mail-body *{max-width:100%}.mail-body pre{white-space:pre-wrap;color:#172033;font:15px/1.65 ui-sans-serif,sans-serif}.compose form{margin-top:20px}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.content-grid,.domains-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;min-height:auto}.auth-copy{padding:40px 0 0}.mail-shell{grid-template-columns:1fr}.mail-sidebar{border-right:0;border-bottom:1px solid var(--line)}.mail-sidebar nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{width:min(100% - 20px,1420px)}.topbar{top:7px;border-radius:22px;flex-wrap:wrap;gap:9px}.topbar nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.topbar nav a{padding:7px 10px}.logout-form{margin-left:auto}.page{padding-top:44px}.hero{grid-template-columns:1fr}.hero-status{min-width:0}.stats{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-head h1{font-size:40px}.file-actions,.file-actions form,.quick-actions{align-items:stretch;flex-direction:column}.file-actions input{width:100%}.footer{border-radius:20px}.footer .muted{display:none}.message-row{grid-template-columns:38px 1fr}.message-row strong,.message-row time{grid-column:2}.mail-main{padding:18px}.mail-shell{border-radius:20px}.mail-sidebar nav{grid-template-columns:1fr}.auth-copy h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.action-stack{display:grid;gap:9px}.inline-actions{display:flex;gap:6px;flex-wrap:wrap}.inline-actions form{margin:0}.button.compact{min-height:32px;padding:6px 10px;font-size:12px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.check input{width:auto}.secret-card{margin-bottom:18px;border-color:rgba(255,159,215,.4)}.secret-card code{user-select:all}.action-stack form{margin:0}.quick-actions{flex-wrap:wrap}
.brand-logo{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(200,188,255,.36))}.auth-logo{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 26px rgba(200,188,255,.34))}.button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.button.danger-outline{color:var(--danger);border-color:rgba(255,140,163,.34)}.danger-text{color:var(--danger)}
.drawer{position:fixed;inset:0;z-index:80;display:grid;grid-template-columns:1fr minmax(340px,520px);visibility:hidden;pointer-events:none}.drawer.is-open{visibility:visible;pointer-events:auto}.drawer-backdrop{grid-column:1/-1;grid-row:1;background:rgba(1,3,13,.72);opacity:0;transition:opacity .22s ease;backdrop-filter:blur(5px)}.drawer.is-open .drawer-backdrop{opacity:1}.drawer-panel{grid-column:2;grid-row:1;z-index:1;height:100%;overflow:auto;padding:30px;border-radius:28px 0 0 28px;transform:translateX(105%);transition:transform .24s ease;background:linear-gradient(145deg,rgba(22,30,58,.98),rgba(5,8,23,.98))}.drawer.is-open .drawer-panel{transform:translateX(0)}.drawer-panel.compact-drawer{max-width:470px;justify-self:end;width:100%}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.drawer-head h2{font-size:32px}.icon-button{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--text);font:300 28px/1 sans-serif;background:rgba(3,7,23,.5);cursor:pointer}.drawer-divider{height:1px;margin:26px 0;background:var(--line)}body.drawer-open{overflow:hidden}.password-field{display:grid;grid-template-columns:1fr auto;gap:8px}.password-field button{padding:0 13px;border:1px solid var(--line);border-radius:14px;color:var(--blue);font-weight:800;background:rgba(3,7,23,.72);cursor:pointer}.split-fields{display:grid;grid-template-columns:1fr 130px;gap:12px}.dns-records{display:grid;gap:10px;margin:18px 0 24px}.dns-records>div{display:grid;grid-template-columns:55px 90px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.dns-records strong{overflow-wrap:anywhere}.node-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.node-action-grid form:first-child{grid-column:1/-1}.node-action-grid form{margin:0}.drawer form>.button:last-child{margin-top:22px}
@media(max-width:700px){.drawer{grid-template-columns:1fr}.drawer-panel{grid-column:1;border-radius:20px 20px 0 0;height:min(88vh,760px);align-self:end;transform:translateY(105%)}.drawer.is-open .drawer-panel{transform:translateY(0)}.split-fields{grid-template-columns:1fr}.dns-records>div{grid-template-columns:50px 1fr}.dns-records strong{grid-column:1/-1}.node-action-grid{grid-template-columns:1fr}.node-action-grid form:first-child{grid-column:auto}}