@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--purple-50:#f5f3ff;--purple-100:#ede9fe;--purple-200:#ddd6fe;--purple-300:#c4b5fd;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--teal-50:#f0fdfa;--teal-400:#2dd4bf;--text-dark:#1f2937;--text-light:#6b7280}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(135deg, var(--pink-50) 0%, var(--pink-100) 100%);color:var(--text-dark)}.container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.card{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:420px;padding:2.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #ec48991a}.card:hover{transform:translateY(-2px);box-shadow:0 15px 35px #ec489926}.card.wide{width:100%;max-width:100%}h2{text-align:center;color:var(--pink-600);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}h3{color:var(--pink-500);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}input,select,textarea{width:100%;color:var(--text-dark);background:#fffc;border:2px solid #0000;border-radius:10px;outline:none;padding:.85rem 1rem;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}input:focus,select:focus,textarea:focus{border-color:var(--pink-400);background:#fff;box-shadow:0 0 0 3px #f472b633}select{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23db2777%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:.65rem}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn.primary{background:linear-gradient(135deg, var(--pink-400), var(--pink-600));color:#fff;box-shadow:0 4px 15px #ec48994d}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.btn.primary:active{transform:translateY(0)}.btn.logout{color:var(--pink-600);border:1px solid var(--pink-600);background:0 0}.btn.logout:hover{background:var(--pink-50)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.link-btn{color:var(--pink-500);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600;transition:color .3s}.link-btn:hover{color:var(--pink-600);text-decoration:underline}.toggle{text-align:center;color:var(--text-light);font-size:.95rem}.msg{text-align:center;color:var(--pink-600);background:var(--pink-50);border-left:4px solid var(--pink-400);border-radius:8px;padding:.75rem;font-size:.9rem}.user-info{background:#fff9;border:1px solid #fff6;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.user-info p{color:var(--text-dark);border-bottom:1px dashed var(--pink-200);justify-content:space-between;padding-bottom:.5rem;font-size:.95rem;display:flex}.user-info p:last-child{border-bottom:none}.user-info span{color:var(--text-light);font-weight:500}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex;position:relative}.form-group label{color:var(--pink-600);margin-left:.2rem;font-size:.9rem;font-weight:600}.autocomplete-dropdown{border:1px solid var(--pink-200);z-index:10;background:#fff;border-radius:8px;max-height:200px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.autocomplete-item{cursor:pointer;color:var(--text-dark);padding:.75rem 1rem;transition:background .2s}.autocomplete-item:hover,.autocomplete-item.active{background:var(--pink-50);color:var(--pink-600);font-weight:500}.autocomplete-new{color:var(--pink-500);border-top:1px solid var(--pink-100);background:var(--pink-50);padding:.75rem 1rem;font-style:italic}.login-card{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fff9;border-radius:20px;flex-direction:column;gap:1.5rem;width:100%;max-width:440px;padding:3rem 2.5rem;transition:transform .3s;display:flex;box-shadow:0 20px 40px #ec489926,inset 0 1px #ffffff80}.login-header{text-align:center;margin-bottom:1rem}.login-header .logo{margin-bottom:.5rem}.login-header .logo img{object-fit:contain;max-width:100%;height:60px;animation:3s ease-in-out infinite float}.login-header h2{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:.25rem;font-size:2rem}.login-header p{color:var(--text-light);font-size:.95rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-btn{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-top:.5rem;padding:1rem;font-size:1.1rem}.toggle-wrapper{text-align:center;border-top:1px solid #0000000d;margin-top:.5rem;padding-top:1.25rem}.error-badge{color:#ef4444;text-align:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-top:.5rem;padding:.75rem;font-size:.9rem;font-weight:500}.founder-nav{background:#ffffff80;border-bottom:1px solid #fff6;justify-content:flex-start;margin-bottom:2rem;padding:1rem 2rem;display:flex}.header-icon{text-align:center;margin-bottom:-.5rem;font-size:3rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.table-container{background:#fff;border:1.5px solid #f9a8d4;border-radius:12px;width:100%;margin-top:1rem;overflow-x:auto;box-shadow:0 4px 24px #ec489914}.staff-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.85rem}.staff-table th,.staff-table td{text-align:left;white-space:nowrap;border:1px solid #d1d5db;padding:.6rem .8rem}.staff-table th{color:var(--pink-600);letter-spacing:.4px;z-index:5;text-transform:uppercase;background:#fce7f3;border-color:#f9a8d4;font-size:.78rem;font-weight:700;position:sticky;top:0}.staff-table thead tr:first-child th{letter-spacing:.6px;border-bottom:2px solid #f472b6;font-size:.82rem}.staff-table tbody tr:hover td{background:#fdf2f8}.staff-table tbody tr:nth-child(2n) td{background:#fffbfe}.staff-table tbody tr:nth-child(2n):hover td{background:#fdf2f8}.table-input,.table-select{border:1px solid var(--pink-200);background:#fff;border-radius:6px;outline:none;width:100%;min-width:120px;padding:.4rem .5rem;font-size:.85rem}.table-input:focus,.table-select:focus{border-color:var(--pink-400);box-shadow:0 0 0 2px #f472b633}.table-select{background-position:right .2rem top 50%;background-size:.5rem;padding-right:1.2rem}.action-btn{cursor:pointer;background:var(--pink-100);color:var(--pink-600);border:none;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.action-btn:hover{background:var(--pink-200)}.action-btn.save{background:var(--pink-500);color:#fff}.action-btn.save:hover{background:var(--pink-600)}.add-row-btn{border:1px dashed var(--pink-300);width:100%;color:var(--pink-600);cursor:pointer;background:#ffffff80;border-radius:0 0 12px 12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}.add-row-btn:hover{border-color:var(--pink-500);background:#ffffffe6}.filter-bar{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.filter-bar input{max-width:300px;padding:.6rem 1rem}.dashboard-layout{background:var(--pink-50);width:100%;height:100%;display:flex;overflow:hidden}.dashboard-layout.theme-purple{background:var(--purple-50)}.sidebar{z-index:10;background:#fff;border-right:1.5px solid #f3e8ff;flex-direction:column;width:250px;min-width:250px;padding:1.5rem 1.25rem;display:flex;overflow:hidden;box-shadow:2px 0 12px #0000000a}.dashboard-layout:not(.theme-purple) .sidebar{border-right-color:#fce7f3}.sidebar-logo{text-align:center;color:var(--text-dark);white-space:normal;border-bottom:1px solid #f3f4f6;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;margin-bottom:2rem;padding-bottom:1.25rem;font-size:1.15rem;font-weight:800;display:flex}.sidebar-logo img{object-fit:contain;max-width:100%;height:60px!important}.sidebar-logo span{flex-shrink:0;font-size:1.5rem}.nav-links{flex-direction:column;flex-grow:1;gap:.4rem;display:flex}.nav-item{color:var(--text-light);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.65rem;padding:.75rem .9rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background:var(--pink-50);color:var(--pink-600)}.theme-purple .nav-item:hover{background:var(--purple-50);color:var(--purple-600)}.nav-item.active{color:#0d9488;background:#f0fdfa;border:1px solid #99f6e4;font-weight:600}.theme-purple .nav-item.active{background:var(--purple-100);color:var(--purple-600);border:1px solid var(--purple-300)}.main-content{flex-direction:column;flex:1;min-width:0;padding:1.75rem 2rem;display:flex;overflow:auto}.fab-container{z-index:50;position:fixed;bottom:2rem;right:50%;transform:translate(50%)}.fab-btn{background:var(--teal-400);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 0 20px #2dd4bf99}.fab-btn:hover{transform:scale(1.1);box-shadow:0 0 30px #2dd4bfcc}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-tile{border:1.5px solid var(--purple-200);background:#fff;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem 1.75rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #7c3aed12}.metric-tile:before{content:"";background:linear-gradient(180deg, var(--purple-400), var(--purple-600));border-radius:16px 0 0 16px;width:4px;height:100%;position:absolute;top:0;left:0}.metric-tile:hover{transform:translateY(-4px);box-shadow:0 10px 30px #7c3aed26}.metric-title{color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;font-size:.8rem;font-weight:600}.metric-value{color:var(--purple-600);font-size:2.5rem;font-weight:700;line-height:1}.metric-tile.teal .metric-value{color:#0d9488}.metric-tile.teal:before{background:linear-gradient(#2dd4bf,#0d9488)}.metric-tile.teal{border-color:#99f6e4}.metric-tile.pink .metric-value{color:var(--pink-600)}.metric-tile.pink:before{background:linear-gradient(180deg, var(--pink-400), var(--pink-600))}.metric-tile.pink{border-color:var(--pink-200)}.metric-tile.red .metric-value{color:#dc2626}.metric-tile.red:before{background:linear-gradient(#f87171,#dc2626)}.metric-tile.red{border-color:#fca5a5}.metric-tile.amber .metric-value{color:#d97706}.metric-tile.amber:before{background:linear-gradient(#fbbf24,#d97706)}.metric-tile.amber{border-color:#fde68a}.chart-container{border:1.5px solid var(--purple-200);background:#fff;border-radius:16px;margin-top:1rem;padding:2rem;box-shadow:0 4px 20px #7c3aed0f}.staff-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.staff-metric-tile{border:1.5px solid var(--pink-200);background:#fff;border-radius:14px;flex-direction:column;gap:.4rem;padding:1.4rem 1.5rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ec489912}.staff-metric-tile:before{content:"";background:linear-gradient(180deg, var(--pink-400), var(--pink-600));border-radius:14px 0 0 14px;width:4px;height:100%;position:absolute;top:0;left:0}.staff-metric-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ec489924}.staff-metric-tile .tile-icon{margin-bottom:.25rem;font-size:1.6rem}.staff-metric-tile .tile-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);font-size:.75rem;font-weight:600}.staff-metric-tile .tile-value{color:var(--pink-600);font-size:2.2rem;font-weight:700;line-height:1}.staff-metric-tile.teal{border-color:#99f6e4}.staff-metric-tile.teal:before{background:linear-gradient(#2dd4bf,#0d9488)}.staff-metric-tile.teal .tile-value{color:#0d9488}.staff-metric-tile.amber{border-color:#fde68a}.staff-metric-tile.amber:before{background:linear-gradient(#fbbf24,#d97706)}.staff-metric-tile.amber .tile-value{color:#d97706}.staff-metric-tile.red{border-color:#fca5a5}.staff-metric-tile.red:before{background:linear-gradient(#f87171,#dc2626)}.staff-metric-tile.red .tile-value{color:#dc2626}.recent-table{border-collapse:collapse;width:100%;font-size:.88rem}.recent-table th{color:var(--pink-600);letter-spacing:.4px;text-transform:uppercase;background:#fce7f3;border:1px solid #f9a8d4;padding:.65rem 1rem;font-size:.78rem;font-weight:700}.recent-table td{color:var(--text-dark);border:1px solid #e5e7eb;padding:.65rem 1rem}.recent-table tbody tr:hover td{background:#fdf2f8}.recent-table tbody tr:nth-child(2n) td{background:#fffbfe}.recent-table tbody tr:nth-child(2n):hover td{background:#fdf2f8}.status-badge{border-radius:20px;padding:.2rem .7rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.pending{color:#d97706;background:#fef3c7}.status-badge.completed{color:#059669;background:#d1fae5}.status-badge.assessment{color:#7c3aed;background:#ede9fe}.status-badge.examination{color:#dc2626;background:#fee2e2}.status-badge.default{color:#6b7280;background:#f3f4f6}@media print{.no-print,.sidebar,.fab-container{display:none!important}.main-content{padding:0!important;overflow:visible!important}body{background:#fff!important}.print-only-header{display:block!important}#print-report-table,#print-report-table *{visibility:visible}#print-report-table table{width:100%;font-size:.78rem}#print-report-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#7c3aed!important;background:#ede9fe!important}}.mobile-header{display:none}@media (width<=768px){.dashboard-layout{flex-direction:column;overflow-y:auto}.mobile-header{z-index:60;background:#fff;border-bottom:1px solid #f3e8ff;justify-content:space-between;align-items:center;padding:.8rem 1.25rem;display:flex;position:sticky;top:0}.mobile-logo{color:var(--text-dark);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;display:flex}.hamburger-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;padding:.2rem .5rem;font-size:1.5rem}.sidebar{z-index:100;background:#fff;border-right:1.5px solid #f3e8ff;width:250px;height:calc(100vh - 60px);padding:1rem;transition:left .3s;position:fixed;top:60px;left:-100%}.sidebar.open{left:0;box-shadow:4px 0 15px #0000001a}.sidebar-logo{display:none}.nav-links{width:100%;margin-top:0}.nav-item{padding:1rem;font-size:1rem}.main-content{padding:1rem}.dashboard-grid,.metrics-grid,.staff-metrics-grid{grid-template-columns:1fr}.login-card{padding:2rem 1.5rem}.table-container{padding:0}h2{font-size:1.4rem}.filter-bar{flex-direction:column;align-items:stretch!important}.filter-bar input,.filter-bar select{width:100%!important;max-width:100%!important}}@media (width>=769px) and (width<=1024px){.sidebar{width:200px;min-width:200px;padding:1.5rem 1rem}.main-content{padding:1.5rem}.metrics-grid,.staff-metrics-grid{grid-template-columns:repeat(2,1fr)}}