:root{--font-display:"Helvetica Neue","Helvetica","Arial",sans-serif;--font-mono:"SF Mono","JetBrains Mono",Menlo,Monaco,"Courier New",monospace;--st-cream:#e8e6e4;--st-light:#becb89;--st-green:#758a3d;--st-ink:#111911;--ink-0:var(--st-cream);--ink-1:var(--st-light);--ink-2:#e8e6e4b8;--line:#ffffff1f;--line-strong:#fff3;--surface-glass:#ffffff0a;--surface-glass-strong:#ffffff0f;--surface-muted:#ffffff08;--input:#0e120ed6;--shadow-elevated:0 10px 30px #00000059;--ok:var(--st-light);--warn:#d4c37f;--error:#e19384;--neutral:var(--st-green);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{min-height:100vh;font-family:var(--font-display),sans-serif;letter-spacing:.01em;color:var(--ink-0);background:radial-gradient(1200px 600px at 20% 10%,#becb8933 0%,transparent 70%),radial-gradient(800px 500px at 80% 20%,#758a3d33 0%,transparent 65%),radial-gradient(1000px 600px at 50% 85%,#e8e6e41f 0%,transparent 60%),linear-gradient(180deg,#0e120e 0%,var(--st-ink)55%,#0e120e 100%);margin:0;font-weight:300;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 40px);position:fixed;inset:0;-webkit-mask:radial-gradient(60% 60% at 50% 40%,#000 0%,#0000 100%);mask:radial-gradient(60% 60% at 50% 40%,#000 0%,#0000 100%)}a{color:inherit}.page-shell{z-index:1;max-width:1180px;margin:0 auto;padding:28px 20px 56px;position:relative}.auth-shell{z-index:1;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.auth-card{border:1px solid var(--line);background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(420px,100%);box-shadow:var(--shadow-elevated);border-radius:20px;padding:22px}.auth-title{margin:8px 0 4px;font-size:clamp(1.6rem,3.6vw,2.2rem);line-height:1}.auth-copy{color:var(--ink-2);margin:0;font-size:.9rem}.auth-error{color:var(--error);background:#e193841f;border:1px solid #e1938459;border-radius:10px;margin:14px 0 0;padding:10px;font-size:.85rem;font-weight:500}.auth-form{gap:10px;margin-top:16px;display:grid}.auth-field{gap:6px;display:grid}.auth-field span{color:var(--ink-2);font-size:.76rem;font-weight:500;font-family:var(--font-mono),monospace}.auth-field input{border:1px solid var(--line);font-size:.95rem;font-weight:300;font-family:var(--font-display),sans-serif;color:var(--ink-0);background:var(--input);border-radius:10px;padding:10px}.auth-field input:focus{border-color:#becb898a;outline:2px solid #becb8957}.auth-submit{color:var(--st-ink);background:linear-gradient(180deg,var(--st-light),#98a86a);cursor:pointer;border:none;border-radius:9999px;margin-top:4px;padding:11px 14px;font-size:.92rem;font-weight:700;transition:transform .16s,filter .16s}.auth-submit:hover{filter:brightness(1.02);transform:translateY(-1px)}.hero{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.hero-actions{gap:8px;min-width:190px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-1);margin:0;font-size:.72rem;font-weight:500}h1{margin:6px 0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1}.subtitle{max-width:650px;color:var(--ink-2);margin:0;font-weight:300}.meta-box{border:1px solid var(--line);background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:190px;box-shadow:var(--shadow-elevated);border-radius:14px;padding:14px}.meta-box span{font-family:var(--font-mono),monospace;color:var(--ink-2);font-size:.75rem;font-weight:500;display:block}.meta-box strong{color:var(--ink-0);margin-top:4px;font-size:.95rem;font-weight:700;display:block}.logout-btn{border:1px solid var(--line);width:100%;color:var(--ink-0);background:var(--surface-glass);cursor:pointer;border-radius:9999px;padding:8px 12px;font-size:.84rem;font-weight:600;transition:transform .16s,border-color .16s,background-color .16s}.logout-btn:hover{border-color:var(--line-strong);background:#ffffff12;transform:translateY(-1px)}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-pill{border:1px solid var(--line);background:var(--surface-glass);box-shadow:var(--shadow-elevated);border-radius:14px;padding:12px 14px}.stat-pill span{color:var(--ink-2);font-size:.8rem;font-weight:500;display:block}.stat-pill strong{color:var(--ink-0);margin-top:4px;font-size:1.45rem;font-weight:700;display:block}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.environment-tabs{gap:0;display:grid}.tab-bar{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:0;display:flex}.tab-button{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:14px 14px 0 0;padding:9px 16px;font-size:.88rem;font-weight:500;transition:border-color .16s,background-color .16s,color .16s}.tab-button:hover{color:var(--ink-0);background:#ffffff12}.tab-button.active{border-color:var(--line-strong);background:var(--surface-glass-strong);color:var(--ink-0);border-bottom-color:#0000}.tab-button.add-tab{text-align:center;border-style:dashed;min-width:46px;padding:9px 0;font-size:1rem}.add-environment-panel{border:1px solid var(--line);background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elevated);border-radius:0 18px 18px;margin-bottom:10px;padding:16px}.add-panel-title{color:var(--ink-2);font-size:.92rem;font-weight:500;font-family:var(--font-mono),monospace;margin:0 0 12px}.add-environment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.field-group{gap:6px;display:grid}.field-group span{color:var(--ink-2);font-size:.76rem;font-weight:500;font-family:var(--font-mono),monospace}.field-group input{border:1px solid var(--line);font-size:.9rem;font-weight:300;font-family:var(--font-display),sans-serif;color:var(--ink-0);background:var(--input);border-radius:10px;padding:9px 10px}.field-group input:focus{border-color:#becb898a;outline:2px solid #becb8957}.add-env-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.action-btn{border:1px solid var(--line);cursor:pointer;border-radius:9999px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:transform .16s,background-color .16s,color .16s,border-color .16s}.action-btn.secondary{color:var(--ink-0);background:0 0;border-color:#ffffff24}.action-btn.secondary:hover{border-color:var(--line-strong);background:#ffffff0f;transform:translateY(-1px)}.action-btn.primary{color:var(--st-ink);background:linear-gradient(180deg,var(--st-light),#98a86a);border-color:#0000}.action-btn.primary:hover{filter:brightness(1.02);transform:translateY(-1px)}.environment-block{border:1px solid var(--line);background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elevated);border-top:none;border-radius:0 20px 20px;padding:18px}.environment-head{margin-bottom:14px}.environment-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.environment-head h2{margin:6px 0 0;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700}.environment-subtitle{color:var(--ink-2);margin:6px 0 0;font-size:.85rem;font-weight:300}.hub-card{border:1px solid var(--line);background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-elevated);border-radius:18px;min-height:300px;padding:18px;animation:.42s both rise}.delay-1{animation-delay:40ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-head h2,.card-head h3{margin:0;font-size:1.2rem;font-weight:700}.card-head p{color:var(--ink-2);margin:6px 0 0;font-size:.85rem;font-weight:300}.card-error{color:var(--error);background:#e193841f;border:1px solid #e1938459;border-radius:10px;margin:12px 0;padding:10px;font-size:.85rem;font-weight:500}.list-grid{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.list-item{border:1px solid var(--line);background:var(--surface-muted);border-radius:12px;padding:10px}.list-item a,.list-item strong{font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.list-item a:hover{text-decoration:underline}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.item-meta{color:var(--ink-2);font-size:.76rem;font-weight:500;font-family:var(--font-mono),monospace;flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{text-transform:lowercase;border:1px solid #0000;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:600;display:inline-block}.chip.ok{color:var(--ok);background:#becb8924;border-color:#becb8966}.chip.warn{color:var(--warn);background:#d4c37f24;border-color:#d4c37f66}.chip.error{color:var(--error);background:#e1938424;border-color:#e1938461}.chip.neutral{color:var(--ink-1);background:#758a3d3d;border-color:#758a3d8f}.events-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.empty-state{color:var(--ink-2);margin:14px 0 0;font-size:.85rem;font-weight:300}@media (max-width:980px){.stats-row,.cards-grid{grid-template-columns:1fr 1fr}.hero{flex-direction:column;align-items:flex-start}.hero-actions{width:100%}.add-environment-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.stats-row,.cards-grid{grid-template-columns:1fr}.meta-box{width:100%}.environment-block{padding:14px}.tab-bar{gap:6px}.add-environment-grid{grid-template-columns:1fr}.add-env-actions{justify-content:stretch}.action-btn{flex:1}}