:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f5f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:9px;padding:12px 18px;background:#4357d9;color:#fff;font-weight:600;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:default}input,select{width:100%;border:1px solid #d7ddea;border-radius:8px;background:white;padding:11px;color:#172033}input:focus,select:focus{outline:2px solid #adb8ff}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#536079}h1{font-size:30px;letter-spacing:-.7px;margin:10px 0}h2{font-size:18px;margin:0 0 14px}p{color:#64708a;line-height:1.6}code{font-family:Consolas,monospace;font-size:13px;overflow-wrap:anywhere}.brand{font-size:12px;letter-spacing:2px;color:#6978d5;font-weight:800}.login{width:min(460px,calc(100% - 32px));margin:12vh auto;padding:38px;background:#fff;border:1px solid #e3e8f0;border-radius:18px;box-shadow:0 14px 50px #1c31500a}.login form{display:grid;gap:20px;margin-top:28px}aside{width:238px;position:fixed;inset:0 auto 0 0;padding:34px 22px;background:white;border-right:1px solid #e3e8f0}aside h2{font-size:23px;margin:26px 12px}aside .brand{margin-left:12px}nav{display:grid;gap:8px}nav button{text-align:left;background:transparent;color:#64708a;font-weight:500}nav button.selected{background:#edf0ff;color:#4357d9;font-weight:700}.aside-bottom{position:absolute;bottom:26px;left:28px;right:28px;display:grid;gap:18px;font-size:11px;color:#8a93a5}.ghost{background:transparent;border:1px solid #dfe4ed;color:#64708a}.content{max-width:1500px;margin-left:238px;padding:44px 44px 64px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header p{margin:0}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#8b95aa}.secondary{background:white;color:#485473;border:1px solid #d9dfeb}.panel{background:white;border:1px solid #e1e6ef;border-radius:13px;margin:20px 0;padding:24px}.stats{display:grid;grid-template-columns:1fr 2fr;gap:20px}.stats>div{background:#fff;border:1px solid #e1e6ef;border-radius:13px;padding:24px}.stats span{color:#79859d;font-size:12px;display:block}.stats strong{display:block;margin-top:14px;font-size:24px;letter-spacing:-.5px}.stats>div+div strong{font-size:20px}.filters{display:flex;gap:16px;align-items:end}.filters label{flex:1}.filters button{height:41px}.table-wrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#8992a5;background:#fafbfe;padding:18px 22px;border-bottom:1px solid #e7ebf2}td{padding:18px 22px;border-bottom:1px solid #eef0f5}tbody tr:last-child td{border-bottom:0}.badge{border-radius:6px;padding:5px 9px;white-space:nowrap;background:#edf0ff;color:#5264c7;font-size:12px}.badge.sick_leave{color:#a37024;background:#fff5df}.empty{text-align:center;padding:35px 20px;font-size:13px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;color:#79859d}.intro{border-left:4px solid #6877dc}.intro p{max-width:850px}.token-form{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:18px;align-items:end}.token-form h2{grid-column:1/-1}.secret{background:#f0f7ff}.secret code{display:block;margin:18px 0;padding:18px;background:white;border:1px solid #d9e5fa;border-radius:8px}#notice{position:fixed;bottom:24px;right:24px;max-width:480px;background:#18233e;color:#fff;padding:16px 22px;box-shadow:0 8px 30px #0002;border-radius:10px;z-index:9}[hidden]{display:none!important}@media(max-width:1000px){.content{padding:28px 22px}.token-form{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.stats{grid-template-columns:1fr}.filters label{min-width:130px}}@media(max-width:700px){aside{position:static;width:100%;padding:20px}aside h2,.aside-bottom{display:none}nav{display:flex;margin-top:18px}.content{margin-left:0;padding:24px 16px}h1{font-size:24px}.token-form{grid-template-columns:1fr}.token-form h2{grid-column:auto}th,td{padding:14px}.stats strong{font-size:21px}}