:root{--text: #3f3d45;--text-h: #0d4365;--bg: #fff;--bg-alt: #f7f6f9;--border: #e5e4e7;--accent: #2cae66;--accent-hover: #23924f;--danger: #b42318;--danger-soft: #fbe9e7;--good: #1f8a5f;--good-soft: #e4f5ec;--warn: #c68a00;--warn-soft: #fbf0da;--info: #2461c6;--info-soft: #e6edfb;--shadow: rgba(0, 0, 0, .06) 0 1px 3px, rgba(0, 0, 0, .04) 0 1px 2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: dark){:root{--text: #cbd0dc;--text-h: #f3f4f6;--bg: #14151a;--bg-alt: #1c1d24;--border: #2e303a;--accent: #4cc785;--accent-hover: #6bd29d;--danger: #f2857a;--danger-soft: #331714;--good: #1f9068;--good-soft: #123326;--warn: #b0821f;--warn-soft: #322a12;--info: #5b8fe0;--info-soft: #172743;--shadow: rgba(0, 0, 0, .4) 0 1px 3px}.brand-logo{background:#fff;padding:5px 10px}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.5 var(--sans);color-scheme:light dark;color:var(--text);background:var(--bg)}h1{font-size:22px;color:var(--text-h);margin:0 0 16px}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-page{min-height:100svh;display:flex;align-items:center;justify-content:center;background:var(--bg-alt)}.login-card{width:340px;padding:32px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.login-card h1{font-size:20px;margin:0}.login-card .subtitle{color:var(--text);opacity:.7;margin:0 0 8px;font-size:13px}.login-card input{padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.login-card .error{color:var(--danger);font-size:12px;margin:0}.login-card .brand{justify-content:center;padding-bottom:4px}.login-page-credit{position:fixed;bottom:16px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text);opacity:.55}.shell{display:flex;min-height:100svh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-alt);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.brand-mark{border-radius:7px;flex-shrink:0;object-fit:contain}.brand-logo{display:inline-flex;align-items:center;border-radius:8px}.brand-logo img{display:block}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:block;width:100%;text-align:left;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:14px;cursor:pointer}.nav-item:hover{background:var(--border)}.nav-item.active{background:var(--accent);color:#fff;font-weight:600}.sidebar-footer{margin-top:auto;padding:10px 8px;font-size:12px;color:var(--text);opacity:.55;display:flex;align-items:center;justify-content:center;gap:6px}.credit-logo{font-size:13px;letter-spacing:-.01em}.credit-logo .ai{color:var(--text-h);font-weight:700}.credit-logo .four{color:#73bd00;color:oklch(.72 .2 132);font-weight:800}.credit-logo .work{color:#9a9a9a;font-weight:400}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border)}.topbar .who{font-size:16px}.topbar .who .name{font-weight:600;color:var(--text-h)}.topbar .who .role{color:var(--text);opacity:.6;margin-left:8px;font-size:14px}.view{padding:24px 28px 48px;max-width:1100px}.btn{border:none;border-radius:8px;padding:10px 16px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:7px 12px;font-size:12px}.btn[disabled]{opacity:.45;cursor:default}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:20px;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-warn:before{background:var(--warn)}.pill-good{background:var(--good-soft);color:var(--good)}.pill-good:before{background:var(--good)}.pill-neutral{background:var(--bg-alt);color:var(--text);opacity:.8}.pill-neutral:before{background:var(--text)}.pill-info{background:var(--info-soft);color:var(--info)}.pill-info:before{background:var(--info)}.panel{background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.panel-head{padding:16px 18px 4px;display:flex;align-items:baseline;justify-content:space-between}.panel-title{font-weight:600;font-size:14.5px;color:var(--text-h)}.panel-sub{font-size:12px;color:var(--text);opacity:.6}.panel-body{padding:12px 18px 18px}.field-input,select.field-select{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--text)}table.data-table{width:100%;border-collapse:collapse}table.data-table th,table.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:13px}table.data-table th{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text);opacity:.55;font-weight:700}table.data-table tr:last-child td{border-bottom:none}.add-employee{display:flex;gap:8px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{display:flex;align-items:center;gap:10px;color:var(--text);opacity:.7;padding:24px 0;font-size:13.5px}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:12px 14px;font-size:13px;margin-bottom:16px}.error-banner button{flex-shrink:0}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.4s}}