:root{font-family:system-ui,"Yu Gothic",sans-serif;color:#182a36;background:#f3f6f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:80px;background:#122c3b;color:white;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:21px}.brand{color:#59d7b8;margin-right:12px}header small{font-size:14px;font-weight:400;margin-left:16px;color:#b9cdd8}main{max-width:1360px;margin:auto;padding:40px 5vw}h1{font-size:28px;margin:0 0 8px}h2{font-size:16px;margin:0 0 18px}p{line-height:1.8}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.heading p{margin:0;color:#607484;font-size:14px}.layout{display:grid;grid-template-columns:185px 1fr;gap:32px}aside{border-right:1px solid #d5e0e5;padding-right:24px}#days{display:grid;gap:8px}#days button{text-align:left;background:transparent}.selected{color:#006c55!important;background:#dcf2eb!important;font-weight:700}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:white;padding:20px;border-radius:12px}label{display:grid;gap:8px;font-size:14px}input,select,button{font:inherit;min-height:42px;border:1px solid #bacbd4;border-radius:7px;padding:9px 12px;background:white;color:inherit}input,select{max-width:100%}button{cursor:pointer}button:hover{background:#e9f2f5}button:disabled{opacity:.45;cursor:default}.primary{background:#08775f;color:white;border-color:#08775f}.primary:hover{background:#005b47}.search{flex:1;min-width:160px}.auto{display:flex;align-items:center;gap:8px;white-space:nowrap}.auto input{min-height:auto;accent-color:#08775f}.status{display:flex;flex-wrap:wrap;gap:12px 28px;padding:20px 0;font-size:14px;color:#496373}details{background:#e5edf3;border-radius:9px;padding:16px 20px;margin-bottom:24px}summary{cursor:pointer;font-weight:600}#journalText{white-space:pre-wrap}details small{display:block;margin-top:8px;color:#526978}.hour{margin:24px 0 14px;font-size:17px;color:#08775f}.entry{padding:20px 24px;background:white;border:1px solid #dee7ec;border-radius:10px;margin:10px 0}.entry time{font-size:14px;color:#657b89}.entry p{margin:10px 0 4px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.85}.entry small{color:#768b96;font-size:12px}.empty{padding:48px 24px;text-align:center;color:#607484;border:1px dashed #bcced8;border-radius:10px}.muted{font-size:13px;color:#607484}.pages{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.login{max-width:440px;margin:8vh auto;background:white;border-radius:14px;padding:36px}.login form{display:grid;gap:20px}.login small{color:#657b89}#error,#loginError{color:#b22929}:focus-visible{outline:3px solid #32aa96;outline-offset:2px}[hidden]{display:none!important}@media(max-width:760px){main{padding:24px 18px}header{padding:0 20px;height:64px}header small{display:none}.heading{display:block}.auto{margin-top:16px}.layout{display:block}aside{border:0;padding:0 0 16px}#days{display:flex;overflow:auto}#days button{white-space:nowrap}aside .muted{display:none}aside h2{margin-bottom:8px}.filters{padding:14px}.filters label{flex:1;min-width:130px}.status{gap:8px 16px}.entry{padding:16px}.login{margin:3vh auto;padding:24px}}