*{box-sizing:border-box}body{margin:0;background:#f5f5f5;color:#292929;font:15px system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:13px 18px;font-weight:600}button:disabled{opacity:.45;cursor:default}input,select{width:100%;padding:12px;border:1px solid #d5d5d5;border-radius:8px;background:white;color:#292929}input[type=checkbox]{width:auto}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}form>button{margin-top:18px}.primary{background:#414141;color:white}.secondary{background:#e9e9e9;color:#333}.card{background:white;border:1px solid #dedede;border-radius:15px;padding:26px;margin:24px 0}.logo{width:100%;height:auto}aside{position:fixed;inset:0 auto 0 0;width:230px;background:white;border-right:1px solid #dedede;padding:18px}nav button{display:block;text-align:left;width:100%;margin:6px 0;background:none;color:#555}nav button.active{background:#eaeaea;color:#292929}main{margin-left:230px;padding:24px 40px;max-width:1500px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:18px;gap:15px}h1{font-size:30px;letter-spacing:-.7px;margin:28px 0 12px}h2{font-size:18px;margin-top:0}p{line-height:1.65;color:#626262}.muted{font-size:12px;color:#666}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.clock{font-size:62px;letter-spacing:-2px;text-align:center;font-variant-numeric:tabular-nums;font-weight:650}.center{text-align:center}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions button{flex:1}.row{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #ededed}.total{font-size:32px;font-weight:650;margin:22px 0}.notice{border:1px solid #d6d6d6;border-radius:9px;background:#eee;padding:12px 16px;color:#444;font-size:13px;margin:20px 0}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}td,th{padding:14px 10px;border-bottom:1px solid #ededed;white-space:nowrap}th{font-size:11px;text-transform:uppercase;color:#666}.reportLogo{width:260px;max-width:100%}.login{max-width:560px;margin:25px auto;padding:16px}.login h1{font-size:26px}.login-brand{position:relative;width:100%;aspect-ratio:2.55;overflow:hidden;background:#fff}.login .login-brand .logo{display:block;position:absolute;width:132%;max-width:none;height:auto;max-height:none;left:50%;top:50%;transform:translate(-51.2%,-45.2%)}summary{cursor:pointer;color:#414141;font-weight:600;margin-top:24px}.toast{position:fixed;bottom:24px;right:24px;max-width:calc(100% - 48px);padding:18px 22px;background:#333;color:white;border-radius:10px;z-index:20}[hidden]{display:none!important}:focus-visible{outline:3px solid #777;outline-offset:3px}@media(max-width:1000px){.grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}main{padding:22px}}@media(max-width:650px){aside{position:static;width:auto;padding:8px 18px;border:0}aside .logo{width:190px;display:block;margin:auto}nav{display:flex;overflow:auto}nav button{white-space:nowrap;width:auto;font-size:12px}main{margin:0;padding:18px}header{font-size:12px}h1{font-size:25px}.card{padding:20px}.clock{font-size:52px}.actions button{min-width:120px}.row{flex-wrap:wrap}}@media print{body{background:white}aside,header,.notice,.toast,.no-print,button{display:none!important}main{margin:0;padding:0}.tab{display:none!important}#reports{display:block!important}.card{border:0;margin:0;padding:0}#reports>h1{display:none}.tablewrap{overflow:visible}td{white-space:normal}}

/* Soft grey surfaces and a muted blue accent. */
@media screen{
 body{min-height:100vh;background:radial-gradient(ellipse at top left,#e7edf1 0,transparent 55%),linear-gradient(135deg,#f4f5f6,#e9ecef);background-attachment:fixed}
 .card{border-color:#dce1e5;box-shadow:0 8px 28px rgba(40,52,62,.07),0 2px 5px rgba(40,52,62,.03)}
 .login>.card{border-top:4px solid #637c8e;box-shadow:0 16px 48px rgba(40,52,62,.11),0 3px 10px rgba(40,52,62,.04)}
 .primary{background:#4c6577;box-shadow:0 3px 8px rgba(50,70,85,.17)}
 .primary:hover:not(:disabled){background:#3e5566}
 .secondary{background:#edf0f2;border:1px solid #dce1e5;color:#3f505c}
 .secondary:hover:not(:disabled){background:#e2e8ec}
 nav button.active{background:#e8eef2;color:#3e5566;box-shadow:inset 3px 0 #637c8e}
 aside{box-shadow:3px 0 20px rgba(40,52,62,.035)}
 input,select{background:#fafbfc;border-color:#d3dbe1}
 input:focus,select:focus{background:#fff;border-color:#637c8e;outline:2px solid #dce6ed;outline-offset:1px}
 .notice{background:#edf1f4;border-color:#d7e0e6;color:#405361}
 th{background:#f1f3f5}
 tbody tr:nth-child(even){background:#fafbfc}
 details{background:#f3f5f7;border:1px solid #e0e5e9;border-radius:10px;padding:0 14px 12px;margin-top:22px}
 details summary{color:#4c6577;margin-top:14px}
 :focus-visible{outline-color:#637c8e}
}