:root{font-family:Arial,Helvetica,sans-serif;color:#203339;background:#f4f6f6;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d7dfdf;border-radius:6px;background:white;padding:10px 14px;color:#254749}button:hover{background:#e9f4ef}input,select{padding:10px;border:1px solid #ced8d6;border-radius:5px;background:white;color:#203339}input{max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #32aa85}aside{width:242px;background:#122e2c;color:#c6d7d3;position:fixed;inset:0 auto 0 0;padding:30px 18px}.brand{display:block;font-size:30px;font-weight:800;letter-spacing:2px;color:#48d4a1;text-decoration:none;padding:0 14px}.brand span{color:white}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:8px;color:#91aaa5}.workspace{border:1px solid #35504b;border-radius:8px;display:flex;gap:12px;align-items:center;padding:14px 10px;margin-top:35px;font-weight:700;font-size:12px}.workspace small{display:block;font-weight:400;font-size:10px;margin-top:6px;color:#91aaa5}.nav-label{font-size:10px;letter-spacing:2px;margin:32px 14px 14px;color:#7e9992}nav button{width:100%;display:flex;gap:13px;text-align:left;margin:4px 0;border:0;background:transparent;color:#b7cbc5;font-size:13px;padding:13px}nav button.active{color:#70e0b1}nav button.active,nav button:hover{background:#254b41}.aside-bottom{position:absolute;bottom:24px;font-size:11px;padding:10px}.aside-bottom p{color:#7d9b92;font-size:10px}.dot{display:inline-block;width:7px;height:7px;background:#54d8a4;border-radius:50%;margin-right:6px}.content{margin-left:242px}header{height:74px;background:white;border-bottom:1px solid #e2e8e6;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:#6b7c7c}header select{margin-left:10px}main{padding:26px 38px;max-width:1700px}.demo{background:#fff6df;color:#8a661e;border:1px solid #f0dfb3;border-radius:6px;padding:10px 14px;font-weight:700;font-size:10px;letter-spacing:1px}.demo span{font-weight:400;letter-spacing:0;margin-left:12px;font-size:11px}.title{display:flex;align-items:center;justify-content:space-between;margin:30px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#739087}h1{font-size:32px;margin:10px 0;font-weight:650;letter-spacing:-1px}.title p:not(.eyebrow){color:#7b8989;font-size:12px}.pill{background:#e5f3ed;border:1px solid #cce5d9;border-radius:30px;padding:8px 12px;font-size:11px;color:#27815f}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}article,section{background:white;border:1px solid #e0e7e4;border-radius:10px}article{padding:20px}article p{margin:0 0 16px;color:#6c7f7a;font-size:12px}article strong{font-size:34px;font-weight:600;display:block}small{display:block;color:#82918c;font-size:11px;margin-top:8px}section{padding:24px;margin-bottom:20px}h2{font-size:16px;margin:0 0 16px}h3{font-size:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h2{margin:0}.muted{color:#80908b}.muted,table{font-size:12px}table{width:100%;border-collapse:collapse;margin-top:20px;text-align:left}th{font-size:10px;font-weight:500;letter-spacing:.5px;color:#7f8f89;background:#f7f9f8;padding:13px}td{padding:20px 13px;border-bottom:1px solid #edf0ee}.badge{padding:6px 9px;border-radius:20px;background:#eff2f1;color:#75847e;font-size:10px}.badge.working{background:#ddf5e8;color:#23764c}.badge.break{background:#fff3d3;color:#8c6c22}.empty{padding:35px 10px;color:#81928b;text-align:center;font-size:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two p{color:#788982;line-height:1.8;font-size:12px}.shift{border-top:1px solid #e4ebe7;padding:20px 0;overflow-wrap:anywhere}.shift p{color:#6d8279;font-size:12px}form{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.entity{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf0ee}.placeholder{background:repeating-linear-gradient(45deg,#f0f5f1,#f0f5f1 10px,#f8faf9 0,#f8faf9 20px);height:160px;display:grid;place-items:center;color:#829b90;font-size:11px;letter-spacing:2px;border-radius:8px}footer{color:#91a099;font-size:10px;text-align:center;margin:30px 0}.error{background:#ffe5df;padding:15px;color:#8a3625}@media (max-width:1000px){aside{width:190px;padding:25px 10px}.content{margin-left:190px}main{padding:20px}header{padding:15px}.stats{grid-template-columns:repeat(2,1fr)}section{overflow-x:auto}}@media (max-width:700px){aside{position:static;width:auto}.aside-bottom,.nav-label,.workspace{display:none}nav{display:flex;overflow:auto;margin-top:20px}nav button{width:auto;white-space:nowrap}.content{margin-left:0}.two{grid-template-columns:1fr}.title{align-items:start;gap:10px}.pill{display:none}.demo span{display:block;margin:5px 0}header{height:auto;gap:10px}.section-title{flex-wrap:wrap}h1{font-size:clamp(22px,7.3vw,32px);overflow-wrap:anywhere}.title>div{min-width:0}header label{min-width:120px}nav button{flex-shrink:0}}.auth{max-width:600px;margin:8vh auto;padding:24px}.auth form{display:grid;gap:18px}.auth label{display:grid;gap:8px}.auth button{background:#216447;color:white}.auth p{line-height:1.6}.auth a{color:#216447}.auth button:disabled{opacity:.5;cursor:wait}