:root{color-scheme:light;--bg: #f7efe9;--bg-overlay: rgba(255, 255, 255, .72);--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .94);--surface-border: rgba(90, 48, 64, .14);--text: #1f1520;--text-soft: #5d4959;--accent: #c81876;--accent-soft: rgba(200, 24, 118, .12);--accent-strong: #98145a;--success: #0a8f68;--warning: #c77818;--shadow: 0 24px 60px rgba(76, 36, 54, .12);--sidebar-bg: rgba(34, 16, 30, .94);--sidebar-border: rgba(255, 255, 255, .08);--sidebar-text: #f9ebf4;--sidebar-soft: rgba(249, 235, 244, .72)}:root[data-theme=dark]{color-scheme:dark;--bg: #130d16;--bg-overlay: rgba(24, 14, 28, .74);--surface: rgba(25, 17, 29, .84);--surface-strong: rgba(35, 22, 41, .96);--surface-border: rgba(255, 255, 255, .08);--text: #f7eff5;--text-soft: #cab2c4;--accent: #ff4da4;--accent-soft: rgba(255, 77, 164, .12);--accent-strong: #ff86c2;--success: #40d3a3;--warning: #ffb454;--shadow: 0 24px 70px rgba(0, 0, 0, .35);--sidebar-bg: rgba(18, 12, 21, .96);--sidebar-border: rgba(255, 255, 255, .08);--sidebar-text: #fff3fa;--sidebar-soft: rgba(255, 243, 250, .72)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(255,133,191,.18),transparent 32%),radial-gradient(circle at top right,rgba(255,205,134,.18),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.4),transparent 18%),var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:48px 48px;opacity:.08;pointer-events:none}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer}code{padding:.12rem .4rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.9em}.eyebrow{margin:0 0 .35rem;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.app-shell{display:grid;min-height:100vh;grid-template-columns:310px minmax(0,1fr)}.app-sidebar{position:sticky;top:0;display:flex;min-height:100vh;flex-direction:column;gap:1.5rem;padding:1.5rem;background:radial-gradient(circle at top,rgba(255,77,164,.18),transparent 24%),var(--sidebar-bg);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.sidebar-brand,.brand-lockup{display:flex;align-items:center;gap:.95rem}.brand-mark{display:grid;width:3rem;height:3rem;place-items:center;border-radius:1rem;background:linear-gradient(135deg,#ff4da4eb,#ffc45fdb);color:#fff;font-size:1.35rem;font-weight:800;box-shadow:0 14px 32px #ff4da447}.brand-kicker{margin:0 0 .2rem;color:var(--sidebar-soft);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.sidebar-brand h1,.brand-lockup h1{margin:0;font-size:1.3rem}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:.4rem}.sidebar-link{display:flex;align-items:center;gap:.8rem;border:1px solid transparent;border-radius:1rem;color:var(--sidebar-soft);padding:.9rem 1rem;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease}.sidebar-link svg{font-size:1.15rem}.sidebar-link:hover,.sidebar-link.is-active{color:var(--sidebar-text);background:#ffffff0f;border-color:#ffffff14;transform:translate(4px)}.sidebar-note{padding:1rem 1rem 1.1rem;border:1px solid var(--sidebar-border);border-radius:1.2rem;background:#ffffff0a}.sidebar-note-title{margin:0 0 .35rem;font-weight:700}.sidebar-note p:last-child,.sidebar-note p{margin:0;color:var(--sidebar-soft);line-height:1.55}.app-main{min-width:0;padding:1.25rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--surface-border);border-radius:1.6rem;background:var(--bg-overlay);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.topbar-left{display:flex;align-items:center;gap:.9rem;min-width:0}.topbar-left h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.9rem)}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.65rem}.page-body{padding:1.35rem 0 0}.page-grid{display:grid;gap:1.2rem}.hero-card,.surface-card,.metric-card,.login-card,.login-panel{border:1px solid var(--surface-border);border-radius:1.6rem;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-card{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);padding:1.4rem}.hero-card h3{margin:0 0 .65rem;font-size:clamp(1.5rem,2vw,2.2rem)}.hero-card p:last-child,.hero-card p{margin:0;color:var(--text-soft);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.workspace-console{display:grid;gap:1rem}.workspace-actions-card{gap:1rem}.workspace-description{margin:0;color:var(--text-soft);line-height:1.65}.workspace-actions,.workspace-mode-strip{display:flex;flex-wrap:wrap;gap:.75rem}.workspace-mode-strip span{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border:1px solid var(--surface-border);border-radius:999px;background:var(--surface-strong);color:var(--text-soft);font-size:.9rem}.workspace-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.workspace-summary-card{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem;border:1px solid var(--surface-border);border-radius:1.35rem;background:var(--surface);box-shadow:var(--shadow)}.workspace-summary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.workspace-summary-head p,.workspace-summary-card>span,.workspace-mini-item p,.workspace-mini-item em{margin:0}.workspace-summary-head p{color:var(--text-soft);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.workspace-summary-head strong{font-size:1.8rem;line-height:1}.workspace-summary-card>span{color:var(--accent-strong);font-size:.95rem}.workspace-mini-list{display:flex;flex-direction:column;gap:.7rem}.workspace-mini-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;border:1px solid var(--surface-border);border-radius:1rem;background:var(--surface-strong)}.workspace-mini-item h4{margin:0 0 .15rem;font-size:.98rem}.workspace-mini-item p{color:var(--text-soft);line-height:1.5}.workspace-mini-item em{color:var(--accent-strong);font-style:normal;font-weight:700;white-space:nowrap}.inline-note{margin:0;padding:.9rem 1rem;border:1px solid var(--surface-border);border-radius:1rem;background:var(--surface);color:var(--text-soft);box-shadow:var(--shadow)}.inline-note.is-error{border-color:#c8187647;color:var(--accent-strong);background:#ffffffd1}.hero-note{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.15rem;border-radius:1.2rem;background:linear-gradient(180deg,#ff4da41f,#ffc45f1f),var(--surface-strong)}.hero-note span{color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-note strong{font-size:1.05rem;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-card{display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:1.25rem}.metric-card p,.metric-card span{margin:0}.metric-card p{color:var(--text-soft)}.metric-card strong{font-size:clamp(1.7rem,3vw,2.2rem);line-height:1}.metric-card span{color:var(--accent-strong);font-size:.95rem}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1rem}.surface-card{display:flex;flex-direction:column;min-width:0;padding:1.15rem}.surface-card.is-table-surface{grid-column:1 / -1}.surface-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.surface-header h3{margin:0;font-size:1.1rem}.table-wrap{overflow-x:auto}.surface-table{width:100%;border-collapse:collapse;table-layout:fixed}.surface-table th,.surface-table td{padding:.82rem .75rem;border-bottom:1px solid var(--surface-border);text-align:left;overflow-wrap:anywhere;vertical-align:top;white-space:normal}.surface-table th{color:var(--text-soft);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.surface-list{display:flex;flex-direction:column;gap:.75rem}.surface-list.is-timeline .surface-list-item{position:relative;padding-left:1rem}.surface-list.is-timeline .surface-list-item:before{content:"";position:absolute;top:.35rem;left:0;width:.5rem;height:.5rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 8px #ff4da41a}.surface-list-item{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;gap:.85rem;min-width:0;padding:.95rem 1rem;border:1px solid var(--surface-border);border-radius:1.1rem;background:var(--surface-strong)}.surface-list-item h4{margin:0 0 .2rem;font-size:1rem;overflow-wrap:anywhere}.surface-list-item p{margin:0;color:var(--text-soft);line-height:1.55;overflow-wrap:anywhere}.surface-list-item>div{min-width:0}.surface-badge,.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.88rem;font-weight:700;white-space:nowrap}.status-pill{border:1px solid transparent}.surface-badge{flex-shrink:0;max-width:100%;overflow-wrap:anywhere;text-align:center;white-space:normal}.status-pill.is-accent{background:#0a8f681f;color:var(--success)}.icon-button,.tertiary-button,.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.icon-button{width:2.9rem;height:2.9rem;border:1px solid var(--surface-border);background:var(--surface-strong);color:var(--text)}.icon-button:hover,.tertiary-button:hover,.secondary-button:hover,.primary-button:hover,.status-pill:hover{transform:translateY(-1px)}.tertiary-button{padding:.55rem .9rem;border:1px solid var(--surface-border);background:transparent;color:var(--text)}.tertiary-button.is-danger{border-color:#c818762e;color:var(--accent-strong)}.primary-button,.secondary-button{padding:.9rem 1.1rem;border:1px solid transparent}.primary-button{background:linear-gradient(135deg,var(--accent),#ffb454);color:#fff}.secondary-button{background:transparent;color:var(--text);border-color:var(--surface-border)}.icon-button:disabled,.tertiary-button:disabled,.secondary-button:disabled,.primary-button:disabled,.status-pill:disabled{cursor:not-allowed;opacity:.55;transform:none}.account-card{display:flex;flex-direction:column;min-width:180px;padding:.72rem .95rem;border:1px solid var(--surface-border);border-radius:1.1rem;background:var(--surface-strong)}.account-card p,.account-card span{margin:0}.account-card p{font-weight:700}.account-card span{color:var(--text-soft);font-size:.9rem}.login-shell{display:grid;min-height:100vh;place-items:center;padding:1.5rem}.login-card{display:grid;gap:1.4rem;width:min(980px,100%);padding:1.5rem}.login-copy h2{margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,3rem)}.login-copy p{margin:0;color:var(--text-soft);line-height:1.7}.login-note{margin-top:.75rem!important}.login-error{color:var(--accent-strong)}.login-actions{display:flex;flex-wrap:wrap;gap:.8rem}.login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.login-panel{padding:1.2rem}.login-panel h3{margin:0 0 .55rem}.login-panel p{margin:0;color:var(--text-soft);line-height:1.65}.sidebar-overlay,.mobile-only{display:none}@media(max-width:1240px){.metrics-grid,.panel-grid,.login-grid,.workspace-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-template-columns:1fr}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);transform:translate(-100%);transition:transform .18s ease;z-index:40}.app-shell.is-nav-open .app-sidebar{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;z-index:30;background:#00000057}.app-shell.is-nav-open .sidebar-overlay{display:block}.mobile-only{display:inline-flex}.topbar,.topbar-left,.topbar-actions{align-items:flex-start}.topbar{flex-direction:column}.topbar-actions{width:100%;justify-content:flex-start}}@media(max-width:720px){.app-main,.login-shell{padding:1rem}.metrics-grid,.panel-grid,.login-grid,.workspace-summary-grid{grid-template-columns:1fr}.surface-list-item,.topbar-actions,.workspace-actions,.workspace-mode-strip,.workspace-mini-item{flex-direction:column;align-items:stretch}.account-card{min-width:0;width:100%}}
