:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", "Roboto Mono", "Cascadia Code", "Liberation Mono", ui-monospace, monospace;--bg:#f3efe6;--bg-accent:#efe7d8;--surface:#ffffffc2;--surface-strong:#fffdf8;--border:#2236451f;--text:#1c2b35;--muted:#64717a;--good:#1e7f5a;--warning:#a95d12;--danger:#b23a2f;--neutral:#355970;--shadow:0 20px 60px #1c2b351f}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #196a8f1f, transparent 28%), radial-gradient(circle at top right, #b57c2629, transparent 22%), linear-gradient(180deg, var(--bg-accent) 0%, var(--bg) 42%, #f7f4ed 100%);min-height:100%}body{color:var(--text);font-family:var(--font-sans);margin:0}a{color:inherit}input,button{font:inherit}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.95rem 1rem}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}tbody tr:hover{background:#ffffff6b}.page-shell{width:min(1440px,100vw - 2rem);margin:0 auto;padding:2rem 0 4rem}.app-header{justify-content:space-between;align-items:center;gap:1rem;width:min(1440px,100vw - 2rem);margin:0 auto;padding:1.25rem 0 0;display:flex}.app-header__brand,.app-header__meta,.app-header__identity,.auth-form,.field,.auth-card__hero,.demo-credentials__grid,.demo-credential{display:flex}.app-header__brand,.app-header__identity,.auth-form,.field,.auth-card__hero,.demo-credential{flex-direction:column}.app-header__meta{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffb8;border-radius:20px;align-items:center;gap:1rem;padding:.9rem 1.1rem}.app-header__identity span{color:var(--muted);font-size:.9rem}.app-header__session{color:var(--muted);font-size:.82rem;line-height:1.5}.auth-shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.auth-card{border:1px solid var(--border);width:min(760px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffffe0,#fff8eacc);border-radius:30px;padding:1.6rem}.auth-card__hero{gap:.75rem}.auth-card__hero h1,.demo-credentials h2{margin:0}.auth-card__hero p,.demo-credential p{color:var(--muted);margin:0;line-height:1.55}.auth-form{gap:1rem;margin-top:1.5rem}.field{gap:.45rem}.field span{color:var(--muted);font-size:.9rem}.field input{width:100%;color:var(--text);background:#ffffffdb;border:1px solid #3559702e;border-radius:16px;padding:.95rem 1rem}.form-error{color:var(--danger);margin:0}.auth-submit{color:#fffdf8;cursor:pointer;background:linear-gradient(135deg,#355970,#1e7f5a);border:none;border-radius:18px;padding:.95rem 1rem;font-weight:700}.demo-credentials{border-top:1px solid var(--border);margin-top:1.8rem;padding-top:1.4rem}.demo-credentials__grid{gap:1rem;margin-top:.9rem}.demo-credential{border:1px solid var(--border);background:#ffffff85;border-radius:20px;flex:1;gap:.35rem;padding:1rem}.demo-credential code{font-family:var(--font-mono);font-size:.92rem}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:1rem;font-size:.92rem;display:flex}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover,.subtle-link:hover,.detail-link:hover strong{text-decoration:underline}.breadcrumbs__item{align-items:center;gap:.55rem;display:inline-flex}.breadcrumbs__sep{opacity:.55}.hero,.panel,.metric-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffffdb,#fff8eab8);border-radius:28px;grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:1.5rem;padding:1.6rem;display:grid}.hero--error{grid-template-columns:1fr}.eyebrow{color:var(--warning);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:700}.hero h1{margin:0;font-size:clamp(2.4rem,4vw,4rem);line-height:.98}.hero__text,.panel p,.hero__meta p,.primary-cell span,.stacked-cell span{color:var(--muted)}.hero__text{max-width:52rem;margin:1rem 0 0;font-size:1.05rem;line-height:1.65}.hero__meta{background:#1c2b350a;border-radius:22px;flex-direction:column;justify-content:flex-start;gap:.9rem;padding:1rem;display:flex}.metric-grid,.breakdown-grid,.split-panels,.detail-grid{gap:1rem;margin-top:1.2rem;display:grid}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-panels{grid-template-columns:1.2fr .8fr}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid--single{grid-template-columns:1fr}.metric-grid--detail{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.metric-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffb8;border-radius:24px;flex-direction:column;gap:.6rem;padding:1.2rem;display:flex}.metric-card span{color:var(--muted);font-size:.9rem}.metric-card strong{font-size:2rem;line-height:1}.metric-card--good strong{color:var(--good)}.metric-card--warning strong{color:var(--warning)}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:28px;margin-top:1.2rem;overflow:hidden}.panel__header{justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.3rem .75rem;display:flex}.panel__body{padding:0 1.3rem 1.3rem}.panel__header h2{margin:0;font-size:1.3rem}.panel__header p{margin:.35rem 0 0;line-height:1.5}.table-wrap{overflow-x:auto}.status-badge{letter-spacing:.04em;text-transform:uppercase;width:fit-content;color:var(--neutral);background:#3559701f;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge--good{color:var(--good);background:#1e7f5a1f}.status-badge--warning{color:var(--warning);background:#a95d1224}.status-badge--danger{color:var(--danger);background:#b23a2f1f}.action-form{margin:0}.action-button{color:var(--neutral);font:inherit;cursor:pointer;background:#3559701a;border:1px solid #0000;border-radius:999px;padding:.5rem .85rem;font-size:.82rem;font-weight:700;transition:transform .12s,background .12s,border-color .12s}.action-button:hover{transform:translateY(-1px)}.action-button--warning{color:var(--warning);background:#a95d1224;border-color:#a95d122e}.action-button--danger{color:var(--danger);background:#b23a2f24;border-color:#b23a2f2e}.primary-cell,.stacked-cell,.token-list,.breakdown-row,.breakdown-list,.audit-list,.detail-list,.timeline-list,.timeline-item,.timeline-item__body{display:flex}.primary-cell,.stacked-cell{flex-direction:column;gap:.2rem}.primary-cell strong,.stacked-cell strong{font-size:.96rem}.breakdown-list{flex-direction:column;gap:.85rem;padding:0 1.3rem 1.3rem}.breakdown-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.85rem}.breakdown-row:last-child{border-bottom:none;padding-bottom:0}.token-list{flex-wrap:wrap;gap:.45rem}.detail-link,.subtle-link{text-decoration:none}.detail-list{flex-direction:column;gap:.85rem}.detail-list__row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.85rem;display:flex}.detail-list__row span{color:var(--muted)}.detail-list__row strong{text-align:right;max-width:65%}.detail-list__row:last-child{border-bottom:none;padding-bottom:0}.audit-list{flex-direction:column;gap:.85rem}.timeline-list,.timeline-item__body{flex-direction:column}.timeline-list{gap:.95rem}.timeline-item{align-items:stretch;gap:.9rem}.timeline-item__rail{background:linear-gradient(#3559701f,#1e7f5a5c);border-radius:999px;flex:0 0 12px;width:12px}.timeline-item__body{border:1px solid var(--border);background:#ffffff85;border-radius:20px;flex:1;gap:.4rem;padding:1rem 1.05rem}.audit-item{border:1px solid var(--border);background:#ffffff80;border-radius:20px;padding:1rem 1.05rem}.audit-item p{margin:.75rem 0 .45rem;line-height:1.55}.audit-item__topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.audit-item__meta{color:var(--muted);font-size:.9rem}.token{color:var(--text);background:#35597014;border-radius:999px;align-items:center;padding:.32rem .62rem;font-size:.8rem;display:inline-flex}.muted-inline{color:var(--muted);font-size:.85rem}.error-box{color:#f8f3ea;font-family:var(--font-mono);background:#1c2b35eb;border-radius:20px;padding:1rem;font-size:.9rem;overflow-x:auto}@media (max-width:1200px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-header,.breakdown-grid,.split-panels,.hero,.detail-grid,.metric-grid--detail{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:stretch}}@media (max-width:720px){.page-shell,.app-header{width:min(100vw - 1rem,100%);padding-top:1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-credentials__grid,.app-header__meta{flex-direction:column;align-items:stretch}.hero,.panel,.metric-card{border-radius:22px}.detail-list__row{flex-direction:column}.detail-list__row strong{text-align:left;max-width:100%}}