:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f5f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:68px;padding:0 32px;display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid #e6e9ed}.brand-mark{font-size:20px;font-weight:750;color:#1473e6;letter-spacing:-.4px}.demo-role{margin-left:auto;display:flex;align-items:center;gap:4px;padding:4px;border-radius:9px;background:#f1f4f7;color:#718096;font-size:13px}.demo-role>span{padding:0 8px}.demo-role button{border:0;background:transparent;color:#596579;border-radius:7px;padding:7px 11px}.demo-role button.active{background:#fff;color:#1473e6;box-shadow:0 1px 3px #1e30471f}.settings-button{border:0;background:transparent;color:#526174;display:inline-flex;align-items:center;gap:6px;font-weight:650}.roles-modal{width:min(720px,calc(100vw - 32px))}.roles-help{margin:-6px 0 16px;color:#66758a;line-height:1.5}.role-search{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;border:1px solid #d7dee8;border-radius:8px;padding:0 12px}.role-search input{border:0!important;flex:1}.roles-list{max-height:430px;overflow:auto;border:1px solid #e1e6ed;border-radius:9px}.role-row{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:20px;padding:11px 14px;border-bottom:1px solid #edf0f4}.role-row:last-child{border-bottom:0}.role-row select{height:38px;border:1px solid #ccd5e0;border-radius:7px;background:#fff;padding:0 10px}.user-pill{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.connection-state{display:flex;align-items:center;gap:7px;color:#4f6b58;font-size:12px;font-weight:650;white-space:nowrap}.connection-state>span{width:8px;height:8px;border-radius:50%;background:#2e9d57;box-shadow:0 0 0 3px #e7f6ec}.connection-state.offline{color:#9b2c24}.connection-state.offline>span{background:#d92d20;box-shadow:0 0 0 3px #fce9e7}.avatar,.small-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f2ff;color:#1265c4;font-weight:700}.avatar{width:36px;height:36px}.small-avatar{width:30px;height:30px;font-size:11px;flex:0 0 auto}.workspace{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}.eyebrow{margin:0 0 8px;color:#1473e6;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;color:#172033;letter-spacing:-.025em}h1{font-size:34px;line-height:1.15}h2{font-size:24px}.page-heading>div>p:last-child{margin:10px 0 0;color:#687487;font-size:15px}.primary-button,.secondary-button,.danger-button{min-height:42px;padding:0 18px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650}.primary-button{background:#1473e6;color:#fff}.primary-button:hover{background:#0f65cc}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.62}.secondary-button{color:#354156;background:#fff;border-color:#d9dee5}.danger-button{background:#d92d20;color:#fff}.danger-button:hover{background:#b42318}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.period-control{height:42px;display:flex;align-items:center;border:1px solid #dce1e7;border-radius:8px;background:#fff}.period-control button{width:40px;height:40px;border:0;background:transparent;color:#657186;display:grid;place-items:center}.period-control>div{min-width:190px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:9px;border-left:1px solid #e6e9ed;border-right:1px solid #e6e9ed;text-transform:capitalize;font-size:14px;font-weight:600}.toolbar select,.search-field{height:42px;border:1px solid #dce1e7;border-radius:8px;background:#fff}.toolbar select{padding:0 34px 0 12px;color:#354156}.sort-direction{height:42px;min-width:48px;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:#4d5a6e;font-weight:650}.search-field{margin-left:auto;width:220px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8490a2}.search-field input{width:100%;border:0;outline:0;color:#263247}.export-button{height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:1px solid #b8d5f7;border-radius:8px;background:#f3f8ff;color:#1265c4;font-weight:650;white-space:nowrap}.export-button:hover{background:#e8f2ff}.status-message{margin:0 0 14px;min-height:46px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-radius:8px;font-size:13px}.status-message.error{border:1px solid #f0c2bd;background:#fff6f5;color:#8f2119}.status-message.error span{color:#805c59}.status-message.error button{margin-left:auto;padding:6px 10px;border:1px solid #dfaaa4;border-radius:6px;background:#fff;color:#8f2119}.status-message.success{border:1px solid #bce0c8;background:#f1fbf4;color:#236b3a}.status-message.success button{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:inherit}.table-card{overflow:hidden;background:#fff;border:1px solid #e0e4e9;border-radius:10px;box-shadow:0 3px 14px #1e30470a}.table-summary{min-height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eaee;color:#768195;font-size:14px}.table-summary strong{color:#172033;font-size:17px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:16px 20px;border-bottom:1px solid #e9ecef;text-align:left}th{height:50px;background:#fafbfc;color:#6e798b;font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}td{height:64px;color:#354156;font-size:14px}tbody tr:hover{background:#f8fbff}.employee-cell{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:600}.date-cell{width:150px;white-space:nowrap;color:#5f6c80}.company-cell{width:190px;white-space:nowrap;color:#263247;font-weight:600}.description-cell{width:100%;color:#263247}.hours-cell{width:110px;white-space:nowrap;text-align:right}.action-cell{width:66px;padding-left:8px;padding-right:14px;text-align:right}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#6f7b8f}.icon-button:hover{background:#eaf3ff;color:#1473e6}tfoot td{background:#fafbfc;color:#1e293b;font-weight:700;border-bottom:0}.empty-state{height:180px;text-align:center;color:#8390a2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#121c2b61;z-index:10}.modal{width:min(520px,100%);padding:26px;border-radius:12px;background:#fff;box-shadow:0 24px 70px #121c2b3d}.modal-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between}.modal>label{display:block;margin-top:18px;color:#465267;font-size:13px;font-weight:650}.modal input,.modal textarea{width:100%;margin-top:8px;padding:11px 12px;border:1px solid #d7dde5;border-radius:8px;outline:0;color:#263247;resize:vertical}.modal input:focus,.modal textarea:focus{border-color:#1473e6;box-shadow:0 0 0 3px #1473e61a}.modal label small{display:block;margin-top:5px;text-align:right;color:#8b96a7;font-weight:400}.modal label .field-hint{text-align:left}.modal-actions{margin-top:28px;display:flex;justify-content:flex-end;gap:10px}.action-spacer{flex:1}.delete-button,.text-button{min-height:42px;border:0;background:transparent;font-weight:650}.delete-button{padding:0 4px;color:#c43228}.delete-button:hover,.text-button:hover{text-decoration:underline}.text-button{padding:0 10px;color:#596579}.delete-confirm{margin-top:22px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #f2c6c2;border-radius:8px;background:#fff7f6}.delete-confirm>div:first-child{display:grid;gap:3px}.delete-confirm strong{color:#912018;font-size:14px}.delete-confirm span{color:#80615f;font-size:12px}.delete-confirm>div:last-child{display:flex;align-items:center;gap:6px;flex:0 0 auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.topbar{padding:0 18px}.user-pill>span:last-child,.demo-role>span{display:none}.workspace{width:calc(100% - 28px);padding-top:30px}.page-heading{align-items:flex-start;flex-direction:column;gap:20px}.toolbar{flex-wrap:wrap}.search-field{order:3;width:100%;margin-left:0}h1{font-size:29px}.delete-confirm{align-items:stretch;flex-direction:column}.delete-confirm>div:last-child{justify-content:flex-end}.modal-actions{flex-wrap:wrap}}