:root{--bg:#08111c;--bg-alt:#101b2b;--panel:#0b1421e0;--panel-strong:#070d16f0;--panel-soft:#152132bd;--line:#96adcb33;--line-strong:#96adcb57;--ink:#edf4ff;--muted:#9caec7;--accent:#62d3a6;--accent-strong:#2f9d79;--accent-soft:#62d3a624;--warning:#ffcb6b;--danger:#ff7b7b;--shadow:0 30px 70px #00000057}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #62d3a61f, transparent 24%), radial-gradient(circle at top right, #407bff1f, transparent 28%), linear-gradient(180deg, #07101a 0%, var(--bg) 42%, #061019 100%);min-height:100%;color:var(--ink);margin:0;padding:0;font-family:Segoe UI,Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:none}.landing-shell,.dashboard-shell,.login-shell{width:min(1240px,100vw - 2rem);margin:0 auto;padding:2rem 0 4rem}.landing-shell{padding-top:3rem}.dashboard-shell{gap:1rem;display:grid}.hero-card,.panel,.login-card,.metric-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#101b2beb 0%,#09111cf5 100%);border-radius:28px}.hero-card{grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:1.5rem;padding:2rem;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#62d3a626,#0000 66%);border-radius:50%;width:320px;height:320px;position:absolute;inset:auto -10% -30% auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 .6rem;font-size:.76rem;font-weight:700}.hero-card h1,.login-card h1{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96}.subtle{color:var(--muted)}.hero-copy{gap:1rem;display:grid}.hero-summary{flex-wrap:wrap;gap:.75rem;display:flex}.summary-chip{color:#dff9ef;background:#62d3a614;border:1px solid #62d3a638;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem .95rem;font-size:.92rem;display:inline-flex}.hero-meta{z-index:1;align-content:start;gap:1rem;display:grid;position:relative}.identity-card,.security-card,.login-note{border:1px solid var(--line);background:var(--panel-soft);border-radius:20px;padding:1rem 1.1rem}.identity-card strong,.security-card strong,.login-note strong{margin-bottom:.35rem;display:block}.security-grid,.metrics-grid,.workspace-grid,.landing-grid{gap:1rem;display:grid}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{gap:.45rem;padding:1.15rem 1.2rem;display:grid}.metric-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.82rem}.metric-value{letter-spacing:-.04em;font-size:2rem;font-weight:700}.metric-meta{color:var(--muted);font-size:.92rem}.panel{padding:1.35rem}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel-header h2{margin:0 0 .3rem;font-size:1.2rem}.stack{gap:1rem;display:grid}.form-section{border:1px solid var(--line);background:#ffffff05;border-radius:22px;gap:.75rem;padding:1rem;display:grid}.section-label{font-size:.95rem;font-weight:700}form{gap:.75rem;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff08;border-radius:16px;outline:none;padding:.92rem 1rem}input::placeholder{color:#9caec7b3}input:focus,select:focus{border-color:#62d3a68c;box-shadow:0 0 0 4px #62d3a614}select option{color:#0a1018}.primary-button,.ghost-button{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:.9rem 1.15rem;font-weight:700;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#04110d}.primary-button:disabled{opacity:.55;cursor:progress}.ghost-button{color:var(--ink);border:1px solid var(--line);background:0 0}.list{gap:.8rem;display:grid}.list-item{border:1px solid var(--line);background:#ffffff08;border-radius:20px;gap:.45rem;padding:1rem 1.05rem;display:grid}.list-topline,.list-meta{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.list-topline strong{font-size:1rem}.pill{letter-spacing:.02em;border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:.2rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.pill-active,.pill-ok{background:var(--accent-soft);color:#c9ffea}.pill-failed,.pill-inactive{color:#ffd8d8;background:#ff7b7b29}.pill-pending{color:#ffe2a0;background:#ffcb6b24}.micro-label{text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-size:.78rem}code{word-break:break-all;background:#ffffff0f;border:1px solid #96adcb29;border-radius:10px;padding:.3rem .45rem;font-size:.82rem}.empty-state{border:1px dashed var(--line);color:var(--muted);border-radius:18px;padding:1rem}.login-shell{place-items:center;min-height:100vh;display:grid}.login-card{width:min(560px,100%);padding:2rem}.login-layout{gap:1.25rem;display:grid}.login-note-grid{gap:.85rem;display:grid}.hint-box{background:#62d3a614;border:1px dashed #62d3a64d;border-radius:18px;margin-top:.3rem;padding:.95rem 1rem}.mono{font-family:Consolas,Courier New,monospace}.portal-admin-shell{grid-template-columns:320px minmax(0,1fr);gap:1rem;width:min(1500px,100vw - 1rem);min-height:100vh;margin:0 auto;padding:1rem 0;display:grid}.portal-sidebar,.portal-main,.portal-metric-card,.portal-panel{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#101b2bf0 0%,#09111cfa 100%)}.portal-sidebar,.portal-main{border-radius:30px}.portal-sidebar{align-content:start;gap:1.2rem;padding:1.1rem;display:grid}.portal-brand-card,.portal-identity-panel,.portal-nav-item,.portal-command-card,.portal-metric-card,.portal-panel,.portal-status-badge{border:1px solid var(--line);background:#ffffff08}.portal-brand-card,.portal-identity-panel{border-radius:24px;gap:.8rem;padding:1rem;display:grid}.portal-brand-card{grid-template-columns:64px minmax(0,1fr);align-items:center}.portal-brand-mark,.portal-heading-mark,.portal-user-avatar{color:#6da9ff;letter-spacing:-.06em;background:linear-gradient(#09152a 0%,#0a1f47 100%);border:1px solid #548dff47;border-radius:20px;place-items:center;width:64px;height:64px;font-size:2rem;font-weight:800;display:grid}.portal-brand-title{font-size:1.2rem;font-weight:700}.portal-brand-subtitle,.portal-user-copy span,.portal-nav-copy span,.portal-muted,.portal-metric-meta,.portal-empty-state,.portal-command-card span,.portal-insight-card p,.portal-inline-link{color:var(--muted)}.portal-sidebar-group{gap:.7rem;display:grid}.portal-sidebar-label,.portal-metric-label,.portal-micro-label,.portal-eyebrow,.portal-insight-label{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.portal-sidebar-label,.portal-metric-label,.portal-micro-label,.portal-insight-label{color:var(--muted)}.portal-eyebrow{color:var(--accent);margin-bottom:.6rem}.portal-nav-list,.portal-quick-actions,.portal-list,.portal-main,.portal-panel,.portal-overview-grid,.portal-command-grid{gap:.8rem;display:grid}.portal-nav-item,.portal-command-card{text-align:left;border-radius:22px;padding:1rem}.portal-nav-item{justify-content:space-between;align-items:center;display:flex}.portal-nav-item.is-active{background:linear-gradient(135deg,#264d9785 0%,#122a58e0 100%);border-color:#5d89e06b}.portal-nav-copy{gap:.2rem;display:grid}.portal-nav-copy strong,.portal-user-copy strong{font-size:1rem}.portal-nav-chevron{color:#c4d8ff;font-size:1.35rem}.portal-primary-action,.portal-secondary-action{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:.9rem 1.15rem;font-weight:700;display:inline-flex}.portal-primary-action{color:#f4f8ff;background:linear-gradient(#2a7ef2 0%,#1f62c0 100%)}.portal-secondary-action{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.portal-danger-action{color:#ffd8d8;border-color:#ff7b7b59}.portal-inline-link{background:0 0;justify-self:start;padding:0}.portal-main{align-content:start;padding:1.1rem}.portal-topbar{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr) auto;align-items:center;gap:1rem;display:grid}.portal-heading{align-items:center;gap:1rem;display:flex}.portal-heading-mark{width:72px;height:72px}.portal-heading h1{letter-spacing:-.04em;margin:0 0 .2rem;font-size:2rem}.portal-heading p{color:var(--muted);margin:0}.portal-topbar-search{position:relative}.portal-topbar-search input{border-radius:22px;min-height:62px;padding-left:3rem}.portal-search-icon{color:var(--muted);font-size:1.2rem;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.portal-topbar-status{justify-content:flex-end;display:flex}.portal-status-badge{color:#dff7ec;border-radius:22px;align-items:center;gap:.55rem;min-height:62px;padding:0 1rem;display:inline-flex}.portal-status-dot{background:#4dd38d;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #4dd38d24}.portal-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.portal-metric-card{border-radius:24px;gap:.4rem;padding:1.2rem;display:grid}.portal-metric-value{letter-spacing:-.05em;font-size:2rem}.portal-section-grid{grid-template-columns:360px minmax(0,1fr);gap:1rem;margin-top:1rem;display:grid}.portal-panel{border-radius:28px;padding:1.25rem}.portal-panel-narrow form,.portal-edit-form,.portal-panel form{gap:.8rem;display:grid}.portal-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.portal-panel-header h2{margin:0 0 .35rem;font-size:1.25rem}.portal-panel-hero h2{letter-spacing:-.05em;max-width:18ch;margin:0 0 .5rem;font-size:2rem}.portal-hero-tags{flex-wrap:wrap;gap:.6rem;display:flex}.portal-tag,.portal-counter-pill,.portal-health-pill{border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:.3rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.portal-tag,.portal-counter-pill,.portal-health-pill.ok{color:#d6fff0;background:#4dd38d1f}.portal-health-pill.warning{color:#ffe2a0;background:#ffcb6b24}.portal-health-pill.danger{color:#ffd8d8;background:#ff7b7b29}.portal-overview-grid,.portal-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-insight-card,.portal-command-card,.portal-list-item{border-radius:22px;padding:1rem}.portal-insight-card,.portal-list-item{border:1px solid var(--line);background:#ffffff08}.portal-insight-card strong{margin:.3rem 0 .35rem;font-size:1.2rem;display:block}.portal-command-card strong,.portal-list-topline strong{font-size:1rem;display:block}.portal-command-card{cursor:pointer}.portal-list-topline,.portal-list-meta,.portal-action-row,.portal-field-grid{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.portal-action-row{margin-top:.25rem}.portal-action-row>*{flex:180px}.portal-feedback-overlay{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040a12b8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.portal-feedback-card{border:1px solid var(--line);width:min(100%,560px);box-shadow:var(--shadow);background:linear-gradient(#101b2bfa 0%,#09111c 100%);border-radius:28px;gap:1rem;padding:1.25rem;display:grid}.portal-feedback-slab{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:1rem 1.1rem}.portal-feedback-slab.error{background:#7f1d1d3d;border-color:#ef444452}.portal-feedback-slab.warning{background:#78350f38;border-color:#f59e0b52}.portal-feedback-slab.success{background:#064e3b38;border-color:#34d39947}.portal-feedback-slab p{color:var(--text);margin:0}.portal-field-grid>*{flex:220px}.portal-list-item{gap:.45rem;display:grid}.portal-empty-state{border:1px dashed var(--line);border-radius:20px;padding:1rem}@media (max-width:1100px){.workspace-grid,.hero-card,.landing-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-admin-shell,.portal-section-grid,.portal-overview-grid,.portal-command-grid,.portal-topbar{grid-template-columns:1fr}}@media (max-width:720px){.landing-shell,.dashboard-shell,.login-shell{width:min(100vw - 1rem,1240px)}.metrics-grid,.security-grid,.field-grid{grid-template-columns:1fr}.portal-admin-shell{width:min(100vw - .75rem,1500px);padding:.75rem 0}.portal-metrics-grid{grid-template-columns:1fr}.portal-sidebar,.portal-main,.portal-panel,.portal-metric-card,.hero-card,.panel,.login-card,.metric-card{border-radius:22px}.hero-card h1,.login-card h1{max-width:none}}