@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--font-sans: "Manrope", "Segoe UI Variable", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow-soft: 0 24px 64px rgba(0, 0, 0, .28);--shadow-card: 0 18px 48px rgba(0, 0, 0, .22)}:root[data-theme=midnight]{--page-bg: #08111f;--page-bg-alt: #0d172a;--surface: rgba(11, 21, 38, .82);--surface-strong: rgba(16, 28, 49, .96);--surface-muted: rgba(20, 34, 58, .82);--border: rgba(134, 166, 219, .16);--border-strong: rgba(134, 166, 219, .28);--text: #ecf3ff;--text-soft: #a9b8d3;--text-muted: #7f8da8;--accent: #7be0cf;--accent-strong: #0fb7a5;--accent-soft: rgba(123, 224, 207, .16);--danger: #ff7b84;--warning: #ffc766;--success: #4ade80;--info: #7cb7ff}:root[data-theme=dawn]{color-scheme:light;--page-bg: #eef3fb;--page-bg-alt: #ffffff;--surface: rgba(255, 255, 255, .92);--surface-strong: rgba(255, 255, 255, .98);--surface-muted: rgba(240, 246, 255, .92);--border: rgba(23, 43, 77, .12);--border-strong: rgba(23, 43, 77, .18);--text: #11213c;--text-soft: #4e5d79;--text-muted: #708099;--accent: #0d8d8e;--accent-strong: #0f6f72;--accent-soft: rgba(13, 141, 142, .12);--danger: #d93d57;--warning: #c88310;--success: #238d53;--info: #2463d3;--shadow-card: 0 20px 60px rgba(17, 33, 60, .1)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-sans);background:radial-gradient(circle at top right,rgba(123,224,207,.12),transparent 28%),radial-gradient(circle at left center,rgba(124,183,255,.12),transparent 30%),linear-gradient(180deg,var(--page-bg-alt),var(--page-bg));color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 85%);mask-image:radial-gradient(circle at center,black 35%,transparent 85%);opacity:.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{position:relative;display:flex;min-height:100vh}.app-shell__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a1299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.app-sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:320px;min-height:100vh;padding:var(--space-6);border-right:1px solid var(--border);background:linear-gradient(180deg,#08111ff0,#08111fc7);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:50;transition:width .18s ease,transform .22s ease}:root[data-theme=dawn] .app-sidebar{background:linear-gradient(180deg,#fffffff5,#f5f9ffe0)}.app-sidebar--collapsed{width:110px}.app-sidebar__brand{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6)}.app-sidebar__brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),rgba(124,183,255,.9));color:#041018;font-weight:800;font-size:1.2rem}.app-sidebar__brand-copy{display:flex;flex-direction:column;gap:.12rem}.app-sidebar__brand-copy strong{font-size:1rem}.app-sidebar__brand-copy span,.app-sidebar__footer p,.eyebrow,.page-section__eyebrow,.metric-tile__label,.data-table th,.field label,.audio-card__caption{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem}.app-sidebar__nav{display:flex;flex:1;flex-direction:column;gap:var(--space-2)}.app-nav-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-soft);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.app-nav-link:hover,.app-nav-link--active{transform:translate(4px);color:var(--text);border-color:var(--border);background:linear-gradient(180deg,var(--surface-muted),rgba(255,255,255,.01))}.app-nav-link strong{display:block;font-size:.95rem}.app-nav-link span{display:block;margin-top:.15rem;font-size:.82rem;color:var(--text-muted)}.app-sidebar__footer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-6)}.app-main{display:flex;flex:1;flex-direction:column;min-width:0}.app-topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--border);background:#08111fbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30}:root[data-theme=dawn] .app-topbar{background:#ffffffd1}.app-topbar h1,.page-section__title,.panel-card__title,.metric-tile__value,.modal-card__header h3,.data-state h3{margin:0}.app-topbar__title-group,.app-topbar__actions,.page-section__header,.page-section__actions,.toolbar,.toolbar__group,.metric-tile__label-row,.panel-card__header,.panel-card__header-actions,.audio-card__meta,.pagination-bar,.form-actions,.detail-list__row,.list-row,.hero-stat,.split-header,.tab-row,.card-grid{display:flex;align-items:center;gap:var(--space-4)}.app-topbar__actions{justify-content:flex-end}.app-user-chip{display:flex;align-items:center;gap:var(--space-4);padding:.7rem .9rem;border:1px solid var(--border);border-radius:999px;background:#ffffff0a}.app-user-chip strong{display:block;font-size:.9rem}.app-user-chip span{display:block;color:var(--text-muted);font-size:.8rem}.app-content{padding:var(--space-8)}.page-section{display:flex;flex-direction:column;gap:var(--space-6)}.page-section__header{justify-content:space-between;align-items:flex-start}.page-section__description,.panel-card__subtitle,.inline-note,.data-state p,.audio-card__hint,.metric-tile__caption,.detail-list__label{margin:0;color:var(--text-soft)}.page-section__body,.stack,.panel-stack{display:flex;flex-direction:column;gap:var(--space-6)}.toolbar{flex-wrap:wrap;justify-content:space-between;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.toolbar__group{flex-wrap:wrap}.surface-grid,.metric-grid,.two-column,.three-column,.detail-grid,.stats-grid{display:grid;gap:var(--space-5)}.surface-grid,.metric-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.two-column{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.three-column{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.panel-card{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.panel-card--accent{border-color:#7be0cf3d;background:radial-gradient(circle at top right,rgba(123,224,207,.12),transparent 36%),linear-gradient(180deg,var(--surface-strong),var(--surface))}.panel-card--muted{background:linear-gradient(180deg,var(--surface-muted),var(--surface))}.panel-card__header{justify-content:space-between}.panel-card__title{font-size:1.02rem;font-weight:700}.metric-tile{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0a,#ffffff03);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.metric-tile:hover,.panel-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.metric-tile__value{margin:.35rem 0 0;font-size:clamp(1.6rem,2vw,2.2rem);font-weight:800}.metric-tile--accent{border-color:#7be0cf3d}.metric-tile--danger{border-color:#ff7b843d}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.38rem .72rem;border-radius:999px;border:1px solid transparent;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge--success{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);border-color:color-mix(in srgb,var(--success) 22%,transparent)}.status-badge--warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent);border-color:color-mix(in srgb,var(--warning) 22%,transparent)}.status-badge--danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:color-mix(in srgb,var(--danger) 22%,transparent)}.status-badge--info{color:var(--info);background:color-mix(in srgb,var(--info) 14%,transparent);border-color:color-mix(in srgb,var(--info) 22%,transparent)}.status-badge--muted{color:var(--text-soft);background:#ffffff0d;border-color:var(--border)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:42px;padding:0 1rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#06131c;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #0fb7a53d}.button:disabled{opacity:.5;cursor:not-allowed}.button--ghost{background:#ffffff0a;color:var(--text);border-color:var(--border);box-shadow:none}.button--ghost:hover:not(:disabled){box-shadow:none}.button--danger{background:linear-gradient(135deg,var(--danger),color-mix(in srgb,var(--danger) 72%,black));color:#fff}.button--icon{min-width:42px;padding-inline:.85rem}.app-icon{width:1.05rem;height:1.05rem;flex:none}.field,.search-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field input,.field select,.field textarea,.search-field input,.search-field select{width:100%;min-height:46px;padding:.82rem .95rem;border:1px solid var(--border);border-radius:1rem;background:#ffffff0a;color:var(--text);outline:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-field input:focus,.search-field select:focus{border-color:#7be0cf73;box-shadow:0 0 0 4px #7be0cf1a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.inline-error{margin:0;color:var(--danger);font-size:.88rem}.inline-note{padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08}.callout{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--accent-soft)}.data-table-wrapper{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.95rem 1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#ffffff08}.data-table td strong{display:block;margin-bottom:.2rem}.data-table td p,.table-muted{margin:0;color:var(--text-soft);font-size:.88rem}.pagination-bar{justify-content:space-between}.pagination-bar__summary{margin:0;color:var(--text-soft)}.data-state{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:#ffffff08}.data-state .app-icon{width:1.4rem;height:1.4rem}.audio-card{display:flex;flex-direction:column;gap:var(--space-3)}.audio-card__player{width:100%}.audio-card__label{margin:0;font-size:.95rem;font-weight:700}.pill-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill{padding:.45rem .75rem;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);font-size:.85rem}.code-pill{font-family:var(--font-mono);color:var(--text-soft)}.detail-list{display:grid;gap:var(--space-4)}.detail-list__row{justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.detail-list__value{text-align:right;font-weight:600}.timeline{display:grid;gap:var(--space-4)}.timeline__item{display:grid;grid-template-columns:16px 1fr;gap:var(--space-4)}.timeline__dot{position:relative;width:16px}.timeline__dot:before{content:"";position:absolute;top:.25rem;left:3px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px #7be0cf29}.timeline__item:not(:last-child) .timeline__dot:after{content:"";position:absolute;top:1rem;left:7px;width:2px;bottom:-1.6rem;background:var(--border-strong)}.timeline__content h4{margin:0 0 .15rem}.timeline__content p{margin:0;color:var(--text-soft)}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-6);background:#070c14b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:90}.modal-card{width:min(100%,680px);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-soft)}.modal-card__header,.modal-card__body{padding:var(--space-6)}.modal-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--border)}.page-swap-enter-active,.page-swap-leave-active{transition:opacity .18s ease,transform .18s ease}.page-swap-enter-from,.page-swap-leave-to{opacity:0;transform:translateY(8px)}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .15s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.split-header{justify-content:space-between}.tab-row{flex-wrap:wrap}.tab-button{padding:.72rem 1rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-soft)}.tab-button--active{color:var(--text);border-color:#7be0cf4d;background:#7be0cf1f}.auth-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,520px);min-height:100vh}.auth-hero,.auth-card-wrap{padding:clamp(1.5rem,4vw,3rem)}.auth-hero{display:flex;flex-direction:column;justify-content:space-between}.auth-hero__badge{display:inline-flex;align-items:center;gap:var(--space-3);width:fit-content;padding:.55rem .85rem;border:1px solid rgba(123,224,207,.22);border-radius:999px;background:#7be0cf14;color:var(--accent)}.auth-hero h1{margin:var(--space-6) 0 var(--space-4);font-size:clamp(2.4rem,4vw,4rem);line-height:1.02}.auth-hero p{max-width:44rem;color:var(--text-soft);font-size:1.05rem}.auth-hero__panel{display:grid;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.auth-card-wrap{display:grid;place-items:center}.auth-card{width:min(100%,460px);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-soft)}.auth-card h2{margin:0 0 var(--space-2);font-size:1.7rem}.auth-card p{margin:0;color:var(--text-soft)}.auth-form{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.hero-banner{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(123,224,207,.18);background:radial-gradient(circle at top right,rgba(123,224,207,.16),transparent 35%),linear-gradient(180deg,var(--surface-strong),var(--surface))}.hero-banner h2{margin:0;font-size:clamp(1.6rem,2.2vw,2.4rem)}.hero-banner p{margin:var(--space-3) 0 0;max-width:56rem;color:var(--text-soft)}.feature-list{display:grid;gap:var(--space-4)}.feature-list__item{display:flex;gap:var(--space-4);align-items:flex-start}.feature-list__item strong{display:block;margin-bottom:.2rem}.text-mono{font-family:var(--font-mono)}.desktop-only{display:inline-flex}.mobile-only{display:none}@media (max-width: 1080px){.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}}@media (max-width: 960px){.app-sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);width:min(86vw,320px)}.app-sidebar--open{transform:translate(0)}.app-topbar,.app-content{padding-inline:var(--space-5)}.desktop-only{display:none}.mobile-only{display:inline-flex}}@media (max-width: 720px){.page-section__header,.toolbar,.split-header,.pagination-bar,.app-topbar,.app-topbar__actions{flex-direction:column;align-items:stretch}.app-user-chip{justify-content:space-between}.data-table th,.data-table td{padding:.8rem}.auth-card{padding:var(--space-6)}}