@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--fs-xs:.6875rem;--fs-sm:.75rem;--fs-base:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.75;--ls-tight:-.025em;--ls-normal:0;--ls-wide:.025em;--space-0:0;--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;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000000f, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #a9703526;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-chatbot:600;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:100%}:root,[data-theme=light]{--color-brand-50:#fdf8f1;--color-brand-100:#f5e6d0;--color-brand-200:#e8cba3;--color-brand-300:#d4a574;--color-brand-400:#c4894d;--color-brand-500:#a97035;--color-brand-600:#8b5a2b;--color-brand-700:#6d4422;--color-brand-800:#533419;--color-brand-900:#3d2613;--color-gray-25:#fafafa;--color-gray-50:#f8f8f8;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d8d8d8;--color-gray-400:#bebebe;--color-gray-500:#6b7280;--color-gray-600:#575c65;--color-gray-700:#494846;--color-gray-800:#1e2431;--color-gray-900:#231d24;--color-gray-950:#10151a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#32ba7c;--color-success-600:#279b0c;--color-success-700:#3a683b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#ffa800;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-100:#fedfe1;--color-error-500:#ff5050;--color-error-600:#dc2626;--color-error-700:#bb2f48;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-bg-primary:#fff;--color-bg-secondary:#faf9f7;--color-bg-tertiary:#f5f5f5;--color-bg-elevated:#fff;--color-bg-overlay:#10151a80;--color-bg-sidebar:#fafafa;--color-text-primary:#231d24;--color-text-secondary:#575c65;--color-text-tertiary:#6b7280;--color-text-disabled:#bebebe;--color-text-inverse:#fff;--color-text-link:#8b5a2b;--color-border-primary:#d8d8d8;--color-border-secondary:#ebebeb;--color-border-focus:#a97035;--color-border-error:#ff5050;--color-btn-primary-bg:#000;--color-btn-primary-hover:#1e1e1e;--color-btn-primary-text:#fff;--color-btn-secondary-bg:#fff;--color-btn-secondary-hover:#f8f8f8;--color-btn-secondary-text:#231d24;--color-btn-danger-bg:#dc2626;--color-btn-danger-hover:#bb2f48;--color-input-bg:#f5f5f5;--color-input-border:#d8d8d8;--color-input-focus-border:#a97035;--color-input-focus-ring:#a9703540;--color-input-placeholder:#575c65;--color-table-header:#f8f8f8;--color-table-row-hover:#f5f5f5;--color-table-row-selected:#fdf8f1;--color-table-border:#d8d8d8}[data-theme=dark]{--color-brand-50:#1c1510;--color-brand-100:#2a1f14;--color-brand-200:#3d2613;--color-brand-300:#6d4422;--color-brand-400:#a97035;--color-brand-500:#c4894d;--color-brand-600:#d4a574;--color-brand-700:#e8cba3;--color-gray-25:#0c0d0f;--color-gray-50:#10151a;--color-gray-100:#1a1e28;--color-gray-200:#252a36;--color-gray-300:#363c4a;--color-gray-400:#575c65;--color-gray-500:#6b7280;--color-gray-600:#868686;--color-gray-700:#bebebe;--color-gray-800:#d8d8d8;--color-gray-900:#e5e5e5;--color-gray-950:#f8f8f8;--color-success-50:#052e16;--color-success-100:#064e3b;--color-success-500:#4ade80;--color-success-600:#86efac;--color-success-700:#bbf7d0;--color-warning-50:#451a03;--color-warning-100:#78350f;--color-warning-500:#fbbf24;--color-warning-600:#fcd34d;--color-warning-700:#fde68a;--color-error-50:#450a0a;--color-error-100:#7f1d1d;--color-error-500:#f87171;--color-error-600:#fca5a5;--color-error-700:#fecaca;--color-info-50:#1e3a5f;--color-info-100:#1e40af;--color-info-500:#60a5fa;--color-info-600:#93bbfd;--color-bg-primary:#10151a;--color-bg-secondary:#10192d;--color-bg-tertiary:#1e1e1e;--color-bg-elevated:#1a1e28;--color-bg-overlay:#000000b3;--color-bg-sidebar:#0c0d0f;--color-text-primary:#f8f8f8;--color-text-secondary:#bebebe;--color-text-tertiary:#6b7280;--color-text-disabled:#494846;--color-text-inverse:#231d24;--color-text-link:#d4a574;--color-border-primary:#252a36;--color-border-secondary:#1a1e28;--color-border-focus:#a97035;--color-border-error:#f87171;--color-btn-primary-bg:#fff;--color-btn-primary-hover:#e5e5e5;--color-btn-primary-text:#10151a;--color-btn-secondary-bg:#1a1e28;--color-btn-secondary-hover:#252a36;--color-btn-secondary-text:#d8d8d8;--color-btn-danger-bg:#dc2626;--color-btn-danger-hover:#ff5050;--color-input-bg:#1a1e28;--color-input-border:#363c4a;--color-input-focus-border:#a97035;--color-input-focus-ring:#a970354d;--color-input-placeholder:#868686;--color-table-header:#10192d;--color-table-row-hover:#1a1e28;--color-table-row-selected:#1c1510;--color-table-border:#252a36;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--shadow-glow:0 0 24px #a9703533}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;height:100%;font-size:16px}body{font-family:var(--font-primary);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100%;transition:background-color var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default);overflow:hidden}body:before{content:"";pointer-events:none;z-index:-1;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}a{color:var(--color-text-link);transition:color var(--duration-fast) var(--ease-default);text-decoration:none}a:hover{color:var(--color-brand-700)}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-gray-300)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.text-4xl{font-size:var(--fs-4xl)}.font-light{font-weight:var(--fw-light)}.font-regular{font-weight:var(--fw-regular)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--fs-base);font-weight:var(--fw-medium);line-height:var(--lh-tight);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--color-btn-primary-hover);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:1px solid var(--color-border-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-btn-secondary-hover);border-color:var(--color-gray-300)}.btn-danger{background:var(--color-btn-danger-bg);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-btn-danger-hover)}.btn-destructive{color:var(--color-error-600);border:1px solid var(--color-error-600);background:0 0}.btn-destructive:hover:not(:disabled){background:var(--color-error-600);color:#fff}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-border-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-gray-300)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--fs-md)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:44px;min-width:44px;height:44px;min-height:44px}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text-primary);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--color-input-placeholder)}.input:focus{border-color:var(--color-input-focus-border);box-shadow:0 0 0 3px var(--color-input-focus-ring);outline:none}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--color-border-error)}.input-error:focus{box-shadow:0 0 0 3px #ef444433}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default), transform var(--duration-normal) var(--ease-default)}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-secondary)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-secondary)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-tight);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge-success{background:var(--color-success-50);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700)}.badge-error{background:var(--color-error-50);color:var(--color-error-700)}.badge-info{background:var(--color-info-50);color:var(--color-info-600)}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-brand{background:var(--color-brand-50);color:var(--color-brand-600)}.table-container{border:1px solid var(--color-table-border);border-radius:var(--radius-lg);position:relative;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-base)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--fw-medium);font-size:var(--fs-sm);color:var(--color-text-secondary);background:var(--color-table-header);border-bottom:1px solid var(--color-table-border);white-space:nowrap;text-transform:uppercase;letter-spacing:var(--ls-wide);z-index:10;box-shadow:inset 0 -1px 0 var(--color-table-border);position:sticky;top:0}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-primary)}.table-density-compact td{padding:var(--space-1) var(--space-3);font-size:var(--fs-sm)}.table-density-compact th{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs)}.search-highlight{color:inherit;background-color:#d4a57459;border-radius:2px;padding:0 1px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--duration-fast) var(--ease-default)}.table tbody tr:hover{background:var(--color-table-row-hover)}.table tbody tr.selected{background:var(--color-table-row-selected)}.skeleton{background:linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid var(--color-border-secondary);border-top-color:var(--color-brand-500);border-radius:var(--radius-full);width:36px;height:36px;animation:.7s linear infinite spinner-rotate;display:inline-block}.spinner--sm{border-width:2px;width:18px;height:18px}.spinner--lg{border-width:3.5px;width:48px;height:48px}.spinner--inherit{border-color:currentColor #0000 #0000}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-slide-in var(--duration-normal) var(--ease-spring);align-items:flex-start;gap:var(--space-3);display:flex}.toast-success{background:var(--color-success-50);border:1px solid var(--color-success-500);color:var(--color-success-700)}.toast-error{background:var(--color-error-50);border:1px solid var(--color-error-500);color:var(--color-error-700)}.toast-info{background:var(--color-info-50);border:1px solid var(--color-info-500);color:var(--color-info-600)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{background:var(--color-bg-overlay);z-index:var(--z-modal);animation:fade-in var(--duration-fast) var(--ease-default);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90vw;max-width:560px;max-height:85vh;animation:modal-scale-in var(--duration-normal) var(--ease-spring);overflow-y:auto}.modal-content--fullscreen{border-radius:var(--radius-xl);width:calc(100vw - 48px);max-width:calc(100vw - 48px);height:calc(100vh - 48px);max-height:calc(100vh - 48px);animation:modal-slide-up var(--duration-normal) var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.modal-content--fullscreen .modal-header{flex-shrink:0}.modal-content--fullscreen .modal-body{padding:var(--space-4) var(--space-6);flex:1;overflow-y:auto}.modal-content--fullscreen .modal-footer{border-top:1px solid var(--color-border-secondary);flex-shrink:0}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.page-layout{gap:var(--space-6);flex-direction:column;display:flex}.page-centered{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.page-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.breadcrumbs{align-items:center;gap:var(--space-1);font-size:var(--fs-sm);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.breadcrumb-item{cursor:pointer;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-default)}.breadcrumb-item:hover{color:var(--color-text-primary);text-decoration:underline}.breadcrumb-item.current{color:var(--color-text-primary);font-weight:var(--fw-medium);cursor:default}.breadcrumb-item.current:hover{text-decoration:none}.breadcrumb-separator{color:var(--color-text-tertiary);margin:0 var(--space-1);-webkit-user-select:none;user-select:none}.row-action-btn{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;font-size:var(--fs-sm);transition:background var(--duration-fast) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.row-action-btn:hover{background:var(--color-bg-tertiary)}.row-action-btn.danger:hover{background:var(--color-error-50)}.doc-preview-overlay{background:var(--color-bg-overlay);z-index:var(--z-modal);animation:fade-in var(--duration-fast) var(--ease-default);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.doc-preview-panel{background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:90vw;max-width:900px;max-height:90vh;display:flex;overflow:hidden}.doc-preview-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.doc-preview-title{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-preview-body{padding:var(--space-4);flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;overflow:auto}.doc-preview-body iframe{border-radius:var(--radius-md);border:none;width:100%;height:100%;min-height:70vh}.doc-preview-body img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:70vh}@keyframes flash-highlight{0%{background-color:var(--color-error-100);color:var(--color-error-700)}30%{background-color:var(--color-success-100);color:var(--color-success-700)}to{color:inherit;background-color:#0000}}.flash-changed{border-radius:var(--radius-sm);margin:-1px -4px;padding:1px 4px;animation:1.2s ease-out flash-highlight}@keyframes edit-highlight-pulse{0%{box-shadow:0 0 0 2px var(--color-primary,#6366f1)}60%{box-shadow:0 0 0 2px var(--color-primary,#6366f1), 0 0 12px #6366f14d}to{box-shadow:0 0 0 1px var(--color-border-primary)}}@media (prefers-reduced-motion:reduce){.skeleton,.spinner,.toast,.modal-content,.flash-changed,.hoa-switcher-dropdown,.nar-discrepancy-badge{animation:none}}.error-boundary{min-height:60vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.error-boundary-content{text-align:center;max-width:420px}.error-boundary-icon{margin-bottom:var(--space-4);font-size:3rem}.error-boundary-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.error-boundary-message{font-size:var(--fs-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--lh-relaxed)}.error-boundary-actions{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-gray-950), var(--color-gray-600));color:#fff;width:40px;height:40px;font-weight:var(--fw-bold);font-size:var(--fs-base);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty-state{padding:var(--space-12) var(--space-8);text-align:center}.empty-state-icon{margin-bottom:var(--space-3);opacity:.3;font-size:2.5rem}.empty-state-title{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.empty-state-description{font-size:var(--fs-sm);color:var(--color-text-tertiary)}.nar-discrepancy-badge{cursor:help;justify-content:center;align-items:center;font-size:.85em;animation:2s ease-in-out infinite nar-pulse;display:inline-flex}@keyframes nar-pulse{0%,to{opacity:1}50%{opacity:.5}}.skip-link{top:-100px;left:var(--space-4);background:var(--color-brand-500);color:#fff;padding:var(--space-2) var(--space-4);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:10000;transition:top var(--duration-fast) var(--ease-default);font-weight:var(--fw-semibold);box-shadow:var(--shadow-lg);position:absolute}.skip-link:focus{outline:none;top:0}.input:focus-visible,.select:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=combobox]:focus-visible{outline:2px solid var(--color-border-focus)!important;outline-offset:2px!important}.property-pill-strip{gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.property-pill{align-items:center;gap:var(--space-1);padding:4px var(--space-3);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-tight);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);border:1px dashed var(--color-border-primary);color:var(--color-text-secondary);background:0 0;display:inline-flex}.property-pill:hover{border-color:var(--color-brand-400);color:var(--color-brand-600);background:var(--color-brand-50);box-shadow:0 0 0 2px rgba(var(--color-brand-rgb,120, 87, 193), .12)}.property-pill--set{border-style:solid;border-color:var(--color-border-primary);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer}.property-pill--set .property-pill-clear{width:16px;height:16px;margin-left:var(--space-1);border-radius:var(--radius-full);background:var(--color-gray-200);color:var(--color-gray-600);font-size:10px;font-weight:var(--fw-bold);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.property-pill--set .property-pill-clear:hover{background:var(--color-error-100);color:var(--color-error-600)}.property-pill--editing{border-style:solid;border-color:var(--color-brand-400);background:var(--color-brand-50);color:var(--color-brand-600);box-shadow:0 0 0 2px rgba(var(--color-brand-rgb,120, 87, 193), .15)}.property-pill-remove-hint{border-radius:var(--radius-full);background:var(--color-gray-200);width:14px;height:14px;color:var(--color-gray-600);font-size:11px;font-weight:var(--fw-bold);transition:all var(--duration-fast) var(--ease-default);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.property-pill--set:hover .property-pill-remove-hint{background:var(--color-error-100);color:var(--color-error-600)}.property-inline-editor{opacity:0;max-height:0;transition:max-height var(--duration-normal) var(--ease-default), opacity var(--duration-normal) var(--ease-default), padding var(--duration-normal) var(--ease-default);padding:0;overflow:hidden}.property-inline-editor--open{opacity:1;max-height:600px;padding:var(--space-3) 0}.property-inline-editor .form-group{margin-bottom:0}.uniformat-picker{width:100%;position:relative}.uf-inline{position:static}.uf-inline .uf-panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-elevated);overflow:hidden}.uniformat-picker-trigger{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:var(--color-text-primary);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);text-align:left;display:flex}.uniformat-picker-trigger:hover{border-color:var(--color-brand-400)}.uniformat-picker-trigger--empty{color:var(--color-input-placeholder)}.uniformat-picker-dropdown{z-index:var(--z-dropdown,100);margin-top:var(--space-1);width:max(100%,520px);min-width:min(520px,90vw);position:absolute;top:100%;left:0}.uniformat-picker-dropdown .uf-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-scale-in var(--duration-fast) var(--ease-default);overflow:hidden}.uf-panel-search{align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);display:flex}.uf-search-icon{font-size:var(--fs-sm);opacity:.5;flex-shrink:0}.uf-search-input{padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-default);flex:1}.uf-search-input:focus{border-color:var(--color-input-focus-border);box-shadow:0 0 0 2px var(--color-input-focus-ring);outline:none}.uf-search-clear{color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-default);background:0 0;border:none;font-size:1.1rem;line-height:1}.uf-search-clear:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.uf-nav-header{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);display:flex}.uf-back-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-brand-600);background:var(--color-brand-50);border:1px solid var(--color-brand-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;display:inline-flex}.uf-back-btn:hover{background:var(--color-brand-100);border-color:var(--color-brand-400)}.uf-nav-label{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-secondary);font-weight:var(--fw-medium);display:flex}.uf-code-badge{min-width:32px;padding:2px var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);font-family:var(--ff-mono,monospace);color:var(--color-brand-600);background:var(--color-brand-50);border:1px solid var(--color-brand-200);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.uf-selected-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-brand-50) 50%, transparent);border-bottom:1px solid var(--color-brand-200);display:flex}.uf-selected-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-primary);flex:1}.uf-clear-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-error,#ef4444);border:1px solid color-mix(in srgb, var(--color-error,#ef4444) 30%, transparent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;background:0 0;display:inline-flex}.uf-clear-btn:hover{background:color-mix(in srgb, var(--color-error,#ef4444) 10%, transparent);border-color:var(--color-error,#ef4444)}.uf-items-list{max-height:340px;overflow-y:auto}.uf-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border-secondary);transition:background var(--duration-fast) var(--ease-default);cursor:pointer;display:flex}.uf-item:last-child{border-bottom:none}.uf-item:hover{background:var(--color-bg-tertiary)}.uf-item--selected{background:color-mix(in srgb, var(--color-brand-50) 40%, transparent)}.uf-item-label{font-size:var(--fs-sm);color:var(--color-text-primary);cursor:pointer;flex:1;line-height:1.4}.uf-item-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.uf-select-btn{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-brand-600);background:var(--color-brand-50);border:1px solid var(--color-brand-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap}.uf-select-btn:hover{background:var(--color-brand-100);border-color:var(--color-brand-400);color:var(--color-brand-700,#4338ca)}.uf-drill-btn{width:28px;height:28px;font-size:var(--fs-base);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;display:flex}.uf-drill-btn:hover{background:var(--color-bg-secondary);color:var(--color-brand-600);border-color:var(--color-brand-400)}.uf-empty{padding:var(--space-6);text-align:center;color:var(--color-text-tertiary);font-size:var(--fs-sm)}@media (max-width:900px){.uniformat-picker-dropdown{width:100%;min-width:0}}.detail-section{padding:var(--space-3) 0}.detail-section+.detail-section{border-top:1px solid var(--color-border-secondary)}.detail-section-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.detail-editable{cursor:pointer;border-radius:var(--radius-md);padding:2px var(--space-1);margin:-2px calc(-1 * var(--space-1));transition:all var(--duration-fast) var(--ease-default)}.detail-editable:hover{background:var(--color-bg-tertiary)}.building-list-item{padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);transition:all var(--duration-fast) var(--ease-default);justify-content:space-between;align-items:center;display:flex}.building-list-item:hover{border-color:var(--color-brand-200);box-shadow:var(--shadow-sm)}.building-list-item+.building-list-item{margin-top:var(--space-2)}