:root{--bg: #f4f9fb;--bg-soft: #eef5f8;--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .9);--line: rgba(28, 49, 67, .09);--line-strong: rgba(28, 49, 67, .15);--text: #162531;--muted: #627180;--accent: #6e879c;--accent-strong: #446378;--accent-soft: rgba(110, 135, 156, .1);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;color-scheme:light;font-family:Inter Tight,Helvetica Neue,sans-serif;line-height:1.4;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(227,238,245,.52),transparent 25rem),radial-gradient(circle at top right,rgba(179,203,221,.18),transparent 23rem),linear-gradient(180deg,#fcfeff 0%,var(--bg) 52%,var(--bg-soft) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(227,238,245,.52),transparent 25rem),radial-gradient(circle at top right,rgba(179,203,221,.18),transparent 23rem),linear-gradient(180deg,#fcfeff 0%,var(--bg) 52%,var(--bg-soft) 100%)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}*:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:1.8rem;padding:1.85rem 1.35rem;border-right:1px solid var(--line);background:#ffffffc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand h2{margin:.18rem 0 .55rem;font-size:2.45rem;font-weight:600;letter-spacing:-.05em;line-height:.94}.sidebar-copy{margin:0;color:var(--muted);line-height:1.65}.eyebrow{margin:0;color:var(--accent-strong);font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:.35rem}.nav-link{padding:.78rem .9rem;border-radius:var(--radius-sm);color:var(--muted);font-weight:500;transition:background-color .14s ease,color .14s ease,transform .14s ease}.nav-link:hover{background:var(--accent-soft);color:var(--text);transform:translate(2px)}.nav-link-active{background:#214050;color:#f4f8fb}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:.6rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.94rem}.sidebar-footer-user{justify-content:space-between}.sidebar-user-meta{min-width:0;display:grid;gap:.16rem}.sidebar-user-meta span{display:block;overflow-wrap:anywhere;word-break:break-word}.secondary-link:hover{color:var(--text)}.dot-separator{width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.55}.main-content{padding:2rem 2.2rem 2.35rem}.page-card{max-width:1040px;padding:1.7rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 18px 42px #1c31430f}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-card h1{margin:.22rem 0 0;font-size:clamp(2rem,5vw,3.15rem);font-weight:600;letter-spacing:-.05em;line-height:.96}.page-summary{margin:1.05rem 0 0;max-width:62ch;color:var(--muted);font-size:1.03rem;line-height:1.72}.page-list{margin:1.5rem 0 0;padding-left:1.2rem;color:var(--text)}.page-list li+li{margin-top:.6rem}code{padding:.14rem .35rem;border-radius:8px;color:var(--accent-strong);background:#6e879c1f;font-family:IBM Plex Mono,monospace;font-size:.92em}.stack{display:grid;gap:1.45rem;margin-top:1.6rem}.section-title{margin:0 0 .85rem;color:var(--text);font-size:1.04rem;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-top:1.45rem}.metric-card,.list-card,.pairing-form{padding:1rem 1.05rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb3}.metric-label,.card-meta,.metric-hint,.empty-copy{margin:0;color:var(--muted)}.metric-label{font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.metric-value{margin:.38rem 0 0;color:var(--text);font-size:1.85rem;font-weight:600;line-height:1.04;overflow-wrap:anywhere;word-break:break-word}.metric-hint{margin-top:.55rem;font-size:.92rem;line-height:1.55}.list-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.list-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;flex-shrink:0}.list-card+.list-card{margin-top:.85rem}.list-card h3{margin:0 0 .35rem;font-size:1.02rem;font-weight:600}.field-label{font-size:.92rem;color:var(--muted)}.text-input{width:100%;padding:.8rem .9rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);background:#ffffffeb}.table-shell{overflow-x:auto;margin-top:1.35rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb8}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.95rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table thead th{color:var(--accent-strong);font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.data-table tbody tr:last-child td{border-bottom:none}.cell-subtle{margin-top:.25rem;color:var(--muted);font-size:.92rem}.status-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.3rem .72rem;border-radius:999px;font-size:.82rem;border:1px solid var(--line);background:#fffc}.status-pill-default{color:var(--accent-strong)}.status-pill-success{color:#175d49;border-color:#175d4933}.status-pill-warning{color:#90622c;border-color:#90622c33}.status-pill-danger{color:#8f3c34;border-color:#8f3c3433}.primary-button,.secondary-button{min-height:2.7rem;padding:.72rem .95rem;border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-weight:600;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button{border:1px solid #214050;background:#214050;color:#f4f8fb}.secondary-button{border:1px solid var(--line-strong);background:#ffffffc7;color:var(--text)}.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.6}.auth-card{max-width:640px;margin:3rem auto}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{gap:1.4rem;border-right:none;border-bottom:1px solid var(--line)}.main-content{padding:1rem}.page-card{padding:1.25rem}.list-card{flex-direction:column}.list-card-actions{align-items:flex-start}}