@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--brand-primary: #6e32c8;--brand-secondary: #c8b0ea;--brand-accent: #107a9e;--brand-peach: #fa899a;--brand-yellow: #f7fd93;--brand-off-white: #f5f5eb;--color-black: #000000;--color-white: #ffffff;--color-neutral-darkest: #111111;--color-neutral-darker: #222222;--color-neutral-dark: #444444;--color-neutral: #666666;--color-neutral-light: #aaaaaa;--color-neutral-lighter: #cccccc;--color-neutral-lightest: #f2f2f2;--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-neutral-lightest);--color-bg-surface: var(--color-white);--color-text-primary: var(--color-black);--color-text-secondary: var(--color-neutral-darker);--color-text-muted: var(--color-neutral);--color-border: var(--color-neutral-lighter);--color-border-light: var(--color-neutral-lightest);--color-success-bg: #cef5ca;--color-success-text: #114e0b;--color-warning-bg: #fcf8d8;--color-warning-text: #5e5515;--color-error-bg: #f8e4e4;--color-error-text: #3b0b0b;--color-info-bg: #e8f0fe;--color-info-text: #107a9e;--font-body: "Inter", Arial, sans-serif;--font-mono: "Azeret Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--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: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 1.25rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);--nav-width: 272px;--topbar-height: 56px;--content-max-width: 1200px;--color-focus: #2d62ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;height:100vh}.app-sidebar{width:var(--nav-width);background:var(--color-black);color:var(--color-white);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.app-sidebar-logo{padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--color-neutral-dark)}.app-sidebar-logo svg{width:168px;height:auto;color:var(--color-white)}.app-sidebar-nav{flex:1;padding:var(--space-4) 0}.app-sidebar-nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);color:var(--color-neutral-light);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:.01em;transition:background .15s,color .15s;border-left:3px solid transparent;white-space:nowrap}.app-sidebar-nav a:hover{background:var(--color-neutral-darkest);color:var(--color-white)}.app-sidebar-nav a.active{background:#c8b0ea1a;color:var(--color-white);border-left-color:var(--brand-primary)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-topbar{height:var(--topbar-height);background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);flex-shrink:0}.app-topbar-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.app-topbar-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.app-topbar-client-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-width:180px;max-width:260px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-neutral-lightest);cursor:pointer;transition:border-color .15s,box-shadow .15s}.app-topbar-client-pill:hover{border-color:var(--color-neutral-light)}.app-topbar-client-pill:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 2px #6e32c826}.app-topbar-client-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.app-topbar-client-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);cursor:pointer;outline:none;min-width:0;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0;padding-right:var(--space-4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.app-topbar-user{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.app-content{flex:1;overflow:auto}.app-content-inner{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8)}.app-content-inner:has(.content-wide){max-width:1600px}h1,h2,h3,h4{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0 0 var(--space-4)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,opacity .15s;text-decoration:none;line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-primary{background:var(--color-black);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-neutral-dark)}.btn-brand{background:var(--brand-primary);color:var(--color-white)}.btn-brand:hover:not(:disabled){background:#5a28a3}.btn-secondary{background:var(--color-white);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-lightest)}.btn-destructive{background:var(--color-error-bg);color:var(--color-error-text);border-color:#e8b4b4}.btn-destructive:hover:not(:disabled){background:#f0c8c8}.btn-success{background:var(--brand-primary);color:var(--color-white)}.btn-success:hover:not(:disabled){background:#5a28a3}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.card{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white)}.table-wrap--sticky{overflow:visible}.table-wrap--bounded{overflow:auto;max-height:calc(100vh - 15rem);min-height:15rem}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}thead th{background:var(--color-neutral-lightest);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap;position:sticky;top:0;z-index:3;box-shadow:inset 0 -1px 0 var(--color-border)}tbody td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#6e32c805}.table-dense{table-layout:fixed;min-width:1340px}.table-dense thead th,.table-dense tbody td{padding:var(--space-2) var(--space-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-dense tbody td{vertical-align:middle}.cell-num{text-align:right;font-variant-numeric:tabular-nums}.cell-actions{text-align:right}.row-actions{display:flex;flex-wrap:nowrap;gap:var(--space-2);justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-error{background:var(--color-error-bg);color:var(--color-error-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-neutral{background:var(--color-neutral-lightest);color:var(--color-neutral-dark)}.badge-running{background:#ede7f6;color:var(--brand-primary)}.badge-status{min-width:6.25rem;justify-content:center}input[type=text],input[type=email],input[type=password],input[type=url],input[type=file],select,textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);background:var(--color-white);color:var(--color-text-primary);transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #6e32c81a}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid #e8b4b4}.alert-success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid #a3dfa0}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid #e8e0a0}.alert-info{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid #a0c4e8}.stat-grid{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.stat-card{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);text-align:center;min-width:100px}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.04em}code{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-neutral-lightest);padding:1px var(--space-1);border-radius:var(--radius-sm)}@media (max-width: 1024px){.app-sidebar{width:240px}}@media (max-width: 768px){.app-layout{flex-direction:column}.app-sidebar{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden}.app-sidebar-logo{padding:var(--space-3) var(--space-4);border-bottom:none;border-right:1px solid var(--color-neutral-dark)}.app-sidebar-logo svg{width:100px}.app-sidebar-nav{display:flex;padding:0}.app-sidebar-nav a{padding:var(--space-3) var(--space-4);border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.app-sidebar-nav a.active{border-left-color:transparent;border-bottom-color:var(--brand-primary)}.app-content{padding:var(--space-4)}}.file-input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;transition:border-color .15s}.file-input-wrap:hover{border-color:var(--brand-primary)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-neutral-lighter);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);color:var(--color-text-muted)}.empty-state h3{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.file-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--color-white)}.file-upload-zone:hover,.file-upload-zone--active{border-color:var(--brand-primary);background:#6e32c808}.file-upload-zone--disabled{opacity:.5;cursor:not-allowed}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.file-upload-placeholder svg{color:var(--color-text-muted);margin-bottom:var(--space-1)}.file-upload-accept{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-upload-file{display:flex;align-items:center;gap:var(--space-3);text-align:left}.file-upload-file svg{color:var(--brand-primary);flex-shrink:0}.file-upload-info{display:flex;flex-direction:column;min-width:0;flex:1}.file-upload-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-upload-clear{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:16px;padding:var(--space-1);border-radius:var(--radius-sm);transition:color .15s}.file-upload-clear:hover{color:var(--color-error-text)}.progress-bar-wrap{margin-bottom:var(--space-4)}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-bar-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.progress-bar-count{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.progress-bar-track{height:8px;background:var(--color-neutral-lightest);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;background:var(--brand-primary);border-radius:var(--radius-pill);transition:width .3s ease}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input-wrap{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);background:var(--color-white);color:var(--color-text-primary);transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #6e32c81a}.form-field--error .form-input{border-color:var(--color-error-text)}.form-input-toggle{position:absolute;right:var(--space-2);background:none;border:none;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.form-input-toggle:hover{color:var(--brand-primary)}.form-error{font-size:var(--font-size-xs);color:var(--color-error-text)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.switch{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:36px;height:20px;border-radius:999px;background:var(--color-border);transition:background .15s;flex-shrink:0}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-white);box-shadow:0 1px 2px #0003;transition:transform .15s}.switch input:checked+.switch-track{background:var(--brand-primary)}.switch input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 3px #6e32c833}.badge-animate{animation:pulse-badge .5s ease}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);animation:slide-in .3s ease;display:flex;align-items:center;gap:var(--space-2)}.toast-success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid #a3dfa0}.toast-error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid #e8b4b4}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.dashboard-welcome h2{margin:0}.dashboard-welcome-actions{display:flex;gap:var(--space-3)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi-card{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.kpi-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.kpi-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.04em}.system-status{display:flex;gap:var(--space-3);flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-neutral-lightest);color:var(--color-text-secondary)}.status-chip--ok{background:var(--color-success-bg);color:var(--color-success-text)}.status-chip--warn{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}@keyframes row-highlight{0%{background:#6e32c814}to{background:transparent}}.row-updated{animation:row-highlight 1.5s ease}.job-detail{--detail-head-h: 52px}.job-detail-sticky{position:sticky;top:0;z-index:5;background:var(--color-white);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) 0;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.job-detail-title{display:flex;align-items:center;gap:var(--space-3);white-space:nowrap;overflow:hidden}.job-detail thead th{top:var(--detail-head-h)}.info-tooltip{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--space-2);color:var(--color-text-muted);cursor:help;outline:none}.info-tooltip-icon{display:block}.info-tooltip:hover,.info-tooltip:focus-visible{color:var(--brand-primary)}.info-tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:100;width:max-content;max-width:320px;padding:var(--space-3) var(--space-4);background:var(--color-neutral-darkest, #1a1a1a);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);text-align:left;letter-spacing:normal;text-transform:none;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none}.info-tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-neutral-darkest, #1a1a1a)}.info-tooltip:hover .info-tooltip-bubble,.info-tooltip:focus-visible .info-tooltip-bubble{opacity:1;visibility:visible}@keyframes card-flash{0%{box-shadow:0 0 0 3px #6e32c873;border-color:var(--brand-primary)}to{box-shadow:0 0 #6e32c800}}.card-flash{animation:card-flash 1.6s ease}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.asset-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.asset-card-preview{height:160px;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.asset-card-preview img,.asset-card-preview video{width:100%;height:100%;object-fit:contain}.asset-card-preview--error{background:var(--color-surface-alt);flex-direction:column;gap:var(--space-2)}.asset-card-preview--error:before{content:"";width:32px;height:32px;background:var(--color-text-muted);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='3' y1='3' x2='21' y2='21'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='3' y1='3' x2='21' y2='21'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain;opacity:.4}.asset-card-preview--error:after{content:"Preview unavailable";font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.7}.asset-card-ratio-badge{position:absolute;top:var(--space-1);right:var(--space-1);background:#000000b3;color:#fff;font-size:10px;font-family:var(--font-mono);padding:2px 5px;border-radius:var(--radius-sm);pointer-events:none}.asset-card-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.asset-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.asset-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.asset-card-actions .btn{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.doc-page{min-height:100%;background:var(--color-bg-secondary);padding:var(--space-8) var(--space-4)}.doc-content{max-width:860px;margin:0 auto;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-10) var(--space-12);line-height:var(--line-height-relaxed)}.doc-content h1{font-size:var(--font-size-2xl);margin:0 0 var(--space-6)}.doc-content h2{font-size:var(--font-size-xl);margin:var(--space-8) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.doc-content h3{font-size:var(--font-size-lg);margin:var(--space-6) 0 var(--space-2)}.doc-content h4{font-size:var(--font-size-md);margin:var(--space-5) 0 var(--space-2)}.doc-content p{margin:var(--space-3) 0}.doc-content ul,.doc-content ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.doc-content li{margin:var(--space-1) 0}.doc-content a{color:var(--brand-accent);text-decoration:underline}.doc-content code{font-family:var(--font-mono);font-size:.85em;background:var(--color-neutral-lightest);padding:.1em .35em;border-radius:var(--radius-sm)}.doc-content pre{background:var(--color-neutral-lightest);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}.doc-content pre code{background:none;padding:0}.doc-content blockquote{margin:var(--space-4) 0;padding:var(--space-2) var(--space-4);border-left:4px solid var(--brand-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.doc-content img{max-width:100%;height:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-2) 0}.doc-content table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--font-size-sm)}.doc-content th,.doc-content td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}.doc-content th{background:var(--color-bg-secondary);font-weight:var(--font-weight-semibold)}.doc-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}