:root{color-scheme:dark;--bg:#0c1119;--panel:#121c29;--line:#253348;--text:#e4ecf6;--muted:#93a7bd;--accent:#80dfc1;--red:#ff9a9f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,'Malgun Gothic',sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:9px 13px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}header{position:sticky;top:0;z-index:10;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 1050px)/2));gap:12px;background:#0c1119f5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:.07em}.brand b{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--accent);color:var(--bg)}.brand small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.header-actions{display:flex;align-items:center;gap:7px}.header-actions button{padding:5px 9px;font-size:12px}#status{font-size:11px;color:var(--muted)}#status[data-state=ok]{color:var(--accent)}#status[data-state=error]{color:var(--red)}main{max-width:1050px;margin:0 auto;padding:28px 18px 60px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;font-weight:600;letter-spacing:-.05em;margin-bottom:0}h2{font-size:20px}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--accent)}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.primary{background:var(--accent);color:#09261f;border-color:var(--accent);font-weight:650}.login{max-width:420px;margin:10vh auto}.login h1{font-size:42px;line-height:1.3;margin:15px 0 20px}.login p{color:var(--muted);margin:22px 0;font-size:13px}nav{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:10px;overflow:auto;white-space:nowrap}nav button{border-color:transparent;background:transparent;font-size:12px;padding:8px 10px}nav button[aria-pressed=true]{background:#80dfc114;color:var(--accent);border-color:#80dfc130}.filters{display:flex;gap:7px;flex-wrap:wrap;padding:18px 0 3px}.filters input,.filters select{max-width:150px;height:35px;padding:5px 9px;font-size:12px}.filters input[type=search]{flex:1;min-width:140px;max-width:none}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:#0d1520;padding:9px 10px;min-width:0}textarea{resize:vertical;line-height:1.7}.muted{color:var(--muted);font-size:12px}#count{margin:9px 0}.record-row{width:100%;display:grid;grid-template-columns:95px minmax(0,1fr) 70px;gap:14px;text-align:left;border-width:0 0 1px;border-radius:0;padding:15px 8px;background:transparent}.record-row:hover{background:#80dfc108}.record-row time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.record-row strong{font-size:14px;font-weight:500}.record-row p{margin:4px 0 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.record-row small{font-size:10px;text-align:right;color:var(--muted)}.record-row .pending{color:#ecc27e}.empty{padding:55px 15px;text-align:center;color:var(--muted)}.footnote{border-top:1px solid var(--line);padding-top:15px;margin-top:24px;font-size:11px}dialog{width:min(610px,calc(100% - 24px));max-height:92dvh;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 20px 80px #0008}dialog::backdrop{background:#02060bb0;backdrop-filter:blur(5px)}.dialog-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-title h2{margin:0}.dialog-title button{border:0;font-size:23px;padding:0 5px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);margin-bottom:15px}label input,label textarea,label select{width:100%;font-size:14px;color:var(--text)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-actions{display:flex;justify-content:space-between;position:sticky;bottom:-22px;padding:15px 0 2px;background:var(--panel)}details{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:12px 0}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;background:var(--bg);padding:12px;font:12px/1.6 inherit}#conflict{border:1px solid #ecc27e55;border-radius:9px;padding:14px;margin-bottom:15px}#conflict h3{font-size:14px;color:#ecc27e}#conflict p{font-size:12px}#conflict button{font-size:12px;margin:3px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #0005;font-size:12px;z-index:100}@media(max-width:600px){main{padding-top:22px}.brand small{display:none}header{padding:0 14px;height:54px}.header-actions{gap:5px}#status{font-size:10px}.page-title{margin-bottom:15px}h1{font-size:25px}.filters{gap:5px}.filters input[type=date]{width:126px;max-width:calc(50% - 3px)}.record-row{grid-template-columns:74px minmax(0,1fr) 50px;gap:8px;padding:14px 2px}.record-row time{font-size:11px}.record-row strong{font-size:13px}.form-pair{gap:9px}dialog{padding:17px}.editor-actions{bottom:-17px}.login h1{font-size:37px}}

nav{scrollbar-width:none}nav::-webkit-scrollbar{display:none}.filters .filter-date{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;white-space:nowrap}.filter-date small{font-size:10px;color:var(--muted)}@media(max-width:600px){.filters #search{flex:1 1 calc(100% - 90px)}.filters #scope{width:80px}.filters .filter-date{flex:1 1 calc(50% - 5px);min-width:0}.filters .filter-date input{flex:1;width:100%;max-width:none;min-width:0}.filters #sort{width:130px}.filters #trash{padding:5px 12px}}

#account{font-weight:700;color:var(--accent);border-color:#78d8bd66;background:#78d8bd12;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account[data-profile=family]{color:#c2a8fa;border-color:#b89bf466;background:#b89bf412}#accountName{font-size:22px;font-weight:700;overflow-wrap:anywhere}#profileForm{border-top:1px solid var(--line);padding-top:16px}#profileMessage{font-size:12px;color:var(--accent)}