@import "https://rsms.me/inter/inter.css";
:root{--brand-blue:#004b87;--brand-teal:#00a3ad;--brand-light-blue:#e6f0f7;--bg-app:#f9fbff;--bg-surface:#fff;--bg-pane:#ffffff73;--bg-glass:#ffffffbf;--bg-accent:#004b870a;--text-primary:#002d52;--text-secondary:#4a5568;--text-tertiary:#718096;--text-accent:var(--brand-blue);--text-on-accent:#fff;--border-base:#e2e8f0;--border-glass:#fff6;--shadow-glass:0 10px 30px -10px #004b871a;--shadow-popover:0 20px 50px -12px #0000001f;--sidebar-w:260px;--sidebar-collapsed-w:80px;--radius-xl:28px;--radius-lg:18px;--radius-md:12px}.dark{--bg-app:#0a1120;--bg-surface:#111a2e;--bg-pane:#1e293b99;--bg-glass:#0f172abf;--bg-accent:#ffffff0a;--text-primary:#f0f4f8;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-accent:#38bdf8;--text-on-accent:#0a1120;--border-base:#202b3d;--border-glass:#ffffff0a;--shadow-glass:0 8px 32px 0 #00000059;--brand-blue:#38bdf8;--brand-teal:#2dd4bf;--brand-light-blue:#1e3a8a}*{box-sizing:border-box;margin:0;padding:0}input,textarea,button,select{font-family:inherit}body{background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;font-family:Inter var,sans-serif;transition:background .5s,color .5s;overflow:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-family:Inter var,sans-serif;font-weight:800}.layout-wrapper{background:var(--bg-app);background-image:radial-gradient(circle at 100% 0%,var(--brand-light-blue)0%,transparent 45%),radial-gradient(circle at 0% 100%,#00a3ad14 0%,transparent 45%);width:100vw;height:100vh;display:flex}.dark .layout-wrapper{background-image:radial-gradient(circle at 100% 0,#004b8740 0%,#0000 50%),radial-gradient(circle at 0 100%,#00a3ad26 0%,#0000 50%)}.main-content{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.animate-in{animation:.6s cubic-bezier(.4,0,.2,1) page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.main-content{gap:2rem;padding:2.5rem}}@keyframes dna-pulse{0%{opacity:.5;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.1)rotate(180deg)}to{opacity:.5;transform:scale(1)rotate(360deg)}}.synthesis-overlay{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:10000;color:#fff;background:#0a1120e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dna-container{width:120px;height:120px;margin-bottom:2rem;position:relative}.dna-strand{border:4px solid var(--brand-teal);border-top-color:#0000;border-radius:50%;width:100%;height:100%;animation:3s linear infinite dna-pulse;position:absolute}.dna-strand:nth-child(2){border-color:var(--brand-blue);border-bottom-color:#0000;animation-delay:-1.5s}.avatar-container{background:var(--bg-accent);border:1px solid var(--border-base);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.workspace-active .main-content{padding:0;overflow:hidden}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border-base);background:var(--bg-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;flex-direction:column;flex-shrink:0;gap:2rem;height:100%;padding:1.5rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-w)}.nav-item{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:16px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--brand-blue);background:var(--bg-accent)}.nav-item.active{background:var(--brand-blue);color:#fff;box-shadow:0 8px 20px -6px #004b8759}.tab-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .25s;display:flex}.tab-item:hover{color:var(--brand-blue);background:var(--bg-accent)}.tab-item.active{color:var(--brand-blue);background:var(--brand-light-blue)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-xl);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.glass:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px -15px #004b8726}.glass-ai{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffc,#e6f0f799)!important;border:1.5px solid #00a3ad40!important}.dark .glass-ai{background:linear-gradient(135deg,#1e293bcc,#0f172a99)!important;border-color:#38bdf840!important}.glass-ai:after{content:"";background:linear-gradient(45deg,#0000,#00a3ad0d,#0000);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.glass-ai:hover:after{transform:translate(100%)}.pane-header{background:var(--bg-pane);border-bottom:1px solid var(--border-base);color:var(--brand-blue);align-items:center;gap:.75rem;padding:1.15rem 1.5rem;font-weight:800;display:flex}.button{background:var(--brand-blue);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 6px 15px -4px #004b8740}.button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2.5px)scale(1.02);box-shadow:0 12px 25px -8px #004b8766}.button:active:not(:disabled){transform:translateY(-1px)scale(.98)}.button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.button-outline{color:var(--text-secondary);border:1.5px solid var(--border-base);box-shadow:none;background:0 0}.button-outline:hover:not(:disabled){background:var(--bg-accent);color:var(--brand-blue);border-color:var(--brand-blue)}.case-table{border-collapse:separate;border-spacing:0;width:100%}.case-table th{text-align:left;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);border-bottom:1px solid var(--border-base);padding:1.25rem 1.5rem;font-size:.7rem;font-weight:800}.case-table td{border-bottom:1px solid var(--border-base);padding:1.25rem 1.5rem}.badge{text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;padding:.4rem .85rem;font-size:.65rem;font-weight:800}.badge-easy{color:#059669;background:#10b9811f}.badge-medium{color:#d97706;background:#f59e0b1f}.badge-hard{color:#dc2626;background:#ef44441f}.md-root .md-p{line-height:inherit;margin:0 0 .5em}.md-root .md-p:last-child{margin-bottom:0}.md-root .md-ul,.md-root .md-ol{margin:.3em 0 .6em 1.3em;padding:0}.md-root .md-ul:last-child,.md-root .md-ol:last-child{margin-bottom:0}.md-root .md-ul li,.md-root .md-ol li{margin-bottom:.3em;line-height:1.6}.md-root .md-heading{color:var(--brand-blue);letter-spacing:-.01em;margin:.75em 0 .25em;font-size:.9em;font-weight:800}.md-root .md-heading:first-child{margin-top:0}.md-root code.md-code{background:var(--bg-accent);border:1px solid var(--border-base);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,Cascadia Code,monospace;font-size:.85em}.popover-container{position:relative}.popover-content{z-index:200;background:var(--bg-surface);border:1px solid var(--border-base);width:300px;box-shadow:var(--shadow-popover);border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;position:absolute;top:calc(100% + 8px);right:0}.filter-chip{border:1.5px solid var(--border-base);background:var(--bg-surface);color:var(--text-tertiary);cursor:pointer;border-radius:14px;padding:.65rem 1.15rem;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.filter-chip:hover{border-color:var(--brand-blue);color:var(--brand-blue);background:var(--bg-accent)}.filter-chip.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);box-shadow:0 6px 15px -4px #004b874d}.stat-card{text-align:center;padding:2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px -10px #004b872e}.stat-value{color:var(--brand-blue);letter-spacing:-.02em;font-size:2.5rem;font-weight:900}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-size:.8rem;font-weight:800}.workspace-grid{grid-template-columns:1fr 1.15fr 400px;width:100%;height:100%;display:grid;overflow:hidden}@media (max-width:1400px){.workspace-grid{grid-template-columns:1fr 1.1fr 340px}}@media (max-width:1200px){.workspace-grid{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;overflow-y:auto}.workspace-column-3{border-top:1.5px solid var(--border-base);grid-column:span 2;border-left:none!important;height:auto!important}}@media (max-width:900px){.workspace-grid{flex-direction:column;grid-template-columns:1fr;display:flex}.workspace-column-3{grid-column:span 1}}@media (max-width:1024px){.main-content{gap:1.5rem;padding:1.5rem}}@media (max-width:768px){.mobile-header{display:flex!important}.sidebar{z-index:2000;height:100%;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #0000004d;background:var(--bg-surface)!important;width:280px!important}.sidebar:not(.collapsed){transform:translate(0)}.layout-wrapper{flex-direction:column}.main-content{padding:1rem}}.table-container{border-radius:var(--radius-xl);width:100%;overflow-x:auto}.pulse-teal{animation:2s infinite pulse-teal;box-shadow:0 0 #00a3ad66}@keyframes pulse-teal{0%{transform:scale(.95);box-shadow:0 0 #00a3adb3}70%{transform:scale(1);box-shadow:0 0 0 10px #00a3ad00}to{transform:scale(.95);box-shadow:0 0 #00a3ad00}}@media print{body{background:#fff!important;overflow:visible!important}.layout-wrapper,.sidebar,.mobile-header,.simulation-toolbar,.button,footer,.workspace-grid{display:none!important}.modal-overlay{background:#fff!important;padding:0!important;position:static!important}.modal-container{box-shadow:none!important;border:1px solid #e2e8f0!important;max-width:100%!important;position:static!important}.audit-header{color:#004b87!important;background:#f8fafc!important;border-bottom:2px solid #004b87!important}.audit-header *{color:#004b87!important}*{-webkit-print-color-adjust:exact;visibility:visible!important}}