:root{--sage:#cfe3d4;--sage2:#9fc4a9;--sky:#d6e9f5;--sky2:#8fbcd9;--cream:#fbf7ee;--ink:#2f3a36;--rose:#f3d6d2}
*{box-sizing:border-box}body{margin:0;font:17px/1.4 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink)}
header{position:sticky;top:0;z-index:5;background:var(--sage);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
h1{font-size:20px;margin:0}#st{font-size:14px;opacity:.75}
main{padding:12px;max-width:760px;margin:auto}
button,.btn{font:inherit;border:0;border-radius:14px;padding:14px 18px;min-height:48px;background:var(--sky);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}
.pri{background:var(--sage2);color:#fff;font-weight:600}.del{background:var(--rose)}
.bar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.job{background:#fff;border-radius:16px;padding:14px;margin:10px 0;display:flex;gap:8px;align-items:center;box-shadow:0 1px 3px #0001}
.job div{flex:1;cursor:pointer}.job small{opacity:.65}
details.sec{background:#fff;border-radius:16px;margin:10px 0;box-shadow:0 1px 3px #0001;overflow:hidden}
details.sec>summary{padding:16px;font-weight:600;background:var(--sky);list-style:none;cursor:pointer}
details.sec[open]>summary{background:var(--sage)}
.sb{padding:10px 14px}.row{border-bottom:1px solid #eee;padding:8px 0}.row:last-child{border:0}
.lab{font-size:14px;font-weight:600;margin:6px 0 4px;white-space:pre-line}
details.g{font-size:13px;margin:4px 0;color:#5a6b64}details.g summary{color:var(--sky2);font-weight:600}
details.g div{white-space:pre-line;padding:6px 0}
textarea{width:100%;font:inherit;padding:12px;border:1.5px solid #dfe8e2;border-radius:12px;background:#fdfdfb;min-height:48px;resize:none}
input{width:100%;font:inherit;padding:12px;border:1.5px solid #dfe8e2;border-radius:12px;min-height:48px}
textarea:focus{outline:none;border-color:var(--sage2);background:#fff}
.rad{display:flex;gap:6px}.rad button{flex:1;padding:10px 0;background:#eef3f0}.rad button.on{background:var(--sage2);color:#fff}
.jump{width:100%;margin-bottom:6px;font:inherit;padding:12px;border-radius:12px;border:1.5px solid #dfe8e2;background:#fff;min-height:48px}
.login{max-width:360px;margin:60px auto;display:grid;gap:12px}
header #lo{margin-left:auto;font-size:14px;color:#245;text-decoration:underline;padding:8px 4px}
.addrsec>summary{font-weight:700}
label.addr{display:block;font-weight:700;font-size:17px;margin:4px 0 6px}
.addrsec textarea{font-size:17px;min-height:3.2em}
.ch{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.ch button{padding:10px 14px;border:1px solid #9bb;border-radius:8px;background:#fff;font-size:15px}
.ch button.on{background:#2e7d4f;color:#fff;border-color:#2e7d4f}
header #st{margin-left:10px;font-size:13px;flex:1}
