:root{--color-navy-950:#060d17;--color-navy-900:#0a192f;--color-navy-850:#0b1727;--color-navy-800:#0f172a;--color-navy-700:#1e293b;--color-navy-600:#334155;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-amber-900:#78350f;--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-200:#bae6fd;--color-primary-300:#7dd3fc;--color-primary-400:#38bdf8;--color-primary-500:#0284c7;--color-primary-600:#0369a1;--color-primary-700:#075985;--color-primary-800:#0c4a6e;--color-primary-900:#0a192f;--color-neutral-0:#fff;--color-neutral-25:#fcfcfd;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--surface-elevated:#fff;--surface-sidebar:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--text-link:#0f172a;--border-default:#e2e8f0;--border-subtle:#f1f5f9;--border-strong:#cbd5e1;--border-focus:#f59e0b;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--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;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.875rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #0000001f, 0 10px 10px -5px #0000000a;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.18s cubic-bezier(.4, 0, .2, 1);--transition-slow:.25s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--header-height:58px;--page-max-width:1400px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-secondary);min-height:100vh}a{color:var(--color-navy-800);text-decoration:none}a:hover{text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}.heading-3xl{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.025em;color:#0f172a}.heading-2xl{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em;color:#0f172a}.heading-xl{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:#0f172a}.heading-lg{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:#0f172a}.heading-md{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:#0f172a}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;transition:all var(--transition-fast);height:36px;box-shadow:var(--shadow-xs);line-height:1;display:inline-flex}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{color:#fff;background-color:#0b1727;border:1px solid #0b1727}.btn-primary:hover{background-color:#1e293b;border-color:#1e293b}.btn-primary:active{background-color:#020617}.btn-amber{color:#0f172a;background-color:#f59e0b;border:1px solid #d97706}.btn-amber:hover{color:#fff;background-color:#d97706}.btn-secondary{color:#0f172a;border:1px solid var(--border-default);background-color:#fff}.btn-secondary:hover{border-color:var(--color-neutral-300);background-color:#f8fafc}.btn-ghost{color:var(--text-secondary);box-shadow:none;background-color:#0000;border:1px solid #0000}.btn-ghost:hover{background-color:var(--surface-tertiary);color:var(--text-primary)}.btn-danger{background-color:var(--color-danger-600);color:#fff;border:1px solid var(--color-danger-700)}.btn-danger:hover{background-color:var(--color-danger-700)}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{height:42px;padding:0 var(--space-5);font-size:var(--text-base);border-radius:var(--radius-md)}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:30px}.input{width:100%;height:36px;padding:0 var(--space-3);background-color:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:block}.input:focus{border-color:var(--color-amber-500);outline:none;box-shadow:0 0 0 3px #f59e0b1f}.input::placeholder{color:var(--text-tertiary)}.input-lg{height:42px;padding:0 var(--space-4);font-size:var(--text-base);border-radius:var(--radius-lg)}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1);display:block}.field{margin-bottom:var(--space-4)}.card{background-color:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card-body{padding:var(--space-5)}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;letter-spacing:.03em;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap;background-color:#f8fafc;padding:.75rem 1rem;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary);padding:.875rem 1rem}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:#f8fafc}.table-clickable tbody tr,.table tbody tr.clickable{cursor:pointer}.table-clickable tbody tr:hover td,.table tbody tr.clickable:hover td{background-color:#f1f5f9}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{background-color:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-100)}.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-600);border:1px solid var(--color-warning-100)}.badge-danger{background-color:var(--color-danger-50);color:var(--color-danger-700);border:1px solid var(--color-danger-100)}.badge-info{color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe}.badge-neutral{background-color:var(--surface-tertiary);color:var(--text-secondary);border:1px solid var(--border-default)}.stat-card{background-color:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);padding:1.25rem}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card.clickable,.stat-card[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;position:relative}.stat-card.clickable:hover,.stat-card[role=button]:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.stat-card.clickable:focus-visible,.stat-card[role=button]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.stat-card.clickable.active,.stat-card[role=button].active{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #2563eb26, var(--shadow-sm)}.stat-card.clickable.active.active-in-progress,.stat-card[role=button].active.active-in-progress{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #2563eb2e, var(--shadow-sm)}.stat-card.clickable.active.active-review,.stat-card[role=button].active.active-review{border-color:var(--color-warning-500);box-shadow:0 0 0 2px #d977062e, var(--shadow-sm)}.stat-card.clickable.active.active-completed,.stat-card[role=button].active.active-completed{border-color:var(--color-success-500);box-shadow:0 0 0 2px #10b9812e, var(--shadow-sm)}.stat-card .stat-label{color:var(--text-secondary);margin-bottom:var(--space-1);font-size:12.5px;font-weight:500}.stat-card .stat-value{color:var(--text-primary);letter-spacing:-.01em;font-size:1.625rem;font-weight:700;line-height:1.1}.stat-card .stat-change{margin-top:var(--space-2);align-items:center;gap:var(--space-1);font-size:11.5px;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.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)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.empty-state{padding:3.5rem var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .empty-icon{width:48px;height:48px;margin-bottom:var(--space-3);color:var(--text-tertiary)}.empty-state .empty-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.empty-state .empty-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:420px;margin-bottom:var(--space-5);line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-default);border-top-color:#f59e0b;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.02em}.page-subtitle{color:var(--text-secondary);margin-top:3px;font-size:13px}.page-content{max-width:var(--page-max-width);width:100%;padding:1.5rem}.desktop-only{display:block}.mobile-only{display:none!important}@media (width<=1024px){.desktop-only-flex{display:none!important}}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-only-block{display:block!important}.page-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.25rem}.page-header>div:last-child{width:100%}.page-header>div:last-child button,.page-header>div:last-child a{justify-content:center;width:100%}.page-content{padding:1rem 1rem 5.5rem}.heading-3xl{font-size:1.5rem}.heading-2xl{font-size:1.35rem}.heading-xl{font-size:1.15rem}}@media (width<=480px){.page-content{padding:.875rem .875rem 5.5rem}}.grid{gap:1rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=1200px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=768px){.btn,.input,.select{min-height:40px}.table th,.table td{padding:10px 12px}}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a80;animation:.15s ease-out fadeIn;position:fixed;inset:0}.mobile-drawer-sheet{z-index:101;background-color:#fff;flex-direction:column;width:min(85vw,320px);animation:.2s ease-out slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.mobile-bottom-nav{z-index:50;height:60px;padding-bottom:env(safe-area-inset-bottom,0);background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000a}.mobile-bottom-nav-item{color:#64748b;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:11px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.mobile-bottom-nav-item.active{color:#0f172a;font-weight:700}.mobile-bottom-nav-item:active{transform:scale(.95)}.responsive-detail-grid{grid-template-columns:1.6fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.responsive-detail-grid{grid-template-columns:1fr;gap:1.25rem}}.dashboard-main-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-main-grid{grid-template-columns:1fr;gap:1.25rem}}.client-detail-grid{grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=900px){.client-detail-grid{grid-template-columns:1fr;gap:1.25rem}}.notes-layout-grid{flex:1;grid-template-columns:360px 1fr;gap:14px;min-height:0;margin-top:12px;display:grid}@media (width<=900px){.notes-layout-grid{grid-template-columns:1fr;height:auto}.notes-list-pane{max-height:340px}}.stepper-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;overflow-x:auto}.stepper-inner-track{justify-content:space-between;align-items:center;min-width:620px;padding:4px 0;display:flex;position:relative}