@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--cf-navy: #1B2A4A;--cf-navy-light: #2A3F6A;--cf-navy-dark: #111D36;--cf-blue: #3B7DD8;--cf-blue-light: #5A9AEB;--cf-blue-muted: #E8F0FB;--cf-green: #2D8B55;--cf-green-bg: #E6F5ED;--cf-green-text: #1A5C35;--cf-yellow: #C98B1D;--cf-yellow-bg: #FDF5E6;--cf-yellow-text: #7A5311;--cf-red: #C0392B;--cf-red-bg: #FDEAEA;--cf-red-text: #7A2019;--cf-amber: #D4740A;--cf-amber-bg: #FFF3E0;--cf-white: #FFFFFF;--cf-gray-50: #F8F9FB;--cf-gray-100: #F0F2F5;--cf-gray-200: #E2E5EA;--cf-gray-300: #C8CDD5;--cf-gray-400: #9BA3AF;--cf-gray-500: #6B7685;--cf-gray-600: #4A5568;--cf-gray-700: #334155;--cf-gray-800: #1E293B;--cf-gray-900: #0F172A;--font-primary: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-panel: 0 1px 3px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .04);--sidebar-width: 240px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);color:var(--cf-gray-800);background:var(--cf-gray-50);line-height:1.5}a{color:var(--cf-blue);text-decoration:none}a:hover{color:var(--cf-blue-light)}button{font-family:var(--font-primary);cursor:pointer}input,select,textarea{font-family:var(--font-primary);font-size:.9375rem}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);background:var(--cf-navy);color:var(--cf-white);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.app-main{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column}.app-header{height:var(--header-height);background:var(--cf-white);border-bottom:1px solid var(--cf-gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:50}.app-content{flex:1;padding:var(--space-6);max-width:1440px}.sidebar-brand{padding:var(--space-5) var(--space-5);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand h1{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--cf-white)}.sidebar-brand .brand-tm{font-size:.625rem;vertical-align:super;opacity:.6;margin-left:1px}.sidebar-brand .brand-sub{font-size:.5625rem;color:var(--cf-gray-400);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.18em}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-3);overflow-y:auto}.sidebar-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cf-gray-400);padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:400;transition:all .15s ease;margin-bottom:1px}.sidebar-link:hover{background:#ffffff0f;color:var(--cf-white)}.sidebar-link.active{background:#3b7dd826;color:var(--cf-white);font-weight:500}.sidebar-link svg{width:18px;height:18px;opacity:.85;flex-shrink:0}.sidebar-link.active svg{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid rgba(255,255,255,.08)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3)}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--cf-blue);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--cf-white);flex-shrink:0}.sidebar-user-info{font-size:.8125rem;line-height:1.3}.sidebar-user-name{font-weight:500;color:var(--cf-white)}.sidebar-user-role{font-size:.6875rem;color:var(--cf-gray-400)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-breadcrumb{font-size:.8125rem;color:var(--cf-gray-500)}.header-breadcrumb span{color:var(--cf-gray-800);font-weight:500}.header-right{display:flex;align-items:center;gap:var(--space-4)}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:1.375rem;font-weight:700;color:var(--cf-gray-900);letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:var(--cf-gray-500);margin-top:var(--space-1)}.panel{background:var(--cf-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--cf-gray-100);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--cf-gray-600)}.panel-header-accent{padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between}.panel-header-accent.navy{background:var(--cf-navy)}.panel-header-accent.navy .panel-title{color:var(--cf-white)}.panel-header-accent.blue{background:var(--cf-blue)}.panel-header-accent.blue .panel-title{color:var(--cf-white)}.panel-header-accent.green{background:var(--cf-green)}.panel-header-accent.green .panel-title{color:var(--cf-white)}.panel-header-accent.amber{background:var(--cf-amber)}.panel-header-accent.amber .panel-title{color:var(--cf-white)}.panel-header-accent.red{background:var(--cf-red)}.panel-header-accent.red .panel-title{color:var(--cf-white)}.panel-body{padding:var(--space-5)}.panel-body.compact{padding:0}.dashboard-grid{display:grid;gap:var(--space-5)}.dashboard-grid.two-col{grid-template-columns:1fr 1fr}.dashboard-grid.overview-row{grid-template-columns:340px 1fr}.dashboard-grid.full{grid-template-columns:1fr}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table thead th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cf-gray-500);background:var(--cf-gray-50);border-bottom:1px solid var(--cf-gray-200);white-space:nowrap}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--cf-gray-100);color:var(--cf-gray-700);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--cf-gray-50)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:100px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-badge .status-dot{width:6px;height:6px;border-radius:50%}.status-badge.green{background:var(--cf-green-bg);color:var(--cf-green-text)}.status-badge.green .status-dot{background:var(--cf-green)}.status-badge.yellow{background:var(--cf-yellow-bg);color:var(--cf-yellow-text)}.status-badge.yellow .status-dot{background:var(--cf-yellow)}.status-badge.red{background:var(--cf-red-bg);color:var(--cf-red-text)}.status-badge.red .status-dot{background:var(--cf-red)}.status-badge.amber{background:var(--cf-amber-bg);color:var(--cf-amber)}.status-badge.amber .status-dot{background:var(--cf-amber)}.status-badge.blue{background:var(--cf-blue-muted);color:var(--cf-blue)}.status-badge.blue .status-dot{background:var(--cf-blue)}.status-badge.gray{background:var(--cf-gray-100);color:var(--cf-gray-600)}.status-badge.gray .status-dot{background:var(--cf-gray-400)}.metric-row{display:flex;flex-direction:column;gap:var(--space-3)}.metric-item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0}.metric-item+.metric-item{border-top:1px solid var(--cf-gray-100)}.metric-label{font-size:.8125rem;color:var(--cf-gray-600)}.metric-value{font-size:.875rem;font-weight:600;color:var(--cf-gray-800)}.metric-value.mono{font-family:var(--font-mono);font-size:.8125rem}.metric-large{font-size:1.75rem;font-weight:700;color:var(--cf-gray-900);letter-spacing:-.03em;line-height:1}.yn-yes{color:var(--cf-green);font-weight:600;font-size:.8125rem}.yn-no{color:var(--cf-gray-400);font-size:.8125rem}.resolution-on-track{color:var(--cf-green);font-weight:600}.resolution-delayed{color:var(--cf-yellow);font-weight:600}.resolution-missed{color:var(--cf-red);font-weight:600}.risk-summary{display:flex;gap:var(--space-4);align-items:center}.risk-count{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:500}.risk-dot{width:10px;height:10px;border-radius:50%}.risk-dot.green{background:var(--cf-green)}.risk-dot.yellow{background:var(--cf-yellow)}.risk-dot.red{background:var(--cf-red)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;border:none;transition:all .15s ease}.btn-primary{background:var(--cf-blue);color:var(--cf-white)}.btn-primary:hover{background:var(--cf-blue-light)}.btn-outline{background:transparent;color:var(--cf-gray-600);border:1px solid var(--cf-gray-300)}.btn-outline:hover{background:var(--cf-gray-50);border-color:var(--cf-gray-400)}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--cf-gray-400)}.spinner{width:24px;height:24px;border:2.5px solid var(--cf-gray-200);border-top-color:var(--cf-blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--space-8);text-align:center;color:var(--cf-gray-400);font-size:.875rem}.trial-card{background:var(--cf-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;transition:box-shadow .15s ease;cursor:pointer}.trial-card:hover{box-shadow:var(--shadow-md)}.trial-card-info{display:flex;flex-direction:column;gap:var(--space-1)}.trial-card-protocol{font-family:var(--font-mono);font-size:.75rem;color:var(--cf-blue);font-weight:500}.trial-card-title{font-size:.9375rem;font-weight:600;color:var(--cf-gray-800)}.trial-card-meta{font-size:.75rem;color:var(--cf-gray-500);display:flex;gap:var(--space-4);margin-top:var(--space-1)}.trial-card-right{display:flex;align-items:center;gap:var(--space-5)}.trial-card-stat{text-align:center}.trial-card-stat-value{font-size:1.25rem;font-weight:700;color:var(--cf-gray-800)}.trial-card-stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cf-gray-400)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cf-navy)}.login-card{background:var(--cf-white);border-radius:var(--radius-xl);padding:var(--space-10);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-card h1{font-size:1.25rem;font-weight:700;color:var(--cf-gray-900);margin-bottom:var(--space-1)}.login-card p{font-size:.875rem;color:var(--cf-gray-500);margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--cf-gray-600);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--cf-gray-300);border-radius:var(--radius-md);font-size:.9375rem;transition:border-color .15s ease}.form-input:focus{outline:none;border-color:var(--cf-blue);box-shadow:0 0 0 3px #3b7dd81a}.btn-login{width:100%;padding:var(--space-3);background:var(--cf-navy);color:var(--cf-white);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;margin-top:var(--space-2)}.btn-login:hover{background:var(--cf-navy-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-actions{margin-top:var(--space-6);display:flex;justify-content:space-between;align-items:center}.due-notice{background:var(--cf-blue-muted);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);font-size:.8125rem;color:var(--cf-blue)}.form-error{background:var(--cf-red-bg);color:var(--cf-red-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.8125rem;margin-bottom:var(--space-4)}.section-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--cf-gray-600);margin-bottom:var(--space-3)}.mono-cell{font-family:var(--font-mono);font-size:.8125rem}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--cf-green-bg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.success-title{font-size:1.25rem;font-weight:700;color:var(--cf-gray-900);margin-bottom:var(--space-2)}.success-text{color:var(--cf-gray-500);margin-bottom:var(--space-6);max-width:400px}.btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--cf-gray-200);background:var(--cf-white);color:var(--cf-gray-600);cursor:pointer;transition:all .15s ease}.theme-toggle-btn:hover{background:var(--cf-gray-100);color:var(--cf-gray-800)}body.dark-mode{color-scheme:dark;background:#0f172a!important;color:#e2e8f0!important}[data-theme=dark]{--cf-white: #1E293B;--cf-gray-50: #0F172A;--cf-gray-100: #1E293B;--cf-gray-200: #334155;--cf-gray-300: #475569;--cf-gray-400: #94A3B8;--cf-gray-500: #CBD5E1;--cf-gray-600: #E2E8F0;--cf-gray-700: #F1F5F9;--cf-gray-800: #F8FAFC;--cf-gray-900: #FFFFFF;--cf-blue-muted: rgba(59, 125, 216, .15);--cf-green-bg: rgba(45, 139, 85, .15);--cf-green-text: #6EE7A0;--cf-yellow-bg: rgba(201, 139, 29, .15);--cf-yellow-text: #FCD34D;--cf-red-bg: rgba(192, 57, 43, .15);--cf-red-text: #FCA5A5;--cf-amber-bg: rgba(212, 116, 10, .15);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 4px 16px rgba(0,0,0,.5);--shadow-panel: 0 1px 3px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.05)}body.dark-mode .app-main{background:#0f172a}body.dark-mode .app-header{background:#1e293b!important;border-bottom-color:#334155!important}body.dark-mode .app-content{background:#0f172a}body.dark-mode .header-breadcrumb{color:#94a3b8!important}body.dark-mode .header-breadcrumb span{color:#e2e8f0!important}body.dark-mode .theme-toggle-btn{background:#334155!important;border-color:#475569!important;color:#cbd5e1!important}body.dark-mode .theme-toggle-btn:hover{background:#475569!important;color:#f1f5f9!important}body.dark-mode .page-title{color:#fff!important}body.dark-mode .page-subtitle{color:#94a3b8!important}body.dark-mode .panel{background:#1e293b!important;box-shadow:0 1px 3px #0000004d,0 0 0 1px #ffffff0d!important}body.dark-mode .panel-header{border-bottom-color:#334155!important}body.dark-mode .panel-body{background:#1e293b!important}body.dark-mode .panel-header-accent.navy{background:#1b2a4a!important}body.dark-mode .panel-header-accent .panel-title{color:#fff!important}body.dark-mode .trial-card{background:#1e293b!important;box-shadow:0 1px 3px #0000004d,0 0 0 1px #ffffff0d!important}body.dark-mode .trial-card-title{color:#f8fafc!important}body.dark-mode .trial-card-meta{color:#94a3b8!important}body.dark-mode .trial-card-stat-value{color:#f8fafc!important}body.dark-mode .trial-card-stat-label{color:#94a3b8!important}body.dark-mode .data-table thead th{background:#0f172a!important;border-bottom-color:#334155!important;color:#94a3b8!important}body.dark-mode .data-table tbody td{border-bottom-color:#334155!important;color:#e2e8f0!important}body.dark-mode .data-table tbody tr:hover{background:#334155!important}body.dark-mode table tr[style]{background:transparent!important}body.dark-mode th[style],body.dark-mode td[style]{border-color:#334155!important}body.dark-mode .form-input,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#0f172a!important;border-color:#475569!important;color:#f8fafc!important}body.dark-mode .form-input:focus,body.dark-mode input:focus,body.dark-mode select:focus{border-color:#3b7dd8!important;box-shadow:0 0 0 3px #3b7dd833!important}body.dark-mode .form-label{color:#cbd5e1!important}body.dark-mode .btn-primary{background:#3b7dd8!important;color:#fff!important}body.dark-mode .btn-primary:hover{background:#5a9aeb!important}body.dark-mode .btn-outline{color:#cbd5e1!important;border-color:#475569!important;background:transparent!important}body.dark-mode .btn-outline:hover{background:#334155!important}body.dark-mode .btn-login{background:#1b2a4a!important;color:#fff!important}body.dark-mode .status-badge.green{background:#2d8b5526!important;color:#6ee7a0!important}body.dark-mode .status-badge.yellow{background:#c98b1d26!important;color:#fcd34d!important}body.dark-mode .status-badge.red{background:#c0392b26!important;color:#fca5a5!important}body.dark-mode .status-badge.amber{background:#d4740a26!important;color:#f59e0b!important}body.dark-mode .status-badge.blue{background:#3b7dd826!important;color:#60a5fa!important}body.dark-mode .status-badge.gray{background:#334155!important;color:#94a3b8!important}body.dark-mode .metric-label{color:#cbd5e1!important}body.dark-mode .metric-value{color:#f8fafc!important}body.dark-mode .metric-large{color:#fff!important}body.dark-mode .empty-state{color:#94a3b8!important}body.dark-mode .login-page{background:#0b1120!important}body.dark-mode .login-card{background:#1e293b!important;box-shadow:0 8px 32px #0006!important}body.dark-mode .login-card h1{color:#f8fafc!important}body.dark-mode .login-card p{color:#94a3b8!important}body.dark-mode div[style*="background: white"],body.dark-mode div[style*="background-color: white"],body.dark-mode div[style*="background: rgb(255, 255, 255)"],body.dark-mode div[style*="background: rgb(255,255,255)"]{background:#1e293b!important;background-color:#1e293b!important}body.dark-mode div[style*="background-color: rgb(255, 255, 255)"],body.dark-mode div[style*="background-color: rgb(255,255,255)"],body.dark-mode section[style*="background-color: rgb(255, 255, 255)"],body.dark-mode nav[style*="background-color: rgb(255, 255, 255)"]{background-color:#1e293b!important}body.dark-mode div[style*="background: rgb(248, 249, 251)"],body.dark-mode div[style*="background-color: rgb(248, 249, 251)"],body.dark-mode div[style*="background: rgb(240, 242, 245)"],body.dark-mode div[style*="background-color: rgb(240, 242, 245)"],body.dark-mode tr[style*="background: rgb(248, 250, 252)"],body.dark-mode tr[style*="background-color: rgb(248, 250, 252)"]{background:#0f172a!important;background-color:#0f172a!important}body.dark-mode div[style*="height: 1px"][style*=background]{background:#334155!important}body.dark-mode ::-webkit-scrollbar{width:8px;height:8px}body.dark-mode ::-webkit-scrollbar-track{background:#0f172a}body.dark-mode ::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#64748b}.home-dashboard{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-title{font-size:1.375rem;font-weight:600;color:var(--cf-gray-800);margin:0}.dashboard-loading,.dashboard-error{display:flex;justify-content:center;align-items:center;height:40vh;color:var(--cf-gray-500)}.dashboard-error{color:var(--cf-red)}.kpi-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.kpi-card{background:var(--cf-white);border:1px solid var(--cf-gray-200);border-top:3px solid var(--cf-blue);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:center}.kpi-card-value{font-size:1.75rem;font-weight:700;color:var(--cf-gray-800);line-height:1.2}.kpi-card-label{font-size:.8125rem;color:var(--cf-gray-500);margin-top:var(--space-1)}.kpi-card-subtitle{font-size:.6875rem;color:var(--cf-gray-400);margin-top:2px}.dashboard-panel{background:var(--cf-white);border:1px solid var(--cf-gray-200);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.panel-title{font-size:.9375rem;font-weight:600;color:var(--cf-gray-700);margin:0 0 var(--space-3) 0}.panel-empty{color:var(--cf-gray-400);font-size:.8125rem;text-align:center;padding:var(--space-5) 0}.panel-table-wrap{overflow-x:auto}.panel-table{width:100%;border-collapse:collapse;font-size:.8125rem}.panel-table th{text-align:left;font-weight:600;color:var(--cf-gray-500);padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--cf-gray-200);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.panel-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--cf-gray-100);color:var(--cf-gray-700)}.panel-table.compact td,.panel-table.compact th{padding:6px var(--space-2)}.panel-table .cell-primary{font-weight:500;color:var(--cf-gray-800)}.panel-table .cell-warning{color:var(--cf-red);font-weight:600}.panel-table .clickable-row{cursor:pointer;transition:background .12s}.panel-table .clickable-row:hover{background:var(--cf-gray-50)}.panel-table .row-overdue{background:var(--cf-red-bg)}.status-badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.02em}.status-badge.status-active,.status-badge.status-open{background:var(--cf-blue-muted);color:var(--cf-blue)}.status-badge.status-completed{background:var(--cf-green-bg);color:var(--cf-green-text)}.status-badge.status-overdue{background:var(--cf-red-bg);color:var(--cf-red-text)}.status-badge.status-in-progress,.status-badge.status-in_progress{background:var(--cf-yellow-bg);color:var(--cf-yellow-text)}.risk-dot{font-weight:600;font-size:.8125rem}.risk-dot.green{color:var(--cf-green)}.risk-dot.yellow{color:var(--cf-yellow)}.risk-dot.red{color:var(--cf-red)}.level-badge{display:inline-block;font-size:.6875rem;font-weight:700;color:#fff;padding:1px 7px;border-radius:4px}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.quick-link-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--cf-gray-50);border:1px solid var(--cf-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;color:var(--cf-gray-600);font-size:.8125rem;font-weight:500}.quick-link-card:hover{background:var(--cf-blue-muted);color:var(--cf-blue);border-color:var(--cf-blue)}.meeting-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.meeting-item{padding:var(--space-2) var(--space-3);border-left:3px solid var(--cf-blue);background:var(--cf-gray-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.meeting-title{font-size:.8125rem;font-weight:500;color:var(--cf-gray-700)}.meeting-meta{display:flex;gap:var(--space-3);font-size:.75rem;color:var(--cf-gray-400);margin-top:2px}.enrollment-bars{display:flex;flex-direction:column;gap:var(--space-3)}.enrollment-bar-header{display:flex;justify-content:space-between;font-size:.8125rem;margin-bottom:4px}.enrollment-bar-label{font-weight:500;color:var(--cf-gray-700)}.enrollment-bar-value{color:var(--cf-gray-500);font-size:.75rem}.enrollment-bar-track{height:8px;background:var(--cf-gray-100);border-radius:4px;overflow:hidden}.enrollment-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}@media(max-width:768px){.kpi-cards-row{grid-template-columns:repeat(2,1fr)}.dashboard-two-col{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,1fr)}}body.dark-mode .dashboard-title{color:var(--cf-gray-100)}body.dark-mode .kpi-card{background:#1e293b;border-color:#334155}body.dark-mode .kpi-card-value{color:var(--cf-gray-100)}body.dark-mode .kpi-card-label{color:var(--cf-gray-400)}body.dark-mode .dashboard-panel{background:#1e293b;border-color:#334155}body.dark-mode .panel-title{color:var(--cf-gray-200)}body.dark-mode .panel-table th{color:var(--cf-gray-400);border-color:#334155}body.dark-mode .panel-table td{color:var(--cf-gray-300);border-color:#1e293b}body.dark-mode .panel-table .cell-primary{color:var(--cf-gray-100)}body.dark-mode .panel-table .clickable-row:hover{background:#334155}body.dark-mode .quick-link-card{background:#0f172a;border-color:#334155;color:var(--cf-gray-300)}body.dark-mode .quick-link-card:hover{background:#3b7dd826;color:var(--cf-blue-light);border-color:var(--cf-blue)}body.dark-mode .meeting-item{background:#0f172a}body.dark-mode .meeting-title{color:var(--cf-gray-200)}body.dark-mode .enrollment-bar-track{background:#334155}body.dark-mode .enrollment-bar-label{color:var(--cf-gray-200)}.sidebar-link-row{display:flex;align-items:center;position:relative}.sidebar-link-row .sidebar-link{flex:1;min-width:0}.sidebar-link-row.dragging{opacity:.5;box-shadow:0 4px 16px #0000004d;border-radius:var(--radius-md);background:var(--cf-navy-light)}.sidebar-favorites-label{color:#d4a017!important;display:flex;align-items:center}.sidebar-favorite-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;color:#ffffff40;cursor:pointer;transition:color .15s ease;display:flex;align-items:center;z-index:2}.sidebar-favorite-btn:hover,.sidebar-favorite-btn.favorited{color:#d4a017}.sidebar-drag-handle{display:flex;align-items:center;padding:0 2px 0 4px;color:#ffffff40;cursor:grab;touch-action:none;flex-shrink:0}.sidebar-drag-handle:hover{color:#ffffff80}.sidebar-drag-handle:active{cursor:grabbing}.sidebar-edit-controls{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid rgba(255,255,255,.06)}.sidebar-edit-toggle{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:none;color:var(--cf-gray-400);font-size:.6875rem;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all .15s ease}.sidebar-edit-toggle:hover{background:#ffffff0f;color:var(--cf-white)}.sidebar-reset-btn{color:var(--cf-gray-500);font-size:.625rem}.sidebar-reset-btn:hover{color:var(--cf-red)!important}.sidebar-footer-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;color:var(--cf-gray-400);font-size:.75rem;text-decoration:none;transition:all .15s ease;border:none;cursor:pointer;width:100%}.sidebar-footer-link:hover{background:#ffffff0f;color:var(--cf-white)}.sidebar-logout-btn{margin-top:var(--space-1)}@media(max-width:1024px){button,a,select,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important}body{overflow-x:hidden}}@media(max-width:1024px){.layout-sidebar{position:fixed;left:-260px;top:0;bottom:0;width:260px;z-index:900;transition:left .3s ease;box-shadow:none}.layout-sidebar.open{left:0;box-shadow:4px 0 20px #00000026}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:899}.sidebar-overlay.visible{display:block}.layout-main{margin-left:0!important;width:100%!important}}@media(max-width:768px){.portal-header{padding:8px 12px!important;flex-wrap:wrap;gap:8px}.portal-header h1{font-size:16px!important}.header-actions{width:100%;justify-content:space-between}.menu-toggle{display:flex!important}}@media(min-width:769px){.menu-toggle{display:none!important}}@media(max-width:1024px){.dashboard-stats,.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media(max-width:768px){.dashboard-stats,.stats-grid{grid-template-columns:1fr!important;gap:8px!important}.stat-card{padding:12px!important}.stat-card .stat-value{font-size:24px!important}}@media(max-width:1024px){.site-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.site-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.table-wrapper table{min-width:600px}table th,table td{padding:8px 10px!important;font-size:13px!important}.hide-mobile{display:none!important}}@media(max-width:480px){table th,table td{padding:6px 8px!important;font-size:12px!important}}@media(max-width:1024px){.heatmap-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.heatmap-grid{grid-template-columns:1fr!important}.heatmap-card .recharts-wrapper{height:60px!important}.heatmap-card{padding:12px!important}}@media(max-width:768px){.pipeline-stages{flex-direction:column!important;gap:4px!important}.pipeline-stage{width:100%!important;min-width:unset!important}.startup-tracker-content{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:768px){.escalation-columns{grid-template-columns:1fr!important}.escalation-timeline{max-height:none!important}}@media(max-width:768px){.modal-overlay>div,[style*="maxWidth: 600"]{width:100%!important;max-width:100%!important;min-height:100vh!important;border-radius:0!important;margin:0!important;max-height:100vh!important}.modal-overlay [style*="gridTemplateColumns: 1fr 1fr"],.modal-overlay [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media(max-width:480px){.modal-overlay>div{padding:16px!important}}@media(max-width:768px){.form-grid{grid-template-columns:1fr!important}.form-container{padding:16px!important;margin:8px!important}}@media(max-width:768px){.recharts-responsive-container{min-height:200px}.recharts-legend-item-text{font-size:11px!important}.recharts-text.recharts-cartesian-axis-tick-value{font-size:10px!important}}@media(max-width:768px){.toast-container{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important}.toast-container>div{width:100%!important;max-width:100%!important}.notification-dropdown{position:fixed!important;left:8px!important;right:8px!important;top:56px!important;width:auto!important}}@media(max-width:768px){.audit-filters{flex-direction:column!important;gap:8px!important}.audit-filters select,.audit-filters input{width:100%!important}.audit-entry{padding:10px!important}.audit-entry-header{flex-wrap:wrap!important;gap:4px!important}.audit-entry-meta{flex-direction:column!important;align-items:flex-start!important}}@media(max-width:768px){.data-cards{grid-template-columns:1fr!important}}@media(max-width:768px){.login-container{padding:16px!important}.login-card{padding:24px 16px!important;margin:16px!important;max-width:100%!important}}@media(max-width:768px){.password-card{margin:16px!important;padding:20px!important;max-width:100%!important}.password-checklist{grid-template-columns:1fr!important}}@media(max-width:768px){.org-grid{grid-template-columns:1fr!important}.user-controls{flex-direction:column!important;gap:8px!important}.user-controls input,.user-controls select{width:100%!important}}@media(max-width:768px){.pairing-selector{flex-direction:column!important}.pairings-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:768px){[style*="padding: 24px 32px"],[style*="padding: 32px"]{padding:12px 16px!important}[style*="maxWidth: 1200"],[style*="max-width: 1200px"]{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}}@media(max-width:480px){[style*="padding: 24px 32px"],[style*="padding: 32px"]{padding:8px 10px!important}h1{font-size:20px!important}h2{font-size:18px!important}}@media print{.layout-sidebar,.portal-header,.menu-toggle,.toast-container,.notification-dropdown,button:not(.print-visible){display:none!important}.layout-main{margin:0!important;width:100%!important}body{font-size:12pt;color:#000}table{page-break-inside:avoid}.stat-card,.heatmap-card{break-inside:avoid;border:1px solid #ccc!important}}
