:root{--primary: #4f5df2;--primary-dark: #3c48d6;--primary-light: #eef0fe;--secondary: #0ea5a0;--secondary-bg: #e6f9f8;--success: #1aa96b;--success-bg: #e7f7ef;--danger: #e0455b;--danger-bg: #fdecee;--warning: #c47f0a;--warning-bg: #fdf3e2;--background: #f6f7fb;--background-alt: #fbfbfd;--surface: #ffffff;--card: #ffffff;--card-border: #e7e8f1;--text: #20222f;--text-light: #6b6e85;--text-faint: #a3a5b8;--border: #e7e8f1;--shadow: 0 1px 2px rgba(20, 20, 50, .04), 0 8px 20px rgba(20, 20, 50, .05);--shadow-hover: 0 4px 10px rgba(20, 20, 50, .06), 0 14px 28px rgba(20, 20, 50, .08);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--ease: cubic-bezier(.2, .7, .3, 1)}[data-theme=dark]{--primary: #6d78f5;--primary-dark: #838df7;--primary-light: rgba(109, 120, 245, .16);--secondary: #2dd4c9;--secondary-bg: rgba(45, 212, 201, .14);--success: #3ddb92;--success-bg: rgba(61, 219, 146, .14);--danger: #f26b7d;--danger-bg: rgba(242, 107, 125, .14);--warning: #ecb75a;--warning-bg: rgba(236, 183, 90, .14);--background: #14151f;--background-alt: #1b1c2a;--surface: #1e1f2e;--card: #1e1f2e;--card-border: #2c2e40;--text: #edeef7;--text-light: #a3a6bd;--text-faint: #6d708a;--border: #2c2e40;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 20px rgba(0, 0, 0, .35);--shadow-hover: 0 4px 10px rgba(0, 0, 0, .35), 0 14px 28px rgba(0, 0, 0, .4)}body{transition:background .2s var(--ease),color .2s var(--ease)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--background);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Sora,sans-serif}button,input,select{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.shell{max-width:1440px;margin:0 auto;padding:20px 28px 60px}.table-wrap{-webkit-overflow-scrolling:touch}@media(max-width:900px){.shell{padding:14px 14px 50px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.reports-layout{grid-template-columns:1fr!important}}@media(max-width:640px){.hide-on-mobile{display:none}.stats-grid,.permgrid{grid-template-columns:1fr!important}.app-header{flex-direction:column;align-items:flex-start!important;gap:12px}.app-header-actions{width:100%;justify-content:flex-end}.toolbar-row{flex-direction:column!important;align-items:stretch!important}.toolbar-row>*{width:100%!important;margin-left:0!important}h1{font-size:15px!important}.card{padding:14px!important}}.btn{border:none;border-radius:var(--radius-sm);padding:11px 16px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .16s var(--ease)}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f5df240}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c73a4f}.btn-ghost{background:var(--surface);color:var(--text-light);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:#c7c9dc}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12.5px;font-weight:600;color:var(--text-light);margin-bottom:7px}.form-group input,.form-group select{width:100%;padding:11px 13px;font-size:13.5px;background:var(--background-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.table-wrap{border-radius:var(--radius);overflow:auto;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{position:sticky;top:0;background:var(--background-alt);color:var(--text-light);text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;padding:13px 14px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left}thead th:last-child{border-right:none}tbody td{padding:13px 14px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:middle}tbody td:last-child{border-right:none}tbody tr:nth-child(2n){background:var(--background-alt)}tbody tr:hover{background:var(--primary-light)}.badge{font-weight:700;font-family:Sora,sans-serif;padding:4px 10px;border-radius:100px;font-size:11px;display:inline-block}.badge-in{background:var(--success-bg);color:var(--success)}.badge-out{background:var(--danger-bg);color:var(--danger)}.toast-stack{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{min-width:260px;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-hover);padding:12px 16px;border-left:4px solid var(--primary);font-size:13px}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}