:root{--bg:#f6f7f9;--panel:#fff;--text:#1d2330;--muted:#5f6b7a;--line:#e2e6ec;--accent:#0b5cad;--work:#2e7d32;--nonwork:#e0661b;--unclassified:#9aa3ad;--idle:#d3dbe3;--meeting:#6a3fc0;--private:#8796a5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header.top{color:#fff;background:#12324f;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 24px;display:flex}header.top a{color:#dce8f5}header.top .brand{color:#fff;font-weight:700}header.top nav{flex-wrap:wrap;flex:1;gap:16px;display:flex}header.top form button{color:#dce8f5;cursor:pointer;background:0 0;border:1px solid #5b7a99;border-radius:4px;padding:3px 10px}main{max-width:1200px;margin:0 auto;padding:20px 24px 60px}h1{margin:4px 0;font-size:22px}h2{margin:24px 0 8px;font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:14px 16px;overflow-x:auto}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.tile .v{font-size:20px;font-weight:650}.tile .k{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}th{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.period{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 4px;display:flex}.period .seg a{border:1px solid var(--line);background:#fff;padding:3px 9px}.period .seg a.on{background:var(--accent);color:#fff;border-color:var(--accent)}.pill{color:#fff;border-radius:10px;padding:0 7px;font-size:12px;display:inline-block}.pill.work{background:var(--work)}.pill.nonwork{background:var(--nonwork)}.pill.unclassified{background:var(--unclassified)}.pill.idle{background:var(--idle);color:var(--text)}.pill.meeting{background:var(--meeting)}.pill.private{background:var(--private)}.pill.office{background:#2f6f9f}.pill.remote{background:#7a5a2f}.bar{background:#eef1f4;border-radius:3px;min-width:120px;height:12px;display:flex;overflow:hidden}.bar span{height:100%;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}form.inline{display:inline}input,select,button{font:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=time],select{background:#fff;border:1px solid #c5ccd5;border-radius:4px;padding:5px 8px}button,.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:6px 12px;display:inline-block}button.secondary{color:var(--accent);border:1px solid var(--accent);background:#fff}button.danger{background:#b3261e}.row{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0;display:flex}.note{background:#fff8e1;border:1px solid #f0d78c;border-radius:6px;padding:10px 12px}.ok{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;padding:10px 12px}.err{background:#fdecea;border:1px solid #f5b5ad;border-radius:6px;padding:10px 12px}code.secret{color:#fff;-webkit-user-select:all;user-select:all;background:#12324f;border-radius:4px;padding:4px 8px;font-size:15px}.login{max-width:380px;margin:80px auto}.login .panel{padding:22px}.login label{margin:10px 0 4px;display:block}.login input{width:100%}@media (max-width:640px){main{padding:14px 12px 40px}header.top{padding:10px 12px}}.pill.mixed{background:#6d7f91}