.version-badge{position:fixed;bottom:8px;right:8px;background-color:#0009;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-family:Courier New,monospace;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.7;transition:opacity .2s}.version-badge:hover{opacity:1}.debug-info-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.debug-info-panel{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.debug-info-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.debug-info-header h3{margin:0;font-size:18px;font-weight:600}.debug-close-btn{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.debug-close-btn:hover{background-color:#f0f0f0;color:#000}.debug-info-content{padding:20px}.debug-section{margin-bottom:24px}.debug-section:last-child{margin-bottom:0}.debug-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.debug-section table{width:100%;border-collapse:collapse}.debug-section table td{padding:6px 0;vertical-align:top}.debug-section table td:first-child{font-weight:500;color:#666;width:140px}.debug-section table td:last-child{color:#333}.debug-section code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:12px}.debug-loading{color:#666;font-style:italic}.debug-error{color:#d32f2f;font-weight:500}.debug-status-ok{color:#2e7d32;font-weight:500;margin:0}.debug-status-warning{color:#f57c00;font-weight:500;margin:0}.debug-info-footer{padding:12px 20px;background-color:#f5f5f5;border-top:1px solid #e0e0e0;text-align:center}.debug-info-footer small{color:#666;font-size:12px}body>header:not(.topbar){display:none!important}:root{--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;--page-gutter: 24px;--page-max-width: min(100%, clamp(1440px, 85vw, 2600px));--page-max-width-wide: min(100%, clamp(1800px, 90vw, 3200px));--page-max-width-jobs: 100%;--line-height-base: 1.5;--font-title: clamp(1.75rem, 2vw, 2.25rem);--font-subtitle: clamp(1.15rem, 1.2vw, 1.35rem);--font-body: .95rem;--font-small: .85rem;--font-label: .7rem;--font-tiny: .65rem;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-card: 12px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .08);--shadow-sm: 0 4px 12px rgba(5, 8, 14, .24);--shadow-md: 0 12px 30px rgba(5, 8, 14, .35);--shadow-lg: 0 20px 50px rgba(5, 8, 14, .5);--transition-fast: .12s ease;--transition-base: .18s ease;--focus-ring: 0 0 0 2px rgba(74, 166, 132, .5);--bg-body: #05080a;--bg-topbar: #11161b;--bg-surface: #050c14;--bg-surface-soft: #0b141e;--border-subtle: #1e2429;--text-primary: #e5ecf3;--text-muted: #b3bdc7;--accent: #4aa684;--accent-contrast: #05140e;--accent-soft: rgba(74, 166, 132, .15);--success: #31c48d;--warning: #fbbf24;--danger: #f87171;--input-bg: #0f1720;--input-border: #29323a;--input-placeholder: rgba(229, 236, 243, .55);--card-bg: #0b0f12;--card-border: #20252b;--card-surface-soft: #080b0e;--card-title: #ffffff;--card-text: #d4dde6;--card-muted: #8f9ca8;--card-label: #7c8a97;--card-accent: #4aa684;--card-accent-soft: rgba(74, 166, 132, .12);--card-success: #9de3c2;--card-warning: #f59e0b;--card-error: #f87171;--card-input-bg: #141a22;--card-input-border: #29323a;--card-chip-bg: #1c2629;--card-chip-text: #cce6dd;--card-shadow: 0 8px 20px rgba(0, 0, 0, .45);--table-surface: #050c14;--table-header-bg: #080c11;--table-header-border: #25313e;--table-row-border: #1e2429;--table-row-alt-bg: rgba(255, 255, 255, .02);--table-row-hover-bg: rgba(255, 255, 255, .04);--table-text: var(--text-primary);--table-muted: var(--text-muted);--table-input-bg: #0f1720;--table-input-border: #29323a;--surface-base: var(--bg-body);--surface-raised: var(--bg-surface);--surface-overlay: var(--card-bg);--surface-0: var(--bg-body);--surface-1: var(--bg-surface);--surface-2: var(--bg-surface-soft);--surface-card: var(--card-bg);--shadow-raised: var(--shadow-sm);--shadow-overlay: var(--shadow-md);--shadow-modal: var(--shadow-lg);--status-active: #31c48d;--status-active-bg: rgba(49, 196, 141, .15);--status-pending: #fbbf24;--status-pending-bg: rgba(251, 191, 36, .15);--status-closed: #f87171;--status-closed-bg: rgba(248, 113, 113, .15);--status-submitted: #60a5fa;--status-submitted-bg: rgba(96, 165, 250, .15);--border-strong: rgba(15, 23, 42, .28);--border-focus: var(--accent);--chip-bg-subtle: rgba(148, 163, 184, .16);--chip-border-subtle: rgba(148, 163, 184, .45);--control-bg: #0f1720;--control-border: #29323a;--control-text: var(--text-primary);--control-placeholder: rgba(229, 236, 243, .55);--control-focus-ring: var(--focus-ring)}.theme-dark{--bg-body: #05080a;--bg-topbar: #11161b;--bg-surface: #060c14;--bg-surface-soft: #0c151f;--border-subtle: #28313b;--text-primary: #e5ecf3;--text-muted: #b3bdc7;--accent: #4aa684;--accent-contrast: #04140e;--accent-soft: rgba(74, 166, 132, .15);--input-bg: #0f1720;--input-border: #29323a;--card-bg: #10161d;--card-border: #232b36;--card-input-bg: #141a22;--card-chip-bg: #1c2629;--card-chip-text: #cce6dd;--table-surface: #060c14;--table-header-bg: #0a121c;--table-input-bg: #0f1720;--table-row-alt-bg: rgba(255, 255, 255, .03);--table-row-hover-bg: rgba(148, 163, 184, .18);--control-bg: #0f1720;--control-border: #29323a;--control-text: var(--text-primary);--control-placeholder: rgba(229, 236, 243, .55)}.theme-light{--bg-body: #edf2f7;--bg-topbar: #003329;--bg-surface: #f9fafb;--bg-surface-soft: #eef2f7;--border-subtle: #c0cad8;--text-primary: #0f172a;--text-muted: #4b5563;--accent: #1c8f60;--accent-contrast: #ffffff;--accent-soft: rgba(28, 143, 96, .12);--input-border: #c0c8d2;--input-bg: #ffffff;--card-bg: #ffffff;--card-border: #c3cedd;--card-surface-soft: #f7f9fc;--card-title: #0f172a;--card-text: #0f172a;--card-muted: #64748b;--card-chip-bg: #e2e8f0;--card-chip-text: #334155;--table-surface: #f9fafb;--table-header-bg: #f2f4f7;--table-header-border: #c8d2de;--table-row-border: #c8d2de;--table-row-alt-bg: #e5edf7;--table-row-hover-bg: #dde7f7;--table-text: #0f172a;--table-muted: #475569;--table-input-bg: #ffffff;--table-input-border: #c0c8d2;--control-bg: #ffffff;--control-border: #c0c8d2;--control-text: #0f172a;--control-placeholder: #94a3b8}.theme-high-contrast{--bg-body: #000000;--bg-topbar: #000000;--bg-surface: #050505;--bg-surface-soft: #050505;--border-subtle: #ffffff;--text-primary: #ffffff;--text-muted: #e5e7eb;--accent: #22c55e;--accent-contrast: #000000;--card-bg: #000000;--card-border: #ffffff;--card-text: #ffffff;--card-muted: #e5e7eb;--card-input-bg: #000000;--card-input-border: #ffffff;--card-chip-bg: #000000;--card-chip-text: #ffffff;--table-surface: #000000;--table-header-bg: #000000;--table-header-border: #ffffff;--table-row-border: #ffffff;--table-row-alt-bg: #000000;--table-row-hover-bg: #111111;--table-text: #ffffff;--table-muted: #e5e7eb;--table-input-bg: #000000;--table-input-border: #ffffff;--control-bg: #000000;--control-border: #ffffff;--control-text: #ffffff;--control-placeholder: #e5e7eb}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-body)}body{margin:0;font-family:inherit;line-height:inherit;background:var(--bg-body);color:var(--text-primary);min-height:100vh}h1,h2,h3,h4{font-family:inherit;font-weight:600;margin:0 0 var(--space-2);line-height:1.2}h1{font-size:clamp(1.75rem,2vw,2.25rem)}h2{font-size:clamp(1.4rem,1.5vw,1.75rem)}h3{font-size:clamp(1.15rem,1.2vw,1.35rem)}h4{font-size:1rem}p{margin:0 0 var(--space-2);color:var(--text-muted);line-height:1.45}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit;background:transparent;border:none;outline:none}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:.4rem .6rem;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}button{cursor:pointer;border-radius:var(--radius-pill)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:var(--radius-pill);padding:.4rem 1.05rem;font-size:.85rem;font-weight:600;border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:#00000014;box-shadow:0 4px 14px #4aa6844d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #4aa68466}.btn-ghost{background:transparent;border-color:var(--border-subtle);color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-soft);color:var(--text-primary)}.btn-ghost.btn-ghost--active{border-color:var(--accent);color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.page-shell{width:100%;max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-gutter)}.page-shell--wide{max-width:var(--page-max-width-wide)}.page-shell--full{max-width:var(--page-max-width-jobs);padding:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) 0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6)}.page-header__title{font-size:var(--font-title);font-weight:600;color:var(--text-primary);line-height:var(--lh-tight);margin:0}.page-header__subtitle{font-size:var(--font-body);color:var(--text-muted);margin-top:var(--space-1);line-height:var(--lh-normal)}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.section-spacer{margin-bottom:var(--space-7)}.section-spacer--sm{margin-bottom:var(--space-4)}.section-spacer--lg{margin-bottom:calc(var(--space-7) * 1.5)}.stack{display:flex;flex-direction:column}.stack--xs{gap:var(--space-2)}.stack--sm{gap:var(--space-3)}.stack--md{gap:var(--space-4)}.stack--lg{gap:var(--space-6)}.stack--xl{gap:var(--space-7)}.cluster{display:flex;flex-wrap:wrap;align-items:center}.cluster--xs{gap:var(--space-2)}.cluster--sm{gap:var(--space-3)}.cluster--md{gap:var(--space-4)}.cluster--lg{gap:var(--space-6)}.surface-card{background:var(--surface-overlay);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-overlay)}.surface-card--sm{padding:var(--space-4);border-radius:var(--radius-md)}.surface-card--lg{padding:var(--space-6);border-radius:var(--radius-lg)}.surface-card--flat{box-shadow:none;background:var(--surface-raised)}.surface-card--bordered{border-width:2px}.card-section{padding:var(--space-4) 0}.card-section:not(:last-child){border-bottom:1px solid var(--border-subtle)}.card-section--padded{padding:var(--space-4);margin:0 calc(var(--space-5) * -1)}.card-section--no-divider{border-bottom:none}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-header__title{font-size:var(--font-subtitle);font-weight:600;color:var(--card-title);line-height:var(--lh-tight);margin:0}.card-header__actions{display:flex;align-items:center;gap:var(--space-2)}.text-title{font-size:var(--font-title);font-weight:600;color:var(--text-primary);line-height:var(--lh-tight)}.text-subtitle{font-size:var(--font-subtitle);font-weight:600;color:var(--text-primary);line-height:var(--lh-tight)}.text-body{font-size:var(--font-body);color:var(--text-primary);line-height:var(--lh-normal)}.text-small{font-size:var(--font-small);color:var(--text-muted);line-height:var(--lh-normal)}.text-label{font-size:var(--font-label);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.text-tiny{font-size:var(--font-tiny);color:var(--text-muted);line-height:var(--lh-normal)}.text-primary{color:var(--text-primary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:var(--lh-tight)}.leading-normal{line-height:var(--lh-normal)}.leading-relaxed{line-height:var(--lh-relaxed)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.interactive{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.interactive:hover{background-color:var(--bg-surface-soft)}.interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.interactive:active{transform:translateY(1px)}.focus-ring{outline:none;transition:box-shadow var(--transition-fast)}.focus-ring:focus-visible{box-shadow:var(--focus-ring)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.is-disabled,[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.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-small);font-weight:500;line-height:1.4;background:var(--chip-bg-subtle);border:1px solid var(--chip-border-subtle);color:var(--text-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.chip--sm{padding:2px var(--space-2);font-size:var(--font-label)}.chip--lg{padding:var(--space-2) var(--space-4);font-size:var(--font-body)}.chip--accent{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip--success{background:var(--status-active-bg);border-color:var(--status-active);color:var(--status-active)}.chip--warning{background:var(--status-pending-bg);border-color:var(--status-pending);color:var(--status-pending)}.chip--danger{background:var(--status-closed-bg);border-color:var(--status-closed);color:var(--status-closed)}.chip--interactive{cursor:pointer}.chip--interactive:hover{background:var(--accent-soft);border-color:var(--accent)}.chip--active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.divider{height:1px;background:var(--border-subtle);border:none;margin:var(--space-4) 0}.divider--vertical{width:1px;height:auto;min-height:1rem;margin:0 var(--space-3)}.divider--strong{background:var(--border-strong)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-tiny);font-weight:600;line-height:1;background:var(--accent);color:var(--accent-contrast)}.badge--sm{min-width:1rem;height:1rem;padding:0 var(--space-1);font-size:.6rem}.badge--muted{background:var(--chip-bg-subtle);color:var(--text-muted)}.hidden{display:none!important}.invisible{visibility:hidden}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-pill)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.skeleton{background:linear-gradient(90deg,var(--bg-surface-soft) 0%,var(--border-subtle) 50%,var(--bg-surface-soft) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;width:100%;margin-bottom:var(--space-2)}.skeleton--circle{border-radius:50%;width:2.5rem;height:2.5rem}.app-shell{min-height:100vh;background:var(--bg-body);color:var(--text-primary);display:flex;flex-direction:column}.page-header{padding:var(--space-5) 0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:transparent}.page-header-main{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.page-header h1{margin:0;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-title);font-weight:600;line-height:var(--lh-tight)}.page-header p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-body);line-height:var(--lh-normal)}.page-header-meta{display:flex;gap:var(--space-2);align-items:center}.pill-count{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border:1px solid var(--chip-border-subtle);border-radius:var(--radius-pill);font-size:var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--chip-bg-subtle)}.view-tag{font-size:var(--font-label);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--accent);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);background:var(--accent-soft);font-weight:600}.view-tabs{margin-top:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}.view-tab{border-radius:var(--radius-pill);border:1px solid var(--chip-border-subtle);padding:var(--space-2) var(--space-4);font-size:var(--font-small);font-weight:600;color:var(--text-muted);background:var(--chip-bg-subtle);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.view-tab:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.view-tab.active,.view-tab[aria-pressed=true],.view-tab[aria-selected=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast);font-weight:700}.view-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.page-main{padding:var(--space-6) var(--page-gutter) var(--space-6);flex:1}.page-content{width:min(100%,var(--page-max-width));margin:0 auto}.page-content--wide{width:min(100%,var(--page-max-width-wide))}.page-content--jobs{width:min(100%,var(--page-max-width-jobs));background:transparent}.view-content{display:flex;flex-direction:column;gap:var(--space-6)}.summary-bar{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:var(--radius-lg)}.summary-inner{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.summary-label{font-size:var(--font-label);text-transform:uppercase;letter-spacing:.2em;color:var(--card-label)}.summary-metric{display:inline-flex;align-items:baseline;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--border-subtle)}.summary-metric:last-child{border-right:none;padding-right:0}.summary-metric-value{font-size:var(--font-subtitle);font-weight:700;color:var(--text-primary)}.summary-metric-label{font-size:var(--font-label);text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted)}.summary-separator{color:var(--text-muted);font-size:var(--font-small)}@media(min-width:1024px){.summary-bar{padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl)}}.load-more-row{display:flex;justify-content:center;padding:var(--space-4) 0 var(--space-2)}@media(max-width:900px){:root{--page-gutter: 16px}.page-header-main{flex-direction:column;align-items:flex-start}.summary-inner{justify-content:flex-start}}.topbar{background:var(--bg-topbar);padding:var(--space-3) var(--page-gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);box-shadow:0 2px 8px #00000014}.topbar-left{display:flex;align-items:center;gap:var(--space-2)}.topbar-left .logo{height:24px;width:auto}.topbar-left .afry-corporate{height:28px}.tavlan-app-logo{margin:0 12px 0 8px;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.tavlan-app-logo:hover{opacity:.8}.tavlan-app-logo:active{opacity:.6;transform:scale(.95)}.product-name{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#fff}.product-tagline{font-size:.7rem;color:#ffffffbf;margin-top:.15rem}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);border:1px solid rgba(255,255,255,.4)}.topbar-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.topbar-nav{display:flex;gap:var(--space-2);align-items:center}.topbar-nav a{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffffbf;text-decoration:none;padding:.3rem .75rem;border-radius:var(--radius-pill);border:1px solid transparent;position:relative;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.topbar-nav a:hover{color:#fff;border-color:#ffffff4d}.topbar-nav a[aria-current=page],.topbar-nav a.active-link{color:var(--accent);font-weight:600;background:transparent;border-color:transparent}.topbar-nav a[aria-current=page]:after,.topbar-nav a.active-link:after{content:"";position:absolute;bottom:-.5rem;left:.75rem;right:.75rem;height:3px;background:var(--accent);border-radius:2px 2px 0 0}.topbar-icon-btn{border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:#ffffffd9;font-size:1rem;padding:.25rem .6rem;cursor:pointer;transition:background var(--transition-fast)}.topbar-icon-btn:hover{background:#ffffff1f}.topbar-toolbar{display:flex;align-items:center;gap:var(--space-2)}.theme-select{min-width:130px;background:#0f171ea6;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);color:#fff;padding:.3rem .75rem}.theme-select:focus-visible{outline:none;box-shadow:0 0 0 2px #8ad2b759}.topbar-view-modes{display:flex;gap:var(--space-2);align-items:center}.topbar-view-mode-pill{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffffbf;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);padding:.4rem 1rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.topbar-view-mode-pill:hover{color:#fff;border-color:#ffffff80;background:#ffffff14}.topbar-view-mode-pill--active{color:var(--accent);background:#8ad2b726;border-color:var(--accent);font-weight:600}@media(max-width:900px){.topbar{flex-direction:column;align-items:flex-start}.topbar-nav{flex-wrap:wrap}}.chip-compact{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--chip-bg-subtle);color:var(--text-primary);font-size:var(--font-tiny);font-weight:500;letter-spacing:.02em;transition:all var(--transition-fast);cursor:default;-webkit-user-select:none;user-select:none}.chip-compact--interactive{cursor:pointer}.chip-compact--interactive:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px);box-shadow:var(--shadow-xs);will-change:transform}.chip-compact--active{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast);font-weight:600}.chip-compact--active:hover{background:var(--accent);box-shadow:var(--shadow-sm)}.chip-compact--removable{padding-right:.4rem}.chip-compact__remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;opacity:.7;font-size:.9rem;padding:0;margin:0;cursor:pointer;transition:opacity var(--transition-fast)}.chip-compact__remove:hover{opacity:1}.chip-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:var(--radius-pill);background:var(--card-chip-bg);color:var(--card-chip-text);font-size:var(--font-small);font-weight:600;letter-spacing:.05em;transition:all var(--transition-fast);cursor:default;-webkit-user-select:none;user-select:none}.chip-pill--accent{background:var(--accent);color:var(--accent-contrast)}.chip-pill--status-active{background:var(--status-active-bg);color:var(--status-active)}.chip-pill--status-pending{background:var(--status-pending-bg);color:var(--status-pending)}.chip-pill--status-closed{background:var(--status-closed-bg);color:var(--status-closed)}.chip-pill--status-submitted{background:var(--status-submitted-bg);color:var(--status-submitted)}.chip-pill--muted{background:var(--card-surface-soft);color:var(--card-muted)}.chip-pill--interactive{cursor:pointer}.chip-pill--interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs);will-change:transform}.chip-pill--removable{padding-right:.6rem}.chip-pill__remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;opacity:.7;font-size:1rem;padding:0;margin:0;cursor:pointer;transition:opacity var(--transition-fast)}.chip-pill__remove:hover{opacity:1}.card{background:var(--surface-overlay);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-overlay);transition:all var(--transition-fast);contain:layout style}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--accent);box-shadow:var(--shadow-modal);transform:translateY(-2px);will-change:transform,box-shadow}.card--interactive:active{transform:translateY(0);box-shadow:var(--shadow-overlay)}.card--compact{padding:var(--space-4)}.card--large{padding:var(--space-6)}.card--flat{box-shadow:none}.card--outlined{border-width:2px;box-shadow:none}.card--elevated{box-shadow:var(--shadow-modal)}.card--status-active{border-color:var(--status-active)}.card--status-pending{border-color:var(--status-pending)}.card--status-closed{border-color:var(--status-closed)}.card--status-submitted{border-color:var(--status-submitted)}.card--accent{border-color:var(--accent)}.card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.card__footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--card-border)}.card__title{font-size:var(--font-subtitle);font-weight:600;line-height:var(--lh-tight);color:var(--card-title);margin:0}.card__subtitle{font-size:var(--font-small);color:var(--card-muted);margin-top:var(--space-1)}.input-search{display:flex;align-items:center;gap:var(--space-2);padding:.6rem 1rem;border-radius:var(--radius-pill);background:var(--input-bg);border:1px solid var(--input-border);box-shadow:inset 0 1px 2px #0000000d;transition:all var(--transition-fast);min-width:200px}.input-search:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring);background:var(--bg-surface)}.input-search__icon{color:var(--text-muted);font-size:var(--font-body);line-height:1}.input-search__field{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-body);outline:none;min-width:0}.input-search__field::placeholder{color:var(--input-placeholder)}.input-search__clear{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast);font-size:var(--font-body)}.input-search:focus-within .input-search__clear{opacity:1}.input-search__clear:hover{color:var(--text-primary);background:var(--bg-surface-soft)}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-body);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.input::placeholder{color:var(--input-placeholder)}.input:disabled{opacity:.6;cursor:not-allowed}.input--compact{padding:.35rem .6rem;font-size:var(--font-small)}.select{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.select:disabled{opacity:.6;cursor:not-allowed}.select--compact{padding:.35rem .6rem;font-size:var(--font-small)}.textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-body);font-family:inherit;resize:vertical;min-height:80px;transition:all var(--transition-fast)}.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.textarea::placeholder{color:var(--input-placeholder)}.label{display:block;font-size:var(--font-label);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--card-label);margin-bottom:var(--space-1)}.form-group{margin-bottom:var(--space-4)}.form-group--compact{margin-bottom:var(--space-3)}.input-with-icon{position:relative}.input-with-icon__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-with-icon .input{padding-left:2.5rem}.input-date{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-body);transition:all var(--transition-fast)}.input-date:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.input-date--compact{padding:.35rem .6rem;font-size:var(--font-small)}.input-number{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-body);transition:all var(--transition-fast)}.input-number:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.input-number--compact{padding:.35rem .6rem;font-size:var(--font-small)}.checkbox,.radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox__input,.radio__input{width:1rem;height:1rem;border:1px solid var(--input-border);background:var(--input-bg);cursor:pointer;transition:all var(--transition-fast)}.checkbox__input:focus,.radio__input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.checkbox__label,.radio__label{font-size:var(--font-body);color:var(--text-primary)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;border:none;border-radius:.375rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.ui-button--primary{background:var(--color-primary, #3b82f6);color:#fff}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-dark, #2563eb)}.ui-button--primary:active:not(:disabled){background:var(--color-primary-darker, #1d4ed8)}.ui-button--secondary{background:var(--color-gray-200, #e5e7eb);color:var(--color-gray-900, #111827)}.ui-button--secondary:hover:not(:disabled){background:var(--color-gray-300, #d1d5db)}.ui-button--secondary:active:not(:disabled){background:var(--color-gray-400, #9ca3af)}.ui-button--danger{background:var(--color-red-600, #dc2626);color:#fff}.ui-button--danger:hover:not(:disabled){background:var(--color-red-700, #b91c1c)}.ui-button--danger:active:not(:disabled){background:var(--color-red-800, #991b1b)}.ui-button--ghost{background:transparent;color:var(--color-gray-700, #374151)}.ui-button--ghost:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6)}.ui-button--ghost:active:not(:disabled){background:var(--color-gray-200, #e5e7eb)}.ui-button--sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.ui-button--md{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.ui-button--lg{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.ui-button--full-width{width:100%}.ui-button--loading{cursor:wait}.ui-button__spinner{display:inline-block;animation:ui-button-spin 1s linear infinite;font-size:1.2em}.ui-button__text--hidden{visibility:hidden}@keyframes ui-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-input-wrapper{display:flex;flex-direction:column;gap:.375rem}.ui-input-container{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--color-gray-300, #d1d5db);border-radius:.375rem;transition:all .2s ease}.ui-input-container:focus-within{border-color:var(--color-primary, #3b82f6);outline:2px solid var(--color-primary, #3b82f6);outline-offset:-1px}.ui-input-container--error{border-color:var(--color-red-500, #ef4444)}.ui-input-container--error:focus-within{border-color:var(--color-red-500, #ef4444);outline-color:var(--color-red-500, #ef4444)}.ui-input-container--success{border-color:var(--color-green-500, #10b981)}.ui-input-container--success:focus-within{border-color:var(--color-green-500, #10b981);outline-color:var(--color-green-500, #10b981)}.ui-input-container--sm{padding:.375rem .75rem}.ui-input-container--sm .ui-input{font-size:.875rem;line-height:1.25rem}.ui-input-container--md{padding:.5rem .75rem}.ui-input-container--md .ui-input{font-size:1rem;line-height:1.5rem}.ui-input-container--lg{padding:.75rem 1rem}.ui-input-container--lg .ui-input{font-size:1.125rem;line-height:1.75rem}.ui-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;color:var(--color-gray-900, #111827)}.ui-input::placeholder{color:var(--color-gray-400, #9ca3af)}.ui-input:disabled{cursor:not-allowed;opacity:.6}.ui-input-container__leading,.ui-input-container__trailing{display:flex;align-items:center;color:var(--color-gray-500, #6b7280);flex-shrink:0}.ui-input-error{font-size:.875rem;line-height:1.25rem;color:var(--color-red-600, #dc2626)}.ui-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:40;animation:ui-drawer-fade-in .2s ease}.ui-drawer{position:fixed;top:0;bottom:0;z-index:50;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow-y:auto;transition:transform .3s ease}.ui-drawer--left{left:0;transform:translate(-100%)}.ui-drawer--left.ui-drawer--open{transform:translate(0)}.ui-drawer--right{right:0;transform:translate(100%)}.ui-drawer--right.ui-drawer--open{transform:translate(0)}.ui-drawer--sm{width:20rem;max-width:100%}.ui-drawer--md{width:28rem;max-width:100%}.ui-drawer--lg{width:36rem;max-width:100%}.ui-drawer--full{width:100%}@keyframes ui-drawer-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.ui-drawer--sm,.ui-drawer--md,.ui-drawer--lg{width:100%}}.ui-spinner{display:inline-block;position:relative}.ui-spinner--xs{width:1rem;height:1rem}.ui-spinner--sm{width:1.5rem;height:1.5rem}.ui-spinner--md{width:2rem;height:2rem}.ui-spinner--lg{width:3rem;height:3rem}.ui-spinner--xl{width:4rem;height:4rem}.ui-spinner__svg{width:100%;height:100%;animation:ui-spinner-rotate 2s linear infinite}.ui-spinner__circle{stroke:currentColor;stroke-linecap:round;animation:ui-spinner-dash 1.5s ease-in-out infinite}.ui-spinner--primary{color:var(--color-primary, #3b82f6)}.ui-spinner--secondary{color:var(--color-gray-600, #4b5563)}.ui-spinner--white{color:#fff}@keyframes ui-spinner-rotate{to{transform:rotate(360deg)}}@keyframes ui-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ui-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;font-weight:500;white-space:nowrap}.ui-badge--sm{padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.ui-badge--md{padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.ui-badge--lg{padding:.375rem 1rem;font-size:1rem;line-height:1.5rem}.ui-badge--default{background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-700, #374151)}.ui-badge--primary{background:var(--color-blue-100, #dbeafe);color:var(--color-blue-700, #1d4ed8)}.ui-badge--success{background:var(--color-green-100, #dcfce7);color:var(--color-green-700, #15803d)}.ui-badge--warning{background:var(--color-yellow-100, #fef3c7);color:var(--color-yellow-700, #a16207)}.ui-badge--danger{background:var(--color-red-100, #fee2e2);color:var(--color-red-700, #b91c1c)}.ui-badge--info{background:var(--color-cyan-100, #cffafe);color:var(--color-cyan-700, #0e7490)}.ui-badge--dot{padding-left:.5rem}.ui-badge__dot{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}