@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#18202b;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.screen-center{min-height:100vh;display:grid;place-items:center;font-weight:700}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#111827}.login-brand{padding:8vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at top left,rgba(183,28,28,.5),transparent 35%),#111827}.login-brand h1{font-size:clamp(2.5rem,6vw,5rem);margin:22px 0 12px}.login-brand p{max-width:600px;font-size:1.15rem;color:#d1d5db;line-height:1.7}.brand-mark{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:#b71c1c;color:#fff;font-weight:800;font-size:1.5rem;box-shadow:inset 0 0 0 3px #ffffff2e}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:.95rem}.login-card{align-self:center;width:min(430px,calc(100% - 40px));margin:auto;padding:38px;border-radius:24px;background:#fff;box-shadow:0 24px 80px #00000047}.login-card h2{margin:0 0 6px;font-size:2rem}label{display:block;margin:22px 0 8px;font-weight:700}input{width:100%;padding:13px 14px;border:1px solid #d8dde5;border-radius:10px;background:#fff}input:focus{outline:3px solid rgba(183,28,28,.13);border-color:#b71c1c}.primary-button{width:100%;margin-top:24px;border:0;border-radius:10px;padding:14px;background:#b71c1c;color:#fff;font-weight:800}.primary-button:disabled{opacity:.65}.link-button{width:100%;border:0;background:none;padding:16px;color:#8b1111;font-weight:700}.form-message{margin-top:16px;border-radius:10px;background:#fff1f2;padding:12px;color:#9f1239}.muted{color:#6b7280}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px;background:#111827;color:#fff}.sidebar-header{display:flex;align-items:center;gap:12px;padding:4px 4px 24px}.sidebar-header strong,.sidebar-header span{display:block}.sidebar-header span{margin-top:3px;color:#9ca3af;font-size:.78rem}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#cbd5e1;text-decoration:none;font-weight:600}.nav-link:hover,.nav-link.active{background:#252f3f;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #d4a017}.sidebar-user{margin-top:auto;padding:16px 12px 4px;border-top:1px solid #2d3748}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user span{color:#9ca3af;text-transform:capitalize;font-size:.82rem;margin-top:4px}.sidebar-user button{margin-top:14px;padding:0;border:0;background:none;color:#fca5a5;font-weight:700}.main-area{min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;padding:0 28px;background:#fffffff0;border-bottom:1px solid #e6e9ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box{max-width:620px;flex:1;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #dfe3e8;border-radius:10px;color:#6b7280}.search-box input{border:0;padding:0;background:transparent}.search-box input:focus{outline:0}.search-box kbd{border:1px solid #d8dde5;border-radius:6px;padding:3px 7px;background:#f6f7f9}.topbar-user{margin-left:auto;font-weight:700}.icon-button{border:0;background:transparent;padding:7px}.content-area{padding:32px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.page-heading h1,.panel h1{font-size:2rem;margin:5px 0 8px}.page-heading p,.panel p{color:#667085;margin:0}.eyebrow{color:#8b1111;text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:800}.status-pill{padding:8px 11px;border-radius:999px;font-weight:700;font-size:.8rem}.status-pill.success{background:#dcfce7;color:#166534}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.panel{background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 8px 26px #1018280a}.metric-card{padding:20px}.metric-card span{color:#667085;font-weight:600}.metric-card strong{display:block;margin-top:16px;font-size:2rem}.metric-card p{color:#667085;margin:6px 0 0;font-size:.88rem}.panel{margin-top:22px;padding:24px}.panel-heading h2{margin:5px 0 0}.priority-list{display:grid;gap:0;margin-top:18px}.priority-list label{margin:0;padding:15px 4px;border-top:1px solid #edf0f3;font-weight:600}.priority-list input{width:auto;margin-right:11px}.mobile-only{display:none}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:-290px;width:270px;transition:left .2s ease}.sidebar-open{left:0}.mobile-only{display:inline-flex}.topbar{padding:0 15px}.topbar-user,.search-box kbd{display:none}.content-area{padding:22px 16px}.metric-grid{grid-template-columns:1fr}.page-heading{display:block}.status-pill{display:inline-block;margin-top:14px}}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 15px;font-weight:800}.primary-action{border:0;background:#b71c1c;color:#fff}.primary-action:disabled{opacity:.6}.secondary-action{border:1px solid #d8dde5;background:#fff;color:#344054}.people-metrics{margin-bottom:22px}.create-employee-panel{margin-top:0}.employee-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.employee-form label{margin:0}.employee-form input,.employee-form select{width:100%;margin-top:8px;padding:12px 13px;border:1px solid #d8dde5;border-radius:10px;background:#fff}.checkbox-field{display:flex!important;align-items:center;gap:9px;align-self:end;padding-bottom:12px}.checkbox-field input{width:auto;margin:0}.form-actions{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding-top:4px}.inline-message{color:#475467;font-weight:600}.people-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.table-search{max-width:460px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;color:#667085;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;padding:12px;border-bottom:1px solid #e4e7ec}.data-table td{padding:15px 12px;border-bottom:1px solid #edf0f3;vertical-align:middle}.data-table td strong,.data-table td span{display:block}.data-table td>span{margin-top:4px;color:#667085;font-size:.84rem}.role-badge{display:inline-block!important;width:fit-content;margin:0!important;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#344054!important;text-transform:capitalize;font-weight:700}.status-pill.neutral{background:#f2f4f7;color:#475467}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:10px;color:#667085}@media(max-width:1000px){.employee-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.employee-form{grid-template-columns:1fr}.form-actions,.people-toolbar{align-items:stretch;flex-direction:column}.table-search{max-width:none;width:100%}}