:root{--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-canvas:#f4f5f7;--color-surface:#fff;--color-surface-subtle:#f8f9fa;--color-surface-hover:#f1f3f5;--color-text:#1c2024;--color-text-muted:#687076;--color-text-faint:#889096;--color-border:#dfe3e6;--color-border-strong:#c7ccd1;--color-accent:#d85b19;--color-accent-hover:#b94a12;--color-accent-soft:#fff1e8;--color-danger:#c62a2f;--color-danger-soft:#fff0f0;--color-warning:#946800;--color-warning-soft:#fff8db;--color-success:#2a6f4e;--color-success-soft:#eaf7f0;--color-info:#315f9b;--color-info-soft:#edf4ff;--color-focus:#2f6feb;--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;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--shadow-surface:0 1px 2px #1c20240d, 0 8px 24px #1c20240a;--sidebar-width:15.5rem;--content-max:92rem}
*{box-sizing:border-box}html{background:var(--color-canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{background:var(--color-canvas);min-width:20rem;color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;font-size:.9375rem;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,input,textarea{touch-action:manipulation}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 34%, transparent);outline-offset:2px}::selection{background:#ffd8bf}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);top:var(--space-4);z-index:100;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-text);color:#fff;transition:transform .14s ease-out;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.sidebar{z-index:20;width:var(--sidebar-width);border-right:1px solid var(--color-border);color:#f8f9fa;padding:var(--space-5) var(--space-4);background:#22272d;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:var(--space-3);min-height:2.75rem;padding:0 var(--space-2);letter-spacing:-.02em;font-size:1.125rem;font-weight:720;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;letter-spacing:0;place-items:center;width:2rem;height:2rem;font-size:.8125rem;display:grid}.brand-subtitle{color:#aeb5bc;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:500;display:block}.nav-group{gap:var(--space-1);margin-top:var(--space-6);display:grid}.nav-divider{height:1px;margin:var(--space-4) var(--space-2);background:#394047}.nav-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:#c8cdd2;min-height:2.5rem;padding:0 var(--space-3);transition:background-color .12s ease-out,color .12s ease-out;display:flex}.nav-link:hover{color:#fff;background:#2d333a}.nav-link[aria-current=page]{color:#fff;box-shadow:inset 2px 0 0 var(--color-accent);background:#363d45}.nav-link svg{width:1.125rem;height:1.125rem}.nav-badge{color:#ffd6c2;font-variant-numeric:tabular-nums;background:#5e2a16;border:1px solid #8e3d18;border-radius:999px;margin-left:auto;padding:0 .45rem;font-size:.6875rem}.sidebar-footer{padding:var(--space-4) var(--space-2) 0;color:#aeb5bc;border-top:1px solid #394047;margin-top:auto;font-size:.75rem}.workspace-name{margin-top:var(--space-1);color:#f8f9fa;font-weight:620}.app-main{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:10;align-items:center;gap:var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent);min-height:4rem;padding:0 var(--space-6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;position:sticky;top:0}.global-search{width:min(30rem,55vw);position:relative}.global-search svg{left:var(--space-3);width:1rem;height:1rem;color:var(--color-text-faint);position:absolute;top:50%;transform:translateY(-50%)}.global-search input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);width:100%;min-height:2.375rem;color:var(--color-text);padding:0 var(--space-4) 0 2.35rem}.global-search input:hover,.global-search input:focus{border-color:var(--color-border-strong);background:var(--color-surface)}.topbar-context{color:var(--color-text-muted);margin-left:auto;font-size:.8125rem}.content{width:min(100%, var(--content-max));padding:var(--space-8) clamp(var(--space-4), 3vw, var(--space-10)) var(--space-10);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.eyebrow{margin:0 0 var(--space-1);color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:720}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin-top:0}h1{margin-bottom:var(--space-2);font-size:clamp(1.55rem,2vw,2rem);line-height:1.2}h2{margin-bottom:var(--space-4);font-size:1.125rem}h3{margin-bottom:var(--space-2);font-size:.9375rem}.page-description,.muted{color:var(--color-text-muted)}.page-description{max-width:48rem;margin:0}.button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-height:2.375rem;color:var(--color-text);cursor:pointer;padding:0 var(--space-4);font-weight:620;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out;display:inline-flex}.button:hover{background:var(--color-surface-hover);border-color:#aeb4ba}.button-primary{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.button-primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button svg{width:1rem;height:1rem}.surface{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-surface)}.filters{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);grid-template-columns:minmax(14rem,2fr) repeat(3,minmax(9rem,1fr)) auto;display:grid}.field{gap:var(--space-1);min-width:0;display:grid}.field label{color:var(--color-text-muted);font-size:.75rem;font-weight:620}.input,.select,.textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:2.5rem;color:var(--color-text);padding:0 var(--space-3)}.textarea{resize:vertical;min-height:8rem;padding-block:var(--space-3)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-strong)}.filter-submit{align-self:end}.table-wrap{overscroll-behavior:contain;overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.data-table th{border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-muted);letter-spacing:.045em;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap;font-size:.6875rem;font-weight:720}.data-table td{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--color-surface-subtle)}.document-link{max-width:34rem;font-weight:650;display:block}.document-link:hover{color:var(--color-accent-hover);text-underline-offset:3px;text-decoration:underline}.document-summary{max-width:34rem;color:var(--color-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:.15rem;font-size:.8125rem;display:-webkit-box;overflow:hidden}.status-badge{border:1px solid var(--badge-border,var(--color-border));background:var(--badge-bg,var(--color-surface-subtle));min-height:1.5rem;color:var(--badge-text,var(--color-text-muted));white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:0 .55rem;font-size:.75rem;font-weight:620;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:999px;width:.38rem;height:.38rem}.status-danger,.status-urgent,.status-needs_action,.status-failed,.status-critical,.status-overdue{--badge-bg:var(--color-danger-soft);--badge-border:#f3c6c8;--badge-text:var(--color-danger)}.status-warning,.status-high,.status-waiting,.status-processing,.status-soon{--badge-bg:var(--color-warning-soft);--badge-border:#ecd99b;--badge-text:var(--color-warning)}.status-success,.status-done,.status-ready,.status-replied,.status-resolved{--badge-bg:var(--color-success-soft);--badge-border:#b8dfca;--badge-text:var(--color-success)}.status-info,.status-in_progress,.status-queued,.status-new{--badge-bg:var(--color-info-soft);--badge-border:#c4d8f2;--badge-text:var(--color-info)}.result-summary{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:.8125rem}.empty-state{min-height:16rem;padding:var(--space-8);text-align:center;place-items:center;display:grid}.empty-state svg{width:2rem;height:2rem;margin-bottom:var(--space-3);color:var(--color-text-faint)}.empty-state p{max-width:28rem;color:var(--color-text-muted);margin:0}.workbench{grid-template-columns:minmax(24rem,1.65fr) minmax(20rem,.85fr);min-height:42rem;display:grid;overflow:hidden}.viewer{border-right:1px solid var(--color-border);min-height:42rem;padding:var(--space-8);background:#e9ecef;place-items:center;display:grid}.paper-preview{aspect-ratio:1/1.414;background:#fff;border:1px solid #d2d6da;width:min(100%,36rem);padding:9%;position:relative;overflow:hidden;box-shadow:0 2px 4px #1c202414,0 18px 48px #1c202424}.paper-line{background:#e8eaec;border-radius:2px;height:.45rem;margin-bottom:.7rem}.paper-line-strong{background:#9ea4aa;width:58%;height:.8rem;margin-bottom:1.5rem}.paper-line-short{width:44%}.paper-stamp{border:3px solid color-mix(in srgb, var(--color-accent) 48%, transparent);color:color-mix(in srgb, var(--color-accent) 65%, transparent);padding:var(--space-2) var(--space-3);font-size:1.15rem;font-weight:760;position:absolute;bottom:13%;right:8%;transform:rotate(-5deg)}.details-panel{background:var(--color-surface);min-width:0;padding:var(--space-6)}.details-actions{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.meta-list{grid-template-columns:minmax(8rem,.75fr) minmax(0,1.25fr);margin:0;display:grid}.meta-list dt,.meta-list dd{border-top:1px solid var(--color-border);padding:var(--space-3) 0;margin:0}.meta-list dt{color:var(--color-text-muted);font-size:.8125rem}.meta-list dd{overflow-wrap:anywhere;min-width:0;font-weight:560}.summary-box,.warning-box{margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);padding:var(--space-4)}.summary-box p,.warning-box p{margin:0}.warning-box{background:var(--color-warning-soft);border-color:#ecd99b}.tag-list{gap:var(--space-2);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-muted);padding:.2rem .5rem;font-size:.75rem}.stats-row{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{padding:var(--space-4)}.stat-label{color:var(--color-text-muted);font-size:.75rem;font-weight:620}.stat-value{margin-top:var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.5rem;font-weight:720}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.contact-card,.task-card,.notification-card,.settings-section{padding:var(--space-5)}.contact-card:hover{border-color:var(--color-border-strong)}.card-kicker{color:var(--color-text-muted);text-transform:capitalize;font-size:.75rem}.timeline{margin:0;padding:0;list-style:none}.timeline-item{gap:var(--space-4);border-top:1px solid var(--color-border);padding:var(--space-4) 0;grid-template-columns:7rem 1fr;display:grid;position:relative}.timeline-item:first-child{border-top:0}.timeline-date{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.timeline-title{font-weight:650}.timeline-title a:hover{color:var(--color-accent-hover);text-underline-offset:3px;text-decoration:underline}.timeline-summary{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.8125rem}.split-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);display:grid}.section-body{padding:var(--space-5)}.stack{gap:var(--space-4);display:grid}.notification-header,.task-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.notification-message{margin:var(--space-3) 0 0;color:var(--color-text-muted)}.code{font-family:var(--font-mono);font-size:.8em}.reply-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);display:grid}.reply-form{padding:var(--space-5)}.form-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.help-text{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.75rem}@media (max-width:70rem){.workbench,.split-layout,.reply-layout{grid-template-columns:1fr}.viewer{border-right:0;border-bottom:1px solid var(--color-border)}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-search{grid-column:1/-1}.filter-submit{align-self:end}}@media (max-width:52rem){.sidebar{width:100%;min-height:auto;padding-block:var(--space-3);position:static}.brand,.sidebar-footer,.nav-divider{display:none}.nav-group{margin:0;display:flex;overflow-x:auto}.nav-link{flex:none;min-height:2.75rem}.app-main{margin-left:0}.topbar{padding-inline:var(--space-4);position:static}.global-search{width:100%}.topbar-context{display:none}.content{padding-top:var(--space-6)}.page-header{display:grid}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){input,select,textarea{font-size:1rem}.filters,.stats-row{grid-template-columns:1fr}.filter-search{grid-column:auto}.timeline-item{gap:var(--space-1);grid-template-columns:1fr}.viewer{min-height:28rem;padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}