:root{--bg:#f9fafb;--bg-alt:#f8fafc;--surface:#fff;--surface-elevated:#fff;--surface-hover:#f8fafc;--surface-sunken:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-on-brand:#fff;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-soft:#eff6ff;--brand-ring:#2563eb40;--success:#16a34a;--success-soft:#dcfce7;--success-text:#15803d;--warning:#ca8a04;--warning-soft:#fef9c3;--warning-text:#a16207;--danger:#dc2626;--danger-soft:#fee2e2;--danger-text:#b91c1c;--info:#2563eb;--info-soft:#dbeafe;--info-text:#1d4ed8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--radius-sm:4px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-pill:9999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;--shadow-md:0 4px 12px -4px #0f172a1a;--shadow-lg:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0d;--shadow-hover:0 8px 16px -6px #0f172a1f,0 4px 8px -4px #0f172a0f;--duration-fast:120ms;--duration:180ms;--duration-slow:240ms;--ease:cubic-bezier(0.4,0,0.2,1);--z-sticky:50;--z-sidebar:100;--z-modal-backdrop:999;--z-modal:1000;--z-toast:1100;--z-tooltip:1200}[data-theme=dark]{--bg:#0b1220;--bg-alt:#0f172a;--surface:#111827;--surface-elevated:#1a2238;--surface-hover:#1f2937;--surface-sunken:#0a0f1c;--border:#1f2937;--border-strong:#334155;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-on-brand:#fff;--brand-soft:#60a5fa26;--brand-ring:#60a5fa59;--success-soft:#22c55e26;--success-text:#4ade80;--warning-soft:#ca8a042e;--warning-text:#facc15;--danger-soft:#dc26262e;--danger-text:#f87171;--info-soft:#2563eb2e;--info-text:#60a5fa;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #00000080,0 1px 2px #0000004d;--shadow-md:0 4px 12px -4px #00000080;--shadow-lg:0 10px 25px -5px #0009,0 8px 10px -6px #0000004d;--shadow-hover:0 8px 16px -6px #00000080,0 4px 8px -4px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{-webkit-font-smoothing:antialiased;background-color:#f9fafb;background-color:var(--bg);color:#1e293b;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-family:var(--font-primary,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen",sans-serif);font-size:15px;font-size:var(--text-md);line-height:1.6;line-height:var(--leading-normal);transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}a{color:#2563eb;color:var(--brand);text-decoration:none;transition:color .12s cubic-bezier(.4,0,.2,1);transition:color var(--duration-fast) var(--ease)}a:hover{text-decoration:underline}.app-layout,.app-layout-fullscreen{display:flex;min-height:100vh}.app-layout-fullscreen{width:100%}.sidebar{background:#fff;background:var(--surface);border-right:3px solid #2563eb;border-right:3px solid var(--color-primary,var(--brand));bottom:0;box-shadow:2px 0 8px #0000000d;color:#1e293b;color:var(--text);display:flex;flex-direction:column;left:0;overflow-y:auto;padding:0;position:fixed;top:0;transition:background-color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease);width:260px;z-index:100;z-index:var(--z-sidebar)}.sidebar-header{border-bottom:3px solid #fff3;color:#fff;color:var(--text-on-brand);flex-shrink:0;padding:20px;padding:var(--space-5)}.sidebar-brand{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4)}.brand-icon{font-size:32px;line-height:1}.brand-text{flex:1 1}.brand-text h1{color:#fff;color:var(--text-on-brand);font-size:20px;font-weight:800;line-height:1;margin:0}.brand-text p{font-size:12px;font-size:var(--text-xs);font-weight:600;margin:4px 0 0;margin:var(--space-1) 0 0 0;opacity:.9}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0;padding:var(--space-4) 0}.nav-section{margin-bottom:24px;margin-bottom:var(--space-6)}.nav-section-title{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;padding:8px 20px;padding:var(--space-2) var(--space-5) var(--space-2);text-transform:uppercase}.nav-link{align-items:center;border-left:3px solid #0000;color:#64748b;color:var(--text-secondary);display:flex;font-size:14px;font-size:var(--text-base);font-weight:600;gap:12px;gap:var(--space-3);padding:12px 20px;padding:var(--space-3) var(--space-5);text-decoration:none;transition:background-color .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1),border-left-color .12s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-left-color var(--duration-fast) var(--ease)}.nav-link:hover{background:#f8fafc;background:var(--surface-hover);color:#1e293b;color:var(--text);text-decoration:none}.nav-link.active{background:#f1f5f9;background:var(--surface-sunken);color:#1e293b;color:var(--text);font-weight:700}.nav-link svg{stroke-width:2.5;flex-shrink:0;height:20px;width:20px}.sidebar-footer{background:#f8fafc;background:var(--bg-alt);border-top:2px solid #e2e8f0;border-top:2px solid var(--border);flex-shrink:0;padding:16px 20px;padding:var(--space-4) var(--space-5)}.footer-info{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.footer-state-badge{align-items:center;align-self:flex-start;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--text-on-brand);display:inline-flex;font-size:13px;font-size:var(--text-sm);font-weight:700;gap:4px;gap:var(--space-1);justify-content:center;padding:6px 12px}.footer-text{color:#64748b;color:var(--text-secondary);font-size:12px;font-size:var(--text-xs);font-weight:600}.main-content{background:#f9fafb;background:var(--bg);flex:1 1;margin-left:260px;max-width:calc(100vw - 260px);min-height:100vh;overflow-x:hidden;padding:0;transition:background-color .18s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration) var(--ease)}.main-content-fullscreen{background:#f8fafc;background:var(--bg-alt);flex:1 1;min-height:100vh;padding:0;width:100%}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;box-shadow:var(--shadow);transition:background-color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-4) var(--space-5)}.card-header h2{font-size:16px;font-weight:600;margin:0}.card-body,.card-header h2{color:#1e293b;color:var(--text)}.card-body{padding:20px;padding:var(--space-5)}.hover-lift{cursor:pointer;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.hover-lift:hover{border-color:#cbd5e1;border-color:var(--border-strong);box-shadow:0 8px 16px -6px #0f172a1f,0 4px 8px -4px #0f172a0f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-cards{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--space-6)}.stat-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-5);transition:background-color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.stat-card .stat-label{color:#64748b;color:var(--text-secondary);font-size:13px;font-size:var(--text-sm);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-card .stat-value{color:#1e293b;color:var(--text);font-size:32px;font-size:var(--text-2xl);font-weight:700;line-height:1.2;line-height:var(--leading-tight);margin:4px 0;margin:var(--space-1) 0}.stat-card .stat-subtitle{color:#94a3b8;color:var(--text-muted);font-size:13px;font-size:var(--text-sm)}.stat-card.blue .stat-value{color:#2563eb;color:var(--brand)}.stat-card.green .stat-value{color:#16a34a;color:var(--success)}.stat-card.red .stat-value{color:#dc2626;color:var(--danger)}.stat-card.orange .stat-value{color:#ca8a04;color:var(--warning)}.table-container{overflow-x:auto}table{border-collapse:collapse;color:#1e293b;color:var(--text);width:100%}thead th{background:#f8fafc;background:var(--bg-alt);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:12px;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:12px 16px;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}thead th:hover{color:#1e293b;color:var(--text)}tbody td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:14px;font-size:var(--text-base);padding:12px 16px;padding:var(--space-3) var(--space-4)}tbody tr{transition:background-color .12s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease)}tbody tr:hover{background:#f8fafc;background:var(--surface-hover)}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#eff6ff;background:var(--brand-soft)}.badge{border-radius:9999px;border-radius:var(--radius-pill);display:inline-block;font-size:12px;font-size:var(--text-xs);font-weight:600;padding:2px 12px;padding:2px var(--space-3);white-space:nowrap}.badge-green{background:#dcfce7;background:var(--success-soft);color:#15803d;color:var(--success-text)}.badge-red{background:#fee2e2;background:var(--danger-soft);color:#b91c1c;color:var(--danger-text)}.badge-yellow{background:#fef9c3;background:var(--warning-soft);color:#a16207;color:var(--warning-text)}.badge-blue{background:#dbeafe;background:var(--info-soft);color:#1d4ed8;color:var(--info-text)}.badge-gray{background:#f1f5f9;background:var(--surface-sunken);color:#64748b;color:var(--text-secondary)}.badge-orange{background:#ffedd5;color:#c2410c}[data-theme=dark] .badge-orange{background:#ea580c2e;color:#fb923c}.tag{align-items:center;background:#eff6ff;background:var(--brand-soft);border-radius:9999px;border-radius:var(--radius-pill);color:#2563eb;color:var(--brand);display:inline-flex;font-size:12px;font-size:var(--text-xs);font-weight:500;gap:4px;gap:var(--space-1);margin:2px;padding:2px 12px;padding:2px var(--space-3);white-space:nowrap}.tag button{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:14px;font-size:var(--text-base);line-height:1;margin-left:2px;padding:0}.tag button:hover{color:#dc2626;color:var(--danger)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-base);font-weight:500;gap:4px;gap:var(--space-1);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:background-color .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:#2563eb;background:var(--brand);color:#fff;color:var(--text-on-brand)}.btn-primary:not(:disabled):hover{background:#1d4ed8;background:var(--brand-hover)}.btn-secondary{background:#f1f5f9;background:var(--surface-sunken);border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--text-secondary)}.btn-secondary:not(:disabled):hover{background:#e2e8f0;background:var(--border);color:#1e293b;color:var(--text)}.btn-success{background:#16a34a;background:var(--success);color:#fff;color:var(--text-on-brand)}.btn-success:not(:disabled):hover{filter:brightness(.92)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff;color:var(--text-on-brand)}.btn-danger:not(:disabled):hover{filter:brightness(.92)}.btn-sm{font-size:13px;font-size:var(--text-sm);padding:4px 12px;padding:var(--space-1) var(--space-3)}.btn svg{height:16px;width:16px}:focus{outline:none}.btn:focus-visible,.filter-bar input:focus-visible,.filter-bar select:focus-visible,.form-control:focus-visible,.nav-link:focus-visible,.search-bar input:focus-visible,.tag button:focus-visible,a:focus-visible{box-shadow:0 0 0 4px #2563eb40;box-shadow:0 0 0 4px var(--brand-ring);outline:2px solid #2563eb;outline:2px solid var(--brand);outline-offset:2px}.form-group{margin-bottom:16px;margin-bottom:var(--space-4)}.form-group label{color:#64748b;color:var(--text-secondary);display:block;font-size:13px;font-size:var(--text-sm);font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.form-control{background:#fff;background:var(--surface);border:1px solid #cbd5e1;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius);color:#1e293b;color:var(--text);font-size:14px;font-size:var(--text-base);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:border-color .12s cubic-bezier(.4,0,.2,1),background-color .12s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease);width:100%}.form-control:focus{border-color:#2563eb;border-color:var(--brand)}textarea.form-control{min-height:80px;resize:vertical}select.form-control{-webkit-appearance:auto;appearance:auto}.search-bar{max-width:480px;position:relative}.search-bar input{background:#fff;background:var(--surface);border:1px solid #cbd5e1;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-md);color:#1e293b;color:var(--text);font-size:15px;font-size:var(--text-md);padding:12px 16px 12px 40px;padding:var(--space-3) var(--space-4) var(--space-3) 40px;transition:border-color .12s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration-fast) var(--ease);width:100%}.search-bar input:focus{border-color:#2563eb;border-color:var(--brand)}.search-bar svg{color:#94a3b8;color:var(--text-muted);height:18px;left:12px;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-results{background:#fff;background:var(--surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0d;box-shadow:var(--shadow-lg);left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:50;z-index:var(--z-sticky)}.search-results .search-section{padding:8px 0;padding:var(--space-2) 0}.search-results .search-section-title{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 16px;padding:6px var(--space-4);text-transform:uppercase}.search-results .search-item{align-items:center;cursor:pointer;display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:background-color .12s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease)}.search-results .search-item:hover{background:#f8fafc;background:var(--surface-hover)}.search-results .search-item .search-item-title{color:#1e293b;color:var(--text);font-size:14px;font-size:var(--text-base);font-weight:500}.search-results .search-item .search-item-sub{color:#94a3b8;color:var(--text-muted);font-size:12px;font-size:var(--text-xs)}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4)}.filter-bar input,.filter-bar select{background:#fff;background:var(--surface);border:1px solid #cbd5e1;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius);color:#64748b;color:var(--text-secondary);font-size:13px;font-size:var(--text-sm);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:border-color .12s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration-fast) var(--ease)}.filter-bar input:focus,.filter-bar select:focus{border-color:#2563eb;border-color:var(--brand)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6)}.page-header h1{color:#1e293b;color:var(--text);font-size:24px;font-size:var(--text-xl);font-weight:700;margin:0}.page-header .page-subtitle{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--text-base);margin:2px 0 0}.grid-2{grid-gap:20px;grid-gap:var(--space-5);grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:20px;gap:var(--space-5)}.grid-3{grid-gap:20px;grid-gap:var(--space-5);grid-template-columns:1fr 1fr 1fr}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-sm{font-size:13px;font-size:var(--text-sm)}.text-xs{font-size:12px;font-size:var(--text-xs)}.font-bold{font-weight:700}.font-medium{font-weight:500}.mt-2{margin-top:8px;margin-top:var(--space-2)}.mt-4{margin-top:16px;margin-top:var(--space-4)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.mr-2{margin-right:8px;margin-right:var(--space-2)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{color:#94a3b8;color:var(--text-muted);padding:48px 20px;padding:var(--space-8) var(--space-5);text-align:center}.empty-state svg{color:#cbd5e1;color:var(--border-strong);height:48px;margin-bottom:12px;margin-bottom:var(--space-3);width:48px}.empty-state h3{color:#64748b;color:var(--text-secondary);margin-bottom:6px}.empty-state h3,.empty-state p{font-size:14px;font-size:var(--text-base)}.toast-container{bottom:20px;bottom:var(--space-5);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);position:fixed;right:20px;right:var(--space-5);z-index:1100;z-index:var(--z-toast)}.toast{animation:slideIn .24s cubic-bezier(.4,0,.2,1);animation:slideIn var(--duration-slow) var(--ease);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0d;box-shadow:var(--shadow-lg);font-size:14px;font-size:var(--text-base);font-weight:500;min-width:280px;padding:12px 20px;padding:var(--space-3) var(--space-5)}.toast-success{background:#16a34a;background:var(--success)}.toast-error,.toast-success{color:#fff;color:var(--text-on-brand)}.toast-error{background:#dc2626;background:var(--danger)}.toast-info{background:#2563eb;background:var(--brand);color:#fff;color:var(--text-on-brand)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .24s cubic-bezier(.4,0,.2,1) both;animation:fadeIn var(--duration-slow) var(--ease) both}@keyframes shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#f1f5f9,#f8fafc 50%,#f1f5f9);background:linear-gradient(90deg,var(--surface-sunken) 0,var(--surface-hover) 50%,var(--surface-sunken) 100%);background-size:960px 100%;border-radius:8px;border-radius:var(--radius);display:inline-block}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#fff,#fff 50%,#fff);background:linear-gradient(90deg,var(--surface) 0,var(--surface-elevated) 50%,var(--surface) 100%);background-size:960px 100%}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.modal-overlay{align-items:center;animation:fadeIn .18s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--duration) var(--ease);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;padding:var(--space-5);position:fixed;z-index:1000;z-index:var(--z-modal)}.modal{background:#fff;background:var(--surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-4) var(--space-5)}.modal-header h2{color:#1e293b;color:var(--text);font-size:18px;font-size:var(--text-lg);font-weight:600;margin:0}.modal-header button{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:20px}.modal-body{color:#1e293b;color:var(--text);padding:20px;padding:var(--space-5)}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:8px;gap:var(--space-2);justify-content:flex-end;padding:16px 20px;padding:var(--space-4) var(--space-5)}.profile-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-primary,var(--brand)),var(--color-secondary,var(--brand-hover)));border-radius:10px;border-radius:var(--radius-md);color:#fff;color:var(--text-on-brand);margin-bottom:20px;margin-bottom:var(--space-5);padding:24px;padding:var(--space-6)}.profile-header h1{font-size:24px;font-size:var(--text-xl);font-weight:700;margin:0 0 8px;margin:0 0 var(--space-2) 0}.profile-header .profile-meta{color:#ffffffd9;display:flex;flex-wrap:wrap;font-size:14px;font-size:var(--text-base);gap:20px;gap:var(--space-5)}.profile-stats{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px;margin-bottom:var(--space-5)}.profile-stat{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4);text-align:center}.profile-stat .value{color:#1e293b;color:var(--text);font-size:24px;font-size:var(--text-xl);font-weight:700}.profile-stat .label{color:#64748b;color:var(--text-secondary);font-size:12px;font-size:var(--text-xs);text-transform:uppercase}.timeline{padding-left:24px;padding-left:var(--space-6);position:relative}.timeline:before{background:#e2e8f0;background:var(--border);bottom:4px;content:"";left:8px;position:absolute;top:4px;width:2px}.timeline-item{margin-bottom:20px;margin-bottom:var(--space-5);padding-bottom:4px;position:relative}.timeline-item:before{background:#2563eb;background:var(--brand);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 2px #2563eb;box-shadow:0 0 0 2px var(--brand);content:"";height:10px;left:-20px;position:absolute;top:6px;width:10px}.timeline-item.call:before{background:#16a34a;background:var(--success);box-shadow:0 0 0 2px #16a34a;box-shadow:0 0 0 2px var(--success)}.timeline-item.email:before{background:#2563eb;background:var(--brand);box-shadow:0 0 0 2px #2563eb;box-shadow:0 0 0 2px var(--brand)}.timeline-item.meeting:before{background:#9333ea;box-shadow:0 0 0 2px #9333ea}.timeline-item.note:before{background:#94a3b8;background:var(--text-muted);box-shadow:0 0 0 2px #94a3b8;box-shadow:0 0 0 2px var(--text-muted)}.timeline-date{color:#94a3b8;color:var(--text-muted);font-weight:500}.timeline-date,.timeline-type{font-size:12px;font-size:var(--text-xs)}.timeline-type{font-weight:600;text-transform:uppercase}.timeline-summary,.timeline-type{color:#64748b;color:var(--text-secondary)}.timeline-summary{font-size:14px;font-size:var(--text-base);margin-top:4px}.timeline-followup{color:#a16207;color:var(--warning-text);font-size:12px;font-size:var(--text-xs);font-weight:500;margin-top:4px}.tooltip-container{display:inline-flex;position:relative}.tooltip-trigger{align-items:center;color:#94a3b8;color:var(--text-muted);cursor:help;display:inline-flex}.tooltip-text:hover,.tooltip-trigger:hover+.tooltip-text{display:block}.tooltip-text{background:#1e293b;background:var(--text);border-radius:4px;border-radius:var(--radius-sm);bottom:calc(100% + 6px);color:#fff;color:var(--surface);display:none;font-size:12px;font-size:var(--text-xs);left:50%;padding:6px 12px;padding:6px var(--space-3);position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1200;z-index:var(--z-tooltip)}.mobile-menu-toggle{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;box-shadow:var(--shadow);cursor:pointer;display:none;height:40px;justify-content:center;left:12px;left:var(--space-3);position:fixed;top:12px;top:var(--space-3);width:40px;z-index:200}.mobile-menu-toggle svg{color:#64748b;color:var(--text-secondary);height:20px;width:20px}.sidebar-backdrop{background:#00000080;display:none;inset:0;position:fixed;z-index:99}@media (max-width:1024px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:768px){.sidebar{box-shadow:4px 0 16px #00000026;transform:translateX(-100%);transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform var(--duration) var(--ease);width:280px}.sidebar.mobile-open{transform:translateX(0)}.mobile-menu-toggle{display:flex}.sidebar.mobile-open~.sidebar-backdrop,body.sidebar-open .sidebar-backdrop{display:block}.main-content{margin-left:0;max-width:100vw;padding:56px 16px 16px;padding:56px var(--space-4) var(--space-4)}.stat-cards{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-2)}.filter-bar{align-items:stretch;flex-direction:column}[style*="grid-template-columns: 1.2fr 1fr"],[style*="grid-template-columns: 1fr 1.2fr"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}[style*="position: sticky"]{position:static!important}table{max-width:100%;white-space:nowrap}.data-table,table{display:block;overflow-x:auto}iframe{max-width:100%}}@media (max-width:480px){.stat-cards{grid-template-columns:1fr}body{font-size:14px;font-size:var(--text-base)}h1{font-size:18px!important;font-size:var(--text-lg)!important}}.currency{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.contact-toggle-row:hover{background:#ffffff0d!important}.profile-officer-card{transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.profile-officer-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f)!important;border-color:#fff3!important}.profile-edit-contact-btn{transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:background var(--duration) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.profile-edit-contact-btn:hover{background:linear-gradient(135deg,#ffffff40,#fff3)!important;box-shadow:0 4px 8px #0000004d!important;transform:translateY(-1px)}.pipeline-stage-item{transition:background .12s cubic-bezier(.4,0,.2,1);transition:background var(--duration-fast) var(--ease)}.dashboard-list-row:hover,.pipeline-stage-item:hover{background:#f8fafc;background:var(--surface-hover)}.state-indicator{cursor:default;transition:all .2s ease;-webkit-user-select:none;user-select:none}.state-indicator:hover{box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)}.state-icon{font-size:16px;line-height:1}.state-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.5px}
/*# sourceMappingURL=main.8b091c8e.css.map*/