:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#232039;background:#f6f5fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}aside{position:fixed;width:226px;inset:0 auto 0 0;background:#241e3b;color:white;padding:38px 25px;display:flex;flex-direction:column}.brand{color:white;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:2px}.mark{background:#d7f293;color:#241e3b;border-radius:10px;padding:8px 12px;margin-right:8px}.subbrand{display:block;font-size:9px;letter-spacing:4px;margin:10px 0 0 57px}.nav-label{font-size:10px;letter-spacing:2px;color:#b5aeca;margin:65px 12px 16px}.nav-item{padding:15px;border-radius:10px;background:#443956;font-size:14px}footer{margin-top:auto;font-size:13px;line-height:1.8;color:#e4dfed}footer small{color:#a9a0bb}main{margin-left:226px;padding:0 44px 40px;max-width:1800px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2dfea;margin-bottom:44px;font-size:10px;letter-spacing:2px;color:#797187}h1{font-size:36px;letter-spacing:-1.3px;margin:8px 0 12px;font-weight:650}h2{font-size:17px;margin:0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#736294}.muted{color:#756f83;line-height:1.6}.small{font-size:12px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;gap:18px;align-items:end;padding:20px 0 26px}.filters label:last-child{margin-left:auto;min-width:250px}label{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:9px}input,select,button{font:inherit;border:1px solid #ddd8e6;border-radius:8px;background:white;color:#30283e;padding:12px 14px}input,select{min-height:44px}button{cursor:pointer;font-size:13px;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:hover{background:#f0edf6}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #9d83d5;outline-offset:2px}.primary{background:#62508d;color:white;border:0}.primary:hover{background:#4e3d76}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:6px 0 28px}.stat{padding:23px;background:white;border:1px solid #e6e1ed;border-radius:12px}.stat span{font-size:12px;color:#756f83}.stat strong{display:block;font-size:32px;letter-spacing:-1px;margin-top:13px}.stat:first-child{background:#eee9f7}.records{background:white;border:1px solid #e6e1ed;border-radius:12px;overflow:hidden}.table-heading{padding:24px;display:flex;justify-content:space-between;gap:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#82798e;text-transform:uppercase;letter-spacing:1px;background:#fbfafc}td,th{padding:17px 18px;border-bottom:1px solid #f0edf4}td{font-size:13px}td:first-child{font-weight:650}.badge{padding:6px 9px;border-radius:6px;font-size:11px;display:inline-block;background:#f0edf5;color:#716580}.working{background:#e8f3e8;color:#2e6e43}.break{background:#fff2db;color:#936619}.completed{background:#eeebfa;color:#665296}#login{max-width:410px;padding-top:28px}#login h1{font-size:52px}form{display:grid;gap:20px;margin:30px 0}#error,#login-error{color:#a52e42;line-height:1.6}#loading,#empty{padding:20px}#demo{padding:12px;background:#fff0cd;border-radius:8px}dialog{border:0;border-radius:16px;box-shadow:0 24px 100px #21132d44;padding:30px;max-width:540px;width:calc(100% - 32px)}dialog::backdrop{background:#20152b66}#close-detail{float:right}.detail-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee;padding:12px 0;font-size:14px}[hidden]{display:none!important}@media(max-width:1050px){aside{width:180px;padding:30px 15px}main{margin-left:180px;padding:0 24px 30px}.filters{flex-wrap:wrap}.filters label:last-child{margin-left:0}.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:static;width:auto;height:78px;padding:22px}.subbrand,.nav-label,.nav-item,footer{display:none}main{margin-left:0;padding:0 16px 24px}header{height:62px;margin-bottom:28px}h1{font-size:28px}.title-row{align-items:start}.filters label{flex:1;min-width:140px}.filters label:last-child{min-width:100%}.stat{padding:17px}.table-heading{flex-direction:column}.summary{gap:10px}#login h1{font-size:42px}}