:root{color-scheme:light;--bg: #f4f1e8;--bg-soft: #fbf8f2;--panel: rgba(255, 252, 246, .86);--panel-strong: rgba(255, 250, 242, .96);--line: rgba(76, 99, 124, .14);--line-strong: rgba(76, 99, 124, .22);--text: #1f2a36;--muted: #5f7084;--faint: #7c8a9a;--accent: #1769aa;--accent-strong: #0f4f84;--success: #2a9d6f;--warning: #c98716;--danger: #c84c61;--shadow: 0 24px 60px rgba(72, 62, 40, .14);--radius: 22px;--radius-sm: 16px;--max-width: 1400px;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at 10% 20%,rgba(23,105,170,.12),transparent 30%),radial-gradient(circle at 90% 8%,rgba(42,157,111,.1),transparent 26%),radial-gradient(circle at 40% 100%,rgba(201,135,22,.1),transparent 28%),linear-gradient(180deg,#f8f5ee,#f3efe5 55%,#ece4d6);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(23,105,170,.12),transparent 32%),radial-gradient(circle at 80% 0%,rgba(42,157,111,.08),transparent 28%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none}h1,h2,h3,p{margin:0}a{color:inherit}.eyebrow{margin-bottom:.45rem;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.lede{color:var(--muted);max-width:62ch}.sign-in{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,460px);gap:1.5rem;align-items:center;padding:2rem;max-width:var(--max-width);margin:0 auto}.sign-in__hero,.sign-in__card,.shell__sidebar,.topbar,.panel-card,.stat-card,.scope-banner,.table-card,.queue-item,.signal-line{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sign-in__hero{padding:3rem;border-radius:30px;background:linear-gradient(180deg,#fffaf2e6,#f7f1e7eb),radial-gradient(circle at top right,rgba(23,105,170,.12),transparent 34%);border:1px solid var(--line);box-shadow:var(--shadow)}.sign-in__hero h1{font-size:clamp(2.5rem,4vw,4.5rem);line-height:.98;max-width:12ch;margin-bottom:1rem}.sign-in__card{align-self:stretch}.panel-card{border:1px solid var(--line);background:linear-gradient(180deg,#fffcf6f5,#faf5edeb);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem}.panel-card__header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-card h2{font-size:1.15rem}.panel-card__actions{display:flex;gap:.5rem;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-grid--hero{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.stat-card{border:1px solid var(--line);background:linear-gradient(180deg,#fffcf6f0,#f6f0e6e6);border-radius:20px;padding:1rem;box-shadow:inset 0 1px #ffffff73}.stat-card span{color:var(--muted);font-size:.82rem}.stat-card strong{display:block;font-size:1.45rem;margin-top:.3rem}.stat-card p{margin-top:.25rem;color:var(--faint);font-size:.92rem}.field{display:grid;gap:.45rem;margin-bottom:.9rem}.field span{color:var(--muted);font-size:.9rem}input,select{width:100%;border-radius:14px;padding:.9rem 1rem;border:1px solid var(--line-strong);color:var(--text);background:#fffcf7fa;outline:none}input:focus,select:focus{border-color:#7dd3fcb3;box-shadow:0 0 0 3px #7dd3fc1f}.primary-button,.ghost-button{border:1px solid transparent;border-radius:999px;padding:.85rem 1rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#f6fbff;font-weight:700;box-shadow:0 14px 32px #1769aa2e}.ghost-button{background:#fff9f0e0;color:var(--text);border-color:var(--line)}.ghost-button--muted{color:var(--muted)}.primary-button:hover,.ghost-button:hover,.nav-item:hover,.mobile-nav__item:hover,.queue-item--button:hover{transform:translateY(-1px)}.sign-in__form{display:grid;gap:.2rem}.shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr);gap:1rem;padding:1rem;max-width:var(--max-width);margin:0 auto}.shell__sidebar{position:sticky;top:1rem;align-self:start;display:grid;gap:1rem;padding:1rem;border-radius:28px;background:linear-gradient(180deg,#fffcf6eb,#f4eee4eb);border:1px solid var(--line);box-shadow:var(--shadow)}.scope-chip{display:grid;gap:.25rem;padding:1rem;border-radius:20px;border:1px solid var(--line);background:#fff8eeeb}.scope-chip__label{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.scope-chip strong{font-size:1.05rem}.scope-chip span{color:var(--muted)}.shell__nav{display:grid;gap:.55rem}.nav-item{display:grid;gap:.18rem;text-align:left;padding:.95rem 1rem;border-radius:18px;border:1px solid transparent;background:#fff8eed6;color:var(--text)}.nav-item small{color:var(--muted)}.nav-item.is-active,.mobile-nav__item.is-active{border-color:#1769aa3d;background:linear-gradient(180deg,#eaf3f9f5,#f5efe5eb)}.shell__sidebar-footer{display:grid;gap:.6rem}.shell__main{min-width:0;display:grid;gap:1rem}.topbar,.scope-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#fffcf6f0,#f7f1e7f0);padding:1rem 1.2rem;box-shadow:var(--shadow)}.topbar h1,.scope-banner h2{font-size:clamp(1.35rem,2vw,2rem)}.topbar__actions,.scope-banner__side{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.shell__content,.stack{display:grid;gap:1rem}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.table-card,.queue-list,.signal-stack{display:grid;gap:.8rem}.table-row,.queue-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:18px;padding:1rem;border:1px solid var(--line);background:#fff8efdb}.queue-item--button{width:100%;text-align:left}.table-row strong,.queue-item strong,.signal-line strong{font-weight:650}.table-row p,.queue-item p,.signal-line span,.scope-banner p{color:var(--muted)}.table-row__meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;color:var(--faint)}.table-row__meta span,.scope-banner__side span{color:var(--muted)}.list-grid{display:grid;gap:.8rem}.list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;text-align:left;border-radius:18px;padding:1rem;border:1px solid var(--line);background:#fff8efe0}.list-row strong{display:block}.list-row p{color:var(--muted)}.list-row__meta{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;color:var(--faint)}.signal-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:18px;padding:.95rem 1rem;border:1px solid var(--line);background:#fff8efe0}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.8rem;padding:.25rem .75rem;border-radius:999px;border:1px solid transparent;font-size:.8rem;white-space:nowrap}.badge-neutral{color:#5f7084;background:#788aad1a;border-color:#788aad2e}.badge-success{color:#1d7a54;background:#2a9d6f1f;border-color:#2a9d6f33}.badge-warning{color:#8d5d09;background:#c987161f;border-color:#c9871633}.badge-danger{color:#9f3145;background:#c84c611f;border-color:#c84c6133}.badge-info{color:#175d93;background:#1769aa1a;border-color:#1769aa2e}.badge-accent{color:#0f4f84;background:#1769aa1f;border-color:#1769aa2e}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.demo-divider{margin:.35rem 0 .15rem;padding-top:.9rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.status-banner{margin-bottom:1rem;padding:.9rem 1rem;border-radius:16px;border:1px solid var(--line);font-size:.95rem}.status-banner--info{background:#1769aa14;border-color:#1769aa29;color:#175d93}.status-banner--danger{background:#c84c6114;border-color:#c84c6129;color:#9f3145}code{padding:.08rem .35rem;border-radius:999px;background:#1769aa14;color:#0f4f84}button:disabled{cursor:wait;opacity:.7}.mobile-nav,.mobile-actions{display:none}@media (max-width: 1080px){.shell,.sign-in{grid-template-columns:1fr}.shell__sidebar{position:static}.grid-two,.stat-grid{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.sign-in,.shell{padding:.75rem}.sign-in__hero{padding:1.4rem}.topbar,.scope-banner{align-items:start;flex-direction:column}.shell__sidebar{display:none}.mobile-nav,.mobile-actions{display:grid;gap:.5rem}.mobile-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav__item,.mobile-actions>*{min-height:48px}.mobile-nav__item{border-radius:16px;border:1px solid var(--line);background:#fff8efeb;color:var(--text)}.mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));position:sticky;bottom:.75rem;padding:.75rem;border-radius:22px;border:1px solid var(--line);background:#fff8eff5;box-shadow:var(--shadow)}.grid-two,.stat-grid{grid-template-columns:1fr}.table-row,.queue-item,.signal-line,.list-row{align-items:start;flex-direction:column}.table-row__meta,.topbar__actions,.scope-banner__side{justify-content:flex-start}}