@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080e14;--panel:#101b23;--panel2:#14212b;--line:#253744;--text:#eaf5f7;--muted:#91a6b0;--cyan:#84f5ef;--cyan2:#33d8d4;--danger:#fa998f}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1,h2,.brand{font-family:'Space Grotesk',sans-serif}h1{letter-spacing:-.045em;line-height:1.05}h2{letter-spacing:-.025em}.accent{color:var(--cyan)}.muted{color:var(--muted);font-size:.875rem}.eyebrow{color:var(--cyan);font-size:.75rem;font-weight:700;letter-spacing:.19em}.brand{font-size:1.32rem;font-weight:700;letter-spacing:.14em;display:flex;align-items:center;gap:.7rem;white-space:nowrap}.brand-mark{width:2rem;height:2rem;border:1px solid var(--cyan2);color:var(--cyan);display:grid;place-items:center;clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);font-size:1rem;box-shadow:inset 0 0 13px #25d3d540}
.public-header{height:5.4rem;padding:0 max(4vw,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20323b;background:#0a1118}.public-header nav{display:flex;gap:2.4rem;align-items:center;font-size:.9rem;font-weight:600}.public-header nav a:hover,.auth-links a:hover{color:var(--cyan)}.public-header .nav-cta{border:1px solid #2b5963;padding:.7rem 1.15rem;border-radius:.4rem;color:var(--cyan)}
.hero{min-height:calc(100vh - 9rem);max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:3rem 4vw 4rem;gap:2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 44%,#0d6d7126,transparent 47%);pointer-events:none}.hero-copy,.hero-art{position:relative}.hero-copy{z-index:1}.hero .eyebrow{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.cyan-line{display:inline-block;width:1.6rem;height:2px;background:var(--cyan)}.status-pill{border:1px solid #2c5258;background:#153139;color:#85d7d4;padding:.28rem .6rem;border-radius:2rem;font-size:.64rem;letter-spacing:.1em;margin-left:1rem}.hero h1{font-size:clamp(3.2rem,6vw,6.5rem);margin:2rem 0 1.5rem;font-weight:700}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{max-width:34rem;color:#aec2c9;font-size:1.17rem;line-height:1.7}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2.5rem 0}.button{border-radius:.45rem;display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;padding:.85rem 1.35rem;border:1px solid transparent;font-weight:700;font-size:.9rem;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--cyan);color:#072021}.button.primary:hover{box-shadow:0 0 25px #39caca55}.button.secondary{border-color:#42616a;background:#10202a;color:#d5f7f5}.button.danger{border-color:#815151;color:#ffb1a8;background:#3c2226}.button.small{padding:.6rem 1rem;font-size:.84rem}.hero-note{font-size:.82rem;color:#77969f;display:flex;align-items:flex-start;gap:.6rem;max-width:29rem}.pulse,.topbar-dot{width:.45rem;height:.45rem;flex:none;border-radius:50%;background:var(--cyan2);box-shadow:0 0 12px var(--cyan2);margin-top:.4rem}.hero-art{display:grid;place-items:center}.hero-art img{width:min(100%,650px);height:auto;filter:drop-shadow(0 8px 30px #09babb24);mix-blend-mode:screen}.image-halo{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:#15bfc41c;filter:blur(65px)}.public-footer{border-top:1px solid #20323b;display:flex;justify-content:space-between;gap:2rem;padding:1.4rem 4vw;color:#69838b;font-size:.75rem;letter-spacing:.04em}
.auth-wrap{min-height:calc(100vh - 5.4rem);display:grid;place-items:center;padding:3rem 1rem;background:radial-gradient(ellipse at 50% 20%,#13434a44,transparent 48%)}.auth-panel{width:min(100%,470px);background:#101b23;border:1px solid #2a3e49;border-radius:1rem;padding:2.5rem;box-shadow:0 30px 75px #0006}.auth-panel h1{font-size:2.5rem;margin:.6rem 0}.auth-panel>p{color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:.5rem;margin:1.8rem 0 1rem}.auth-form label{font-size:.85rem;font-weight:700;margin-top:.4rem}.auth-form input,.resend input{width:100%;color:var(--text);background:#0b151c;border:1px solid #34505b;padding:.78rem .9rem;border-radius:.4rem;outline:none}.auth-form input:focus,.resend input:focus{border-color:var(--cyan2);box-shadow:0 0 0 2px #45dcd223}.auth-form .button{margin-top:1rem;width:100%;justify-content:space-between}.auth-form p{margin:.4rem 0}.auth-form ul{color:#a7b7bd;font-size:.8rem;padding-left:1.2rem}.field-error,.errorlist{color:var(--danger)}.auth-links{display:flex;justify-content:space-between;gap:1rem;font-size:.84rem;color:var(--muted);flex-wrap:wrap}.auth-links a,.resend button{color:var(--cyan)}.form-note,.resend{font-size:.82rem;color:var(--muted);margin-top:1.3rem}.resend{border-top:1px solid var(--line);padding-top:.6rem}.resend form{display:flex;gap:.4rem}.resend button{border:1px solid #42616a;background:transparent;border-radius:.4rem;padding:.4rem .8rem}.messages{margin-bottom:1rem}.public-messages{max-width:470px;margin:1.5rem auto -1rem}.message{padding:.7rem 1rem;border:1px solid #3c6267;background:#153039;border-radius:.4rem;color:#d4f6f4}.message.error{border-color:#89545c;color:#ffb2b2;background:#3a2028}.message.warning{border-color:#92734b;color:#ffdfab}
.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;flex:none;background:#0d171e;border-right:1px solid #253943;padding:1.7rem 1rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{margin:.1rem .7rem 3.5rem}.sidebar-label{display:block;color:#657f8a;letter-spacing:.15em;font-size:.68rem;font-weight:700;padding:.3rem .9rem;margin-bottom:.8rem}.admin-label{margin-top:1.8rem}.sidebar nav a,.sidebar-bottom a,.sidebar-bottom button{display:flex;width:100%;align-items:center;gap:.85rem;color:#a6b8c0;padding:.72rem .9rem;border-radius:.45rem;font-size:.91rem;margin:.2rem 0;background:transparent;border:0;text-align:left}.sidebar nav a:hover,.sidebar-bottom a:hover,.sidebar-bottom button:hover{background:#172b33;color:var(--text)}.sidebar nav a.active,.sidebar-bottom a.active{background:#12343a;color:var(--cyan);box-shadow:inset 3px 0 var(--cyan2)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem}.main{min-width:0;flex:1}.topbar{height:4.8rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 clamp(1.2rem,4vw,4rem);background:#0b151b}.topbar-right{font-size:.85rem;color:#b7c9cf;display:flex;align-items:center;gap:.7rem}.topbar-dot{margin:0;width:.36rem;height:.36rem}.mobile-brand{display:none}.content{max-width:1480px;margin:auto;padding:clamp(1.5rem,4vw,4rem)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem}.page-heading h1{font-size:clamp(2.3rem,3.5vw,3.5rem);margin:.3rem 0}.page-heading p{color:var(--muted);margin:0}.heading-count{color:var(--cyan);border:1px solid #33646a;padding:.45rem .8rem;border-radius:3rem;font-size:.82rem}.card,.table-wrap,.empty-state{background:linear-gradient(135deg,#13212a,#101b23);border:1px solid #29404b;border-radius:.75rem}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:1rem}.session-card{padding:1.4rem}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;padding-bottom:1.3rem;border-bottom:1px solid var(--line)}.card-kicker{font-size:.72rem;letter-spacing:.13em;color:var(--cyan);text-transform:uppercase;font-weight:700}.card h2{font-size:1.3rem;margin:.2rem 0 0}.badge{font-size:.73rem;font-weight:700;border-radius:3rem;padding:.3rem .6rem;white-space:nowrap}.badge.online{color:#8ce5c8;background:#173c36;border:1px solid #376c5a}.badge.offline{color:#abc0c5;background:#273640;border:1px solid #445863}.metric-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--muted);font-size:.87rem;padding:.65rem 0}.metric-row strong{color:var(--text);font-weight:600;text-align:right;overflow-wrap:anywhere}.metric-row.progress strong{font-size:1.28rem;color:var(--cyan)}.card-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.empty-state{text-align:center;padding:clamp(2rem,6vw,5rem);display:flex;align-items:center;flex-direction:column}.empty-state h2{font-size:1.45rem;margin:.5rem 0}.empty-state p{max-width:27rem;color:var(--muted)}.empty-icon{font-size:2.5rem;color:var(--cyan);line-height:1.2}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left;font-size:.9rem}th,td{padding:1rem 1.2rem;border-bottom:1px solid var(--line)}th{color:#8aa6b0;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em}tr:last-child td{border-bottom:0}.release-list{display:grid;gap:1rem}.release{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem}.release p{color:var(--muted);margin:.65rem 0}.account-card{max-width:600px;padding:1.2rem 1.5rem}.account-actions{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{padding:1.2rem}.stat span{color:var(--muted);font-size:.85rem}.stat strong{font:700 2.3rem 'Space Grotesk',sans-serif;display:block;margin-top:.4rem}.admin-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.5rem 0 2rem}.admin-links a{background:#15232c;border:1px solid var(--line);border-radius:.45rem;padding:1rem;color:var(--cyan)}.admin-links a:hover{border-color:var(--cyan2)}.section-heading{font-size:1.2rem}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:left;padding-top:4rem}.hero-art{grid-row:1;max-width:380px;margin:auto}.hero h1{margin-top:1rem}.stat-grid{grid-template-columns:repeat(2,1fr)}}
.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2rem}.admin-stats table{min-width:0}
@media(max-width:680px){.public-header{height:4.5rem;padding:0 1rem}.public-header nav{gap:.8rem;font-size:.8rem}.public-header nav a:first-child{display:none}.public-header .nav-cta{padding:.5rem}.public-header .brand-mark{display:none}.brand{font-size:1rem}.hero{padding:2rem 1rem 3rem;min-height:auto}.hero-art{max-width:270px}.hero h1{font-size:3.4rem}.status-pill{margin-left:0}.public-footer{flex-direction:column;gap:.4rem}.auth-panel{padding:1.5rem}.app-shell{display:block}.sidebar{height:auto;width:100%;position:static;display:block;padding:.7rem;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand,.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:.2rem}.sidebar nav a{width:auto;white-space:nowrap;padding:.5rem .6rem;font-size:.8rem}.sidebar nav a span{display:inline}.topbar{height:3rem;padding:0 1rem}.mobile-brand{display:block;margin-right:auto;letter-spacing:.13em;font-weight:700}.content{padding:1.3rem}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:1.4rem}.page-heading h1{font-size:2.4rem}.release{align-items:flex-start;flex-direction:column}.stat-grid,.admin-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.admin-stats{grid-template-columns:1fr}}
@media(max-width:400px){.public-header nav a:not(.nav-cta){display:none}.stat-grid,.admin-links{grid-template-columns:1fr}.hero h1{font-size:2.9rem}}