:root{--bg:#f5f6f2;--ink:#183c36;--muted:#6b7c76;--line:#e0e7df;--green:#24594c;--lime:#d6ec9d;--white:#fff;--warn:#a45526;font-family:Arial,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:11px;padding:11px 16px;background:white;color:var(--ink);font-weight:600}button:hover{border-color:var(--green);background:#f0f5ea}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #78a552;outline-offset:3px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#153f34;color:white}.quiet{background:transparent}.danger{color:#aa3d38}.layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{padding:32px 22px;background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;line-height:1.3}.brand img{width:42px;height:42px;border-radius:13px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;margin-top:3px}.nav{display:grid;gap:9px}.nav button{border:0;background:none;text-align:start;padding:15px;display:flex;gap:12px;align-items:center}.nav .active{background:#eaf1e5;color:var(--green)}.sidebar footer{margin-top:auto;font-size:12px;color:var(--muted);line-height:1.7}.pill{display:inline-flex;gap:6px;align-items:center;font-size:12px;background:#eaf1e5;border-radius:30px;padding:7px 11px;color:var(--green)}.dot{width:6px;height:6px;border-radius:50%;background:#6a934a}.main{padding:30px 42px;max-width:1550px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:30px}.top time{font-size:13px;color:var(--muted)}.top select{width:auto;min-width:108px;background:white}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 10px}h2{font-size:20px;margin:0 0 10px}h3{font-size:16px;margin:0}p{line-height:1.6}.sub{color:var(--muted);margin:0;font-size:14px}.hero{background:var(--ink);color:white;border-radius:22px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0}.hero h2{font-size:27px;line-height:1.35;max-width:550px}.hero p{color:#c8d6cf;margin-bottom:0;max-width:580px}.hero .primary{background:var(--lime);color:var(--ink);white-space:nowrap}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#c8ddae;margin-bottom:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.stat{padding:22px;background:white;border:1px solid var(--line);border-radius:15px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:29px;margin-top:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:24px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 18px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.filters button{font-size:12px;padding:8px 12px;border-radius:25px}.filters .active{background:var(--ink);color:white}.search{margin-bottom:16px}.task{display:flex;gap:13px;align-items:flex-start;border-top:1px solid var(--line);padding:20px 0}.task:last-child{padding-bottom:0}.check{height:29px;width:29px;padding:0;border-radius:50%;flex-shrink:0;color:var(--green)}.task-body{min-width:0;flex:1}.task h3{overflow-wrap:anywhere;line-height:1.5}.task p{font-size:13px;color:var(--muted);margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;align-items:center;margin:9px 0}.badge{padding:4px 7px;border-radius:5px;background:#f1f4f0}.high,.overdue{color:#a24927;background:#fff1e5}.completed{color:#34764b;background:#ebf6ed}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.actions button{padding:6px 9px;font-size:11px}.empty{text-align:center;padding:35px 10px}.empty .symbol{display:block;font-size:36px;color:#7e9e66;margin-bottom:14px}.empty p{color:var(--muted);font-size:14px}.side-stack{display:grid;gap:18px;align-content:start}.note{background:#edf2e6;border:0;line-height:1.6}.note p{font-size:13px;color:#536b57}.notice{font-size:12px;line-height:1.6;background:#f9f4e8;border:1px solid #ece0bf;color:#77603a;border-radius:10px;padding:12px 16px;margin-top:24px}.activity{border-inline-start:2px solid #e0e8d8;padding-inline-start:15px;margin:17px 0;font-size:13px;overflow-wrap:anywhere}.activity time{display:block;color:var(--muted);font-size:11px;margin:5px 0}.activity p{margin:5px 0;color:var(--muted)}.ring{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;margin:22px auto;background:conic-gradient(var(--green) var(--progress),#e8eee4 0)}.ring div{width:118px;height:118px;border-radius:50%;background:white;display:grid;place-content:center;text-align:center}.ring strong{font-size:28px}.ring span{font-size:11px;color:var(--muted)}label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input,select,textarea{display:block;width:100%;border:1px solid #cdd8ce;border-radius:9px;padding:12px;background:#fff;color:var(--ink);min-height:44px}textarea{resize:vertical;min-height:80px}.field{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings{max-width:780px}.settings .panel{margin-bottom:20px}.settings small{display:block;color:var(--muted);line-height:1.6;margin-top:8px}dialog{border:0;border-radius:20px;padding:26px;max-width:560px;width:calc(100% - 28px);max-height:90dvh;color:var(--ink);box-shadow:0 24px 100px #183c3633}dialog::backdrop{background:#132e2866;backdrop-filter:blur(3px)}dialog h2{margin-bottom:23px}.dialog-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.error{color:#a03932;line-height:1.5;font-size:13px}#toast{position:fixed;bottom:22px;inset-inline-start:50%;transform:translateX(-50%);padding:14px 22px;background:var(--ink);color:white;border-radius:12px;z-index:10;max-width:90%;display:none}[dir=rtl] #toast{transform:translateX(50%)}a{color:var(--green)}.mobile-label{display:none}.bar{height:9px;background:#eaf0e5;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green)}@media(min-width:1450px){.main{padding:40px 60px}}@media(max-width:1100px){.layout{grid-template-columns:200px 1fr}.main{padding:26px}.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.sidebar{padding:25px 14px}}@media(max-width:720px){.layout{display:block}.sidebar{padding:14px 18px;border:0;border-bottom:1px solid var(--line);gap:17px}.brand{font-size:15px}.brand small{font-size:9px}.sidebar footer{display:none}.nav{display:flex;justify-content:space-between;gap:3px}.nav button{padding:9px;font-size:12px;gap:5px}.main{padding:22px 16px 40px}.top{margin-bottom:18px}h1{font-size:27px}.hero{padding:24px;display:block}.hero h2{font-size:23px}.hero button{margin-top:20px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:17px}.stat strong{font-size:25px}.panel{padding:19px}.side-stack{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.top time{max-width:55%;line-height:1.6}.section-head{align-items:flex-start}.notice{margin-top:18px}}

.endpoint{display:block;overflow-wrap:anywhere;margin:12px 0;font-size:12px}.check-field{display:flex;align-items:flex-start;gap:10px;margin:15px 0;line-height:1.6}.check-field input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:3px}#transfer-json{min-height:220px;font-family:monospace}#created-token{font-family:monospace}.activity bdi{overflow-wrap:anywhere}
.advanced summary{cursor:pointer;font-weight:600;padding-block:4px}.advanced[open] summary{margin-bottom:20px}.main{min-width:0}.top{flex-wrap:wrap}.app-version{font-size:11px;opacity:.7}@media(max-width:720px){.sidebar{padding-top:max(16px,env(safe-area-inset-top))}.nav{overflow-x:auto;justify-content:flex-start;max-width:100%;padding-bottom:4px}.nav button{flex:0 0 auto;white-space:nowrap}.top time{font-size:12px}.main{padding-bottom:max(40px,env(safe-area-inset-bottom))}.settings .panel{overflow-wrap:anywhere}}
