:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#27231f;background:#f8f5ef;font-synthesis:none;font-size:15px;--accent:#8d4432;--line:#e9e2d9}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{max-width:1100px;margin:auto;display:flex;gap:18px;align-items:center;padding:26px 28px;border-bottom:1px solid var(--line)}.brand{font-size:21px;letter-spacing:5px;font-weight:750;text-decoration:none;color:var(--accent)}.mode{font-size:12px;color:#81786d}header button{margin-left:auto}main{max-width:1000px;margin:auto;padding:40px 28px 80px}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 24px}h2{font-size:19px;margin:0 0 22px}.eyebrow{font-size:12px;color:var(--accent);letter-spacing:2px;margin:0}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.intro h1{margin-bottom:18px}.panel{background:#fffdf9;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:22px}.login{max-width:390px;margin:10vh auto}.login form{display:grid;gap:18px}label{display:grid;gap:9px;font-size:13px;font-weight:600}input,select,textarea{width:100%;font:inherit;font-weight:400;background:white;border:1px solid #ded6cc;border-radius:9px;padding:11px 12px;color:inherit;min-height:44px}input:focus,textarea:focus,select:focus{outline:2px solid #b57765;outline-offset:2px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.columns form{display:grid;gap:17px}button{font:inherit;font-weight:600;border:1px solid transparent;border-radius:9px;background:var(--accent);color:white;padding:11px 17px;min-height:44px;cursor:pointer}button:hover{filter:brightness(.94)}button:focus-visible{outline:3px solid #b57765;outline-offset:3px}button:disabled{cursor:wait;opacity:.55}.secondary{background:#f0ebe4;color:#534239}.quiet{background:transparent;color:var(--accent);padding:8px 10px}.danger{background:#fff1ed;color:#a93625}.muted{color:#827b73}.small{font-size:12px;line-height:1.6}.notice{background:#f0eae0;border-radius:10px;padding:12px 16px;color:#71604d;font-size:13px;line-height:1.7;margin-bottom:24px}.check{display:flex;align-items:center;gap:10px}.check input{width:17px;min-height:17px;height:17px;accent-color:var(--accent)}.check+p{margin:-5px 0 0}.code-result{margin-top:24px;padding:20px;text-align:center;border-top:1px solid var(--line)}.code-result strong{font-size:36px;letter-spacing:8px;color:var(--accent);font-variant-numeric:tabular-nums}.code-result p{font-size:13px;color:#74695d}.records{display:grid}.record{padding:18px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.record:first-child{border-top:0;padding-top:0}.record:last-child{padding-bottom:0}.record .title{font-weight:650;margin:0 0 7px}.record p{margin:4px 0;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.record .actions{display:flex;gap:8px;flex-shrink:0}.badge{font-size:12px;color:var(--accent);background:#f5ede8;border-radius:20px;padding:4px 10px;display:inline-block}.empty{color:#8a8177;padding:12px 0;font-size:14px}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.operation-form{display:grid;gap:16px;margin-bottom:28px}.operation-form button{justify-self:start}#message{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#29251f;color:white;border-radius:12px;max-width:min(560px,90vw);box-shadow:0 8px 32px #30241722;line-height:1.5;font-size:14px}#message.error{background:#8b3224}@media(max-width:700px){main{padding:28px 18px 70px}header{padding:22px 18px}.columns{grid-template-columns:1fr;gap:0}.panel{padding:22px}.record,.section-title{align-items:flex-start;flex-direction:column}.record .actions{align-self:flex-end}.section-title{gap:0}.section-title h2{margin-bottom:8px}.section-title>span{margin-bottom:18px}h1{font-size:28px}.login{margin:6vh auto}}
.admin-dialog{width:min(430px,calc(100vw - 36px));border:1px solid var(--line);border-radius:18px;padding:28px;background:#fffdf9;color:inherit;box-shadow:0 18px 70px #30241733}.admin-dialog::backdrop{background:#27231f66}.admin-dialog h2{margin-bottom:12px}.admin-dialog p{color:#74695d;font-size:14px;line-height:1.7;margin:0 0 22px}.admin-dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
