:root{--blue-900:#0d2b4e;--blue-800:#123a63;--blue-700:#15497e;--blue-600:#1565c0;--blue-500:#1976d2;--blue-tint:#eaf2fb;--green:#2e9e5b;--green-tint:#eaf7ef;--text:#22292f;--text-muted:#6b7785;--border:#e1e6eb;--bg:#f4f6f8;--card-bg:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}h1,h2,h3,h4{color:var(--text);font-weight:600}h3{font-size:16px}h4{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:8px;font-size:13px}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:4px;padding:7px 9px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 2px var(--blue-tint);outline:none}button{cursor:pointer;background:var(--blue-600);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:14px;transition:background .15s}button:hover{background:var(--blue-700)}button:disabled{cursor:default;background:#b9c4cf}button.secondary{color:var(--blue-600);border:1px solid var(--blue-600);background:#fff}button.secondary:hover{background:var(--blue-tint)}button.text{color:var(--blue-600);background:0 0;padding:4px 6px}button.text:hover{background:var(--blue-tint);text-decoration:none}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px;font-size:12px}td{border-bottom:1px solid var(--border);padding:8px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:20px}.topbar{background:var(--blue-800);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.topbar .brand{color:#fff;font-size:18px;font-weight:700}.topbar select{background:var(--blue-700);color:#fff;border:1px solid var(--blue-600)}.topbar nav{gap:4px;display:flex}.topbar nav a{color:#cfe0f5;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:500}.topbar nav a:hover,.topbar nav a.active{background:var(--blue-700);color:#fff;text-decoration:none}.nav-group{position:relative}.nav-group-toggle{color:#cfe0f5;cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.nav-group-toggle:hover,.nav-group-toggle.active,.nav-group:hover .nav-group-toggle{background:var(--blue-700);color:#fff}.nav-group-toggle .caret{font-size:9px}.nav-dropdown{background:var(--blue-800);border:1px solid var(--blue-600);z-index:50;border-radius:6px;flex-direction:column;min-width:210px;padding:4px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 20px #0000004d}.nav-group:hover .nav-dropdown,.nav-dropdown.open{display:flex}.nav-dropdown a{color:#cfe0f5;white-space:nowrap;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:500}.nav-dropdown a:hover,.nav-dropdown a.active{background:var(--blue-700);color:#fff;text-decoration:none}.topbar .user{color:#cfe0f5;font-size:13px}.topbar button.text{color:#cfe0f5}.employee-toolbar{border-bottom:1px solid var(--border);background:#f1f5fb;flex-wrap:wrap;gap:2px;padding:6px 20px;display:flex}.employee-toolbar-item{color:var(--text-muted);border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:68px;padding:6px 14px;text-decoration:none;display:flex}.employee-toolbar-item:hover{background:var(--blue-100,#e3ecf9);text-decoration:none}.employee-toolbar-item.active{background:var(--blue-600);color:#fff}.employee-toolbar-icon{justify-content:center;align-items:center;height:22px;font-size:20px;line-height:1;display:flex}.employee-toolbar-label{white-space:nowrap;font-size:10.5px;font-weight:500}.topbar button.text:hover{background:var(--blue-700);color:#fff}.leave-swatch{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.leave-swatch:hover{background:var(--bg)}.leave-swatch[data-active=true]{border-color:var(--blue-600);box-shadow:0 0 0 1px var(--blue-600);font-weight:600}.leave-swatch-dot{background:var(--swatch-color);border:1px solid var(--swatch-border);border-radius:50%;width:11px;height:11px;display:inline-block}.emp-actions{display:contents}.emp-actions-busy{color:var(--text-muted);align-self:center;margin-left:10px;font-size:12px}.emp-action{position:relative}button.employee-toolbar-item{font:inherit;cursor:pointer;color:var(--text);background:0 0;border:none}button.employee-toolbar-item:disabled{opacity:.4;cursor:default}button.employee-toolbar-item:disabled:hover{background:0 0}.emp-menu{z-index:60;border:1px solid var(--border);background:#fff;border-radius:6px;min-width:230px;margin-top:2px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 6px 18px #141e3229}.emp-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:0;padding:8px 14px;font-size:13px;display:block}.emp-menu-item:hover{background:var(--blue-100,#e3ecf9)}.emp-menu-sep{background:var(--border);height:1px;margin:4px 0}.emp-menu-empty{color:var(--text-muted);padding:8px 14px;font-size:12px;display:block}.emp-modal-back{z-index:100;background:#0f192873;justify-content:center;align-items:flex-start;padding:60px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.emp-modal{width:min(900px,100%);max-height:calc(100vh - 120px);overflow-y:auto}.toolbar-sep{background:var(--border);align-self:stretch;width:1px;margin:4px 6px}.emp-menu-item{box-sizing:border-box;text-decoration:none}.emp-menu-item:disabled{opacity:.45;cursor:default}.emp-menu{min-width:250px;overflow:visible;border:1px solid #aebbd1!important;border-radius:8px!important;margin-top:8px!important;padding:0 0 6px!important;box-shadow:0 8px 24px #141e3238!important}.emp-menu:before{content:"";background:#e9eff8;border-top:1px solid #aebbd1;border-left:1px solid #aebbd1;width:10px;height:10px;position:absolute;top:-6px;left:22px;transform:rotate(45deg)}.emp-menu-title{color:var(--text);letter-spacing:.02em;background:#e9eff8;border-bottom:1px solid #aebbd1;border-radius:8px 8px 0 0;margin-bottom:4px;padding:8px 14px;font-size:12px;font-weight:700;position:relative}.emp-menu-item{margin:0 6px;border-radius:5px!important;width:calc(100% - 12px)!important}.emp-menu-sep{margin:4px 8px}.picker-box{background:#fff;border:1px solid #aebbd1;border-radius:10px;flex-direction:column;width:min(760px,100%);padding:0;display:flex}.picker-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.picker-body{padding:14px 18px}.picker-tools{align-items:center;gap:8px;margin-bottom:10px;display:flex}.picker-list{border:1px solid var(--border);border-radius:6px;max-height:340px;overflow-y:auto}.picker-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.picker-row:last-child{border-bottom:0}.picker-row:hover{background:#f1f5fb}.picker-foot{border-top:1px solid var(--border);background:#f7f9fc;border-radius:0 0 10px 10px;align-items:center;gap:10px;padding:12px 18px;display:flex}