:root{--brand-navy:#181A5E;--brand-navy-hover:#13153f;--brand-navy-light:#2D3080;--brand-blue-light:#EEF0FA;--white:#FFFFFF;--gray-50:#F4F5F8;--gray-100:#ECEDF2;--gray-200:#E0E2EA;--text-primary:#181A5E;--text-secondary:#3A3D52;--text-muted:#6E7185;--green:#1E7D4F;--green-soft:#E5F1EB;--red:#C0392B;--red-soft:#F7E5E3;--purple:#5B3F9E;--purple-soft:#ECE6F7;--amber:#A66A00;--amber-soft:#FBF0DC;--font-serif:var(--font-lora),Georgia,serif;--font-sans:var(--font-inter),system-ui,-apple-system,sans-serif;--font-mono:var(--font-plex-mono),ui-monospace,monospace;--r-2:2px;--r-4:4px;--r-6:6px;--r-8:8px;--shadow-sm:0 1px 2px rgba(24,26,94,0.04);--shadow-md:0 1px 3px rgba(24,26,94,0.06),0 1px 2px rgba(24,26,94,0.04)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-secondary);background:var(--gray-50);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:var(--brand-navy);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;background:var(--gray-50)}.app-content{padding:32px 40px 64px;max-width:1280px}.sidebar{width:240px;flex-shrink:0;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;padding:24px 0;position:sticky;top:0;height:100vh}.sidebar.dark{background:var(--brand-navy);border-right-color:var(--brand-navy);color:var(--white)}.sidebar-logo{padding:0 24px 24px;border-bottom:1px solid var(--gray-200);margin-bottom:16px}.sidebar.dark .sidebar-logo{border-bottom-color:rgba(255,255,255,.1)}.sidebar-logo img{height:22px;display:block}.sidebar-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-weight:600;padding:12px 24px 8px}.sidebar.dark .sidebar-eyebrow{color:rgba(255,255,255,.5)}.sidebar-nav{flex:1;padding:0 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-4);font-size:13px;color:var(--text-secondary);font-weight:500;cursor:pointer;position:relative;margin-bottom:2px;background:transparent;border:none;width:100%;text-align:left;transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--gray-50);color:var(--brand-navy)}.nav-item.active{background:var(--brand-blue-light);color:var(--brand-navy)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:4px;bottom:4px;width:3px;background:var(--brand-navy);border-radius:0 2px 2px 0}.sidebar.dark .nav-item{color:rgba(255,255,255,.75)}.sidebar.dark .nav-item.active,.sidebar.dark .nav-item:hover{background:var(--brand-navy-light);color:var(--white)}.sidebar.dark .nav-item.active:before{background:var(--white)}.nav-icon{width:16px;height:16px;flex-shrink:0}.sidebar-foot{padding:16px 24px;border-top:1px solid var(--gray-200);display:flex;align-items:center;gap:10px}.sidebar.dark .sidebar-foot{border-top-color:rgba(255,255,255,.1)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-blue-light);color:var(--brand-navy);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.sidebar.dark .avatar{background:var(--brand-navy-light);color:var(--white)}.sidebar-foot-info{min-width:0;flex:1}.sidebar-foot-name{font-size:13px;font-weight:600;color:var(--brand-navy);line-height:1.2}.sidebar.dark .sidebar-foot-name{color:var(--white)}.sidebar-foot-action{font-size:11px;color:var(--text-muted);margin-top:2px;background:none;border:none;padding:0;cursor:pointer;white-space:nowrap}.sidebar.dark .sidebar-foot-action{color:rgba(255,255,255,.6)}.sidebar-foot-action:hover{color:var(--brand-navy)}.sidebar.dark .sidebar-foot-action:hover{color:var(--white)}.btn{font-family:var(--font-sans);font-size:13px;font-weight:500;border-radius:var(--r-4);padding:10px 18px;border:1px solid transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.btn-primary{background:var(--brand-navy);color:var(--white);border-color:var(--brand-navy)}.btn-primary:hover{background:var(--brand-navy-hover);border-color:var(--brand-navy-hover)}.btn-secondary{background:var(--white);color:var(--brand-navy);border-color:var(--gray-200)}.btn-secondary:hover{background:var(--brand-blue-light);border-color:var(--brand-blue-light)}.btn-outline{background:var(--white);color:var(--brand-navy);border-color:var(--brand-navy)}.btn-outline:hover{background:var(--brand-blue-light)}.btn-ghost{background:transparent;color:var(--brand-navy);border:none}.btn-ghost:hover{background:var(--brand-blue-light)}.btn-block{width:100%}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 24px;font-size:14px}.btn-link{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans);font-size:inherit;color:var(--brand-navy);text-decoration:underline}.btn-link:hover{color:var(--brand-navy-hover)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:500}.field-label,.input{color:var(--brand-navy)}.input{font-family:var(--font-sans);font-size:14px;padding:11px 14px;border:1px solid var(--gray-200);border-radius:var(--r-4);background:var(--white);transition:border-color .12s ease,box-shadow .12s ease;width:100%}.input:focus{outline:none;border-color:var(--brand-navy);box-shadow:0 0 0 3px var(--brand-blue-light)}.input-mono{font-family:var(--font-mono)}.input-with-icon{position:relative}.input-with-icon .input{padding-right:40px}.input-icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.input-icon-btn:hover{color:var(--brand-navy)}.check-row{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.check{width:16px;height:16px;border:1.5px solid var(--gray-200);border-radius:3px;background:var(--white);flex-shrink:0;position:relative}.check.is-checked{background:var(--brand-navy);border-color:var(--brand-navy)}.check.is-checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--white);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.toggle{width:36px;height:20px;border-radius:10px;background:var(--gray-200);position:relative;flex-shrink:0;cursor:pointer;border:none;padding:0;transition:background .12s ease}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--white);border-radius:50%;transition:left .12s ease}.toggle.on{background:var(--brand-navy)}.toggle.on:after{left:18px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-4);padding:24px}.card-header{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:baseline;gap:16px}.card-title{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--brand-navy);margin:0}.metric-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-4);padding:20px 22px;display:flex;flex-direction:column;gap:10px;min-height:116px}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:500}.metric-value{font-family:var(--font-mono);font-size:26px;font-weight:500;color:var(--brand-navy);line-height:1.1}.metric-value.green{color:var(--green)}.metric-value.red{color:var(--red)}.metric-foot{margin-top:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.metric-foot.green{color:var(--green)}.metric-foot.red{color:var(--red)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.page-title{font-family:var(--font-serif);font-size:32px;font-weight:500;color:var(--brand-navy);margin:0;line-height:1.15;letter-spacing:-.01em}.page-sub{margin-top:6px;font-size:13px}.page-meta,.page-sub{color:var(--text-muted)}.page-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-align:right}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.02em}.badge-info{background:var(--brand-blue-light);color:var(--brand-navy)}.badge-success{background:var(--green-soft);color:var(--green)}.badge-danger{background:var(--red-soft);color:var(--red)}.badge-purple{background:var(--purple-soft);color:var(--purple)}.badge-default{background:var(--gray-50);color:var(--text-secondary);border:1px solid var(--gray-200)}.badge-warn{background:#FBF0DD;color:#9A6700}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.req{color:var(--red)}.field-hint{font-size:12px;color:var(--text-muted)}.seg{display:inline-flex;border:1px solid var(--gray-200);border-radius:var(--r-4);overflow:hidden}.seg button{background:var(--white);border:none;padding:10px 16px;font-size:13px;color:var(--text-secondary);border-right:1px solid var(--gray-200);cursor:pointer}.seg button:last-child{border-right:none}.seg button.on{background:var(--brand-navy);color:var(--white)}.dl{display:grid;grid-template-columns:200px 1fr;gap:0}.dl>dt{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.dl>dd,.dl>dt{padding:12px 0;border-bottom:1px solid var(--gray-200)}.dl>dd{margin:0;font-size:14px;color:var(--text-secondary)}.dl>dd.mono{font-family:var(--font-mono);color:var(--brand-navy)}.dl>dd:last-of-type,.dl>dt:last-of-type{border-bottom:none}.hr{margin:4px 0}table.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;padding:12px 16px;background:var(--gray-50)}.tbl tbody td,.tbl thead th{border-bottom:1px solid var(--gray-200)}.tbl tbody td{padding:14px 16px;font-size:13px;color:var(--text-secondary)}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .12s ease}.tbl tbody tr:hover{background:var(--brand-blue-light)}.tbl .num{font-family:var(--font-mono);color:var(--brand-navy);text-align:right}.tbl .num.green{color:var(--green)}.tbl .num.red{color:var(--red)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-200);margin-bottom:24px}.tab{background:none;padding:12px 20px;font-size:13px;font-weight:500;color:var(--text-muted);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .12s ease,border-color .12s ease}.tab.active,.tab:hover{color:var(--brand-navy)}.tab.active{border-bottom-color:var(--brand-navy)}.stack-2>*+*{margin-top:8px}.stack-3>*+*{margin-top:12px}.stack-4>*+*{margin-top:16px}.stack-6>*+*{margin-top:24px}.between,.row{display:flex;gap:16px;align-items:center}.between{justify-content:space-between}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--text-muted)}.info-box{background:var(--brand-blue-light);border-left:3px solid var(--brand-navy);padding:14px 18px;border-radius:0 var(--r-4) var(--r-4) 0;font-size:13px;color:var(--brand-navy);display:flex;gap:12px;align-items:flex-start}.info-box.warn{background:#FBF0E0;border-left-color:#92590C;color:#7a4a09}.info-box.danger{background:var(--red-soft);border-left-color:var(--red);color:var(--red)}.info-box.success{background:var(--green-soft);border-left-color:var(--green);color:var(--green)}.gl-toggle{display:flex;border:1px solid var(--gray-200);border-radius:var(--r-4);overflow:hidden}.gl-btn{flex:1;padding:11px 14px;font-size:13px;font-weight:600;background:var(--white);color:var(--text-muted);border:none;cursor:pointer;transition:background .12s ease,color .12s ease;display:flex;align-items:center;justify-content:center;gap:6px}.gl-btn+.gl-btn{border-left:1px solid var(--gray-200)}.gl-btn.gl-gain.gl-active{background:var(--green-soft);color:var(--green)}.gl-btn.gl-loss.gl-active{background:var(--red-soft);color:var(--red)}.echo-box{border:1px dashed var(--gray-200);border-radius:var(--r-4);padding:10px 14px;font-family:var(--font-mono);font-size:13px;color:var(--text-muted);background:var(--gray-50);min-height:20px}.echo-box.echo-ok{color:var(--brand-navy);border-color:var(--brand-blue-light);background:var(--brand-blue-light)}.echo-box.echo-error{color:var(--red);border-color:var(--red-soft);background:var(--red-soft)}.echo-box.echo-warn{color:#92590C;border-color:#FBF0E0;background:#FBF0E0}.input.input-error{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.auth-split{display:flex;min-height:100vh}.auth-left{flex:0 0 40%;background:var(--brand-navy);color:var(--white);padding:48px 56px;display:flex;flex-direction:column}.auth-left .logo img{height:32px;filter:brightness(0) invert(1)}.auth-tagline{font-family:var(--font-serif);font-size:32px;font-weight:500;color:var(--white);margin:auto 0 16px;line-height:1.2}.auth-blurb{font-size:14px;color:rgba(255,255,255,.7);max-width:420px;line-height:1.6}.auth-features{margin-top:48px;display:flex;flex-direction:column;gap:16px}.auth-feature{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.85)}.auth-feature-icon{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-feature-icon svg{color:var(--white)}.auth-foot{font-size:11px;color:rgba(255,255,255,.5);font-family:var(--font-mono);letter-spacing:.04em}.auth-right{flex:1;background:var(--white);display:flex;align-items:center;justify-content:center;padding:48px}.auth-form{width:100%;max-width:380px}.auth-title{font-family:var(--font-serif);font-size:32px;font-weight:500;color:var(--brand-navy);margin:0 0 8px;letter-spacing:-.01em}.auth-subtitle{color:var(--text-muted);font-size:14px;margin-bottom:32px}.auth-divider{display:flex;align-items:center;gap:12px;margin:28px 0 16px;color:var(--text-muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--gray-200)}.otp-row{display:flex;gap:10px;justify-content:center}.otp-input{width:48px;height:56px;border:1px solid var(--gray-200);border-radius:var(--r-4);background:var(--white);text-align:center;font-family:var(--font-mono);font-size:22px;color:var(--brand-navy);transition:border-color .12s ease,box-shadow .12s ease}.otp-input:focus{outline:none;box-shadow:0 0 0 3px var(--brand-blue-light)}.otp-input.filled,.otp-input:focus{border-color:var(--brand-navy)}.center-card-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--gray-50)}.center-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-6);padding:40px 36px;max-width:440px;width:100%;box-shadow:var(--shadow-md);text-align:center}.center-card .logo img{height:22px}.shield-icon{width:64px;height:64px;border-radius:50%;background:var(--brand-blue-light);margin:32px auto 24px;display:flex;align-items:center;justify-content:center}.product-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-4);padding:20px;cursor:pointer;transition:all .12s ease;text-align:left;font:inherit;color:inherit;display:block;width:100%}.product-card:hover{border-color:var(--brand-navy)}.product-card.active{border:2px solid var(--brand-navy);background:var(--brand-blue-light);padding:19px}.product-card .product-name{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--brand-navy);margin-bottom:12px}.product-card .product-yield{font-family:var(--font-mono);font-size:22px;font-weight:500;color:var(--brand-navy);margin-bottom:4px}.product-card .product-min{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--gray-200);border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand-navy);cursor:pointer;border:2px solid var(--white);box-shadow:0 0 0 1px var(--brand-navy)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand-navy);cursor:pointer;border:2px solid var(--white);box-shadow:0 0 0 1px var(--brand-navy)}.hr{height:1px;background:var(--gray-200);border:none;margin:24px 0}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-navy{color:var(--brand-navy)}.fw-600{font-weight:600}.progress{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden;width:100%;min-width:80px}.progress>div{height:100%;background:var(--brand-navy);border-radius:3px}.screen-switcher{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:999px;padding:4px;display:flex;gap:2px;box-shadow:var(--shadow-md);z-index:100;font-size:11px}.screen-switcher button{background:none;border:none;padding:6px 12px;border-radius:999px;color:var(--text-muted);font-weight:500;cursor:pointer;font-size:11px;letter-spacing:.02em}.screen-switcher button.active{background:var(--brand-navy);color:var(--white)}.screen-switcher button:hover:not(.active){color:var(--brand-navy)}.modal-backdrop{position:fixed;inset:0;background:rgba(24,26,94,.35);display:flex;align-items:center;justify-content:center;z-index:300;padding:24px}.modal{background:var(--white);border-radius:var(--r-6);max-width:560px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 50px rgba(24,26,94,.18)}.modal.modal-wide{max-width:640px}.modal-header{padding:24px 28px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-title{font-family:var(--font-serif);font-size:20px;color:var(--brand-navy);margin:0;font-weight:600}.modal-body{padding:24px 28px}.modal-foot{padding:16px 28px;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end}.modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted);border-radius:4px}.modal-close:hover{background:var(--gray-50);color:var(--brand-navy)}.file-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:16px;padding:14px 16px;border-bottom:1px solid var(--gray-200);align-items:center;transition:background .12s ease}.file-row:hover{background:var(--brand-blue-light)}.file-row:last-child{border-bottom:none}.file-icon{width:36px;height:44px;background:var(--brand-blue-light);border-radius:var(--r-4);display:flex;align-items:center;justify-content:center;color:var(--brand-navy);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.04em;flex-shrink:0}.stepper{display:flex;gap:8px;margin-bottom:24px}.step{flex:1;padding:12px 16px;border-radius:var(--r-4);background:var(--gray-50);border:1px solid var(--gray-200);font-size:12px;color:var(--text-muted)}.step.active{background:var(--brand-blue-light);border-color:var(--brand-navy);color:var(--brand-navy);font-weight:600}.step.done{background:var(--white);border-color:var(--green);color:var(--green)}.step-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;display:block}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;bottom:24px;right:24px;background:var(--brand-navy);color:var(--white);padding:12px 18px;border-radius:var(--r-4);font-size:13px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;z-index:200;animation:toast-in .2s ease-out}.toast.success{background:var(--green)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.token-swatch{display:flex;flex-direction:column;gap:8px;border-radius:var(--r-4);overflow:hidden;border:1px solid var(--gray-200);background:var(--white)}.token-swatch__chip{height:80px;display:flex;align-items:flex-end;padding:12px 14px}.token-swatch__name{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.token-swatch__meta{display:flex;flex-direction:column;gap:2px;padding:10px 14px 14px;font-size:11px}.token-swatch__token{color:var(--text-muted)}.token-swatch__hex{color:var(--brand-navy);font-weight:500}.token-swatch-grid{gap:12px}.metric-unit{font-size:13px;color:var(--text-muted);font-family:var(--font-sans)}.metric-value.amber,.tbl .num.amber,.text-amber{color:var(--amber)}.badge-amber,.warn-box{background:var(--amber-soft);color:var(--amber)}.warn-box{border-left:3px solid var(--amber);padding:14px 18px;border-radius:0 var(--r-4) var(--r-4) 0;font-size:13px;display:flex;gap:12px;align-items:flex-start}.btn-danger-ghost{background:transparent;color:var(--red);border:1px solid var(--gray-200)}.btn-danger-ghost:hover:not(:disabled){background:var(--red-soft);border-color:var(--red-soft)}.qpills{display:inline-flex;border:1px solid var(--gray-200);border-radius:var(--r-4);overflow:hidden}.qpill{background:var(--white);border:none;padding:8px 16px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;border-right:1px solid var(--gray-200)}.qpill:last-child{border-right:none}.qpill.active{background:var(--brand-navy);color:#fff}.qpill:hover:not(.active){background:var(--brand-blue-light);color:var(--brand-navy)}.tbl-scroll{overflow-x:auto}.email-frame{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-6);padding:24px}.email-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-4);max-width:560px;margin:0 auto;overflow:hidden;box-shadow:var(--shadow-md)}.email-head{padding:28px 32px 20px;border-bottom:1px solid var(--gray-200)}.email-body{padding:28px 32px;font-size:14px;color:var(--text-secondary)}.email-foot{padding:18px 32px;border-top:1px solid var(--gray-200)}.email-foot,.email-meta{font-size:11px;color:var(--text-muted)}.email-meta{font-family:var(--font-mono);margin-bottom:4px}@media (max-width:768px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;padding:12px 16px;align-items:center;border-right:none;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:20;gap:16px}.sidebar-logo{padding:0;border-bottom:none;margin-bottom:0;flex:0 0 auto}.sidebar-eyebrow{display:none}.sidebar-nav{flex:1;padding:0;overflow-x:auto;display:flex;gap:4px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{margin-bottom:0;padding:8px 12px;white-space:nowrap;font-size:12px}.nav-item.active:before{display:none}.nav-item.active{background:var(--brand-blue-light)}.sidebar-foot{padding:0;border-top:none;flex:0 0 auto;gap:8px}.sidebar-foot-info{display:none}.app-content{padding:20px 16px 64px}.page-head{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:20px}.page-title{font-size:24px}.page-meta{text-align:left}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.metric-card{padding:16px 18px;min-height:0}.metric-value{font-size:22px}table.tbl{display:block;overflow-x:auto;white-space:nowrap}.tbl tbody td,.tbl thead th{padding:10px 12px;font-size:12px}.file-row{grid-template-columns:auto 1fr auto;gap:12px}.file-row .mono.muted{display:none}.auth-split{flex-direction:column}.auth-left{flex:0 0 auto;min-height:200px}.auth-left,.auth-right,.center-card{padding:24px 20px}.center-card{max-width:none}.center-card-page{padding:16px}}@media (max-width:480px){.page-title{font-size:20px}.card{padding:16px}.btn-lg{padding:12px 18px}}