:root{--ink:#203b34;--muted:#67716a;--paper:#f7f5ef;--line:#dedfd5;--gold:#c4a66b;--green:#183e35}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif}h1,h2,h3,.brand{font-family:Georgia,serif;font-weight:400}h1{font-size:2.8rem;line-height:1.15;margin:9px 0 20px}h2{font-size:1.75rem;margin:0 0 16px}h3{font-size:1.35rem;margin:0 0 8px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;padding:11px 17px;min-height:44px}button:hover{border-color:var(--gold);background:#f0eee5}button:disabled{opacity:.6;cursor:wait}button.primary{background:var(--green);color:white;border-color:var(--green)}button.danger{color:#9d3434;margin-right:auto}input,select,textarea{width:100%;padding:12px;border:1px solid #babfb5;border-radius:6px;background:white;color:#203b34;min-width:0}textarea{min-height:95px}label{display:block;font-size:.9rem;margin-bottom:17px}label input,label select,label textarea{margin-top:6px}small,.muted{color:var(--muted)}small{font-size:.85rem}.eyebrow{font-size:.75rem;font-weight:bold;letter-spacing:.16em;color:var(--muted)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.loginbrand{background:var(--green);color:#f7efd9;padding:12vh 12%;position:relative;overflow:hidden}.loginbrand .eyebrow{color:#d9c397}.loginbrand h1{font-size:4.8rem;margin-top:60px}.amp{font:12rem Georgia;color:#c4a66b55;line-height:1}.loginform{align-self:center;width:min(420px,85%);margin:60px auto}.loginform button{width:100%}.loginform p{color:var(--muted);margin-bottom:28px}#app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}#app[hidden],*[hidden]{display:none!important}aside{background:var(--green);color:#f4eddd;padding:35px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:1.7rem;border-bottom:1px solid #ffffff30;padding:0 0 28px}.brand span{display:block;font:11px Arial;letter-spacing:.18em;margin-top:9px;color:#d4c39d}nav{margin-top:26px;display:grid;gap:6px}nav button, .asidebottom button{background:none;border:0;color:#e3e9e0;text-align:left}nav button.active{background:#ffffff16;color:#eed7a9}nav button:hover,.asidebottom button:hover{background:#ffffff12}.asidebottom{margin-top:auto;display:grid;padding-top:20px}.asidebottom button{font-size:.85rem}main{max-width:1450px;width:100%;padding:40px 5% 80px}header{display:flex;align-items:center;justify-content:space-between;gap:10px}header button{background:transparent}.sync{font-size:.8rem;color:var(--muted);margin:0 0 25px}.hero{background:var(--green);color:#f8f0dc;border-radius:12px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.hero h2{font-size:2rem;margin-bottom:10px}.hero p{margin:4px 0;color:#e4e5d6}.count{font:3.5rem Georgia;text-align:center}.count small{display:block;color:#ddd7c5;font:13px Arial;letter-spacing:.1em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:23px}.stat span{display:block;color:var(--muted);font-size:.9rem}.stat strong{display:block;font:2.1rem Georgia;margin-top:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;margin-bottom:20px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panelhead h2{margin:0}.row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.row:last-child{border-bottom:0}.row p{margin:3px 0;font-size:.9rem;color:var(--muted)}.row strong{font-weight:600}.row button{font-size:.85rem;padding:8px 12px}.rowtext{min-width:0;overflow-wrap:anywhere}.badge{font-size:.8rem;color:#736033;background:#f6efdf;border-radius:30px;padding:4px 9px;display:inline-block;margin-top:5px}.empty{padding:25px 0;color:var(--muted)}.toolbar{display:flex;gap:12px;margin:0 0 23px}.toolbar input{flex:1}.progress{height:8px;background:#eeeae0;border-radius:20px;overflow:hidden;margin:18px 0}.progress div{background:var(--gold);height:100%}dl{display:grid;grid-template-columns:1fr 1.5fr;gap:15px}dt{color:var(--muted)}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}dialog{width:min(590px,94vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:25px;color:var(--ink)}dialog::backdrop{background:#112a26aa}.modalhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.modalhead h2{margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:#203b34;color:white;padding:12px 20px;border-radius:9px;max-width:90vw;display:none}#formerror,#loginerror{color:#9d3434}.full{grid-column:1/-1}.subamount{white-space:nowrap;text-align:right}.subamount small{display:block}.check{accent-color:var(--green);width:22px;height:22px}.taskmain{display:flex;align-items:center;gap:15px}.done{text-decoration:line-through;color:var(--muted)}@media(max-width:850px){#app{display:block}aside{position:static;height:auto;padding:20px}.brand{padding-bottom:16px;font-size:1.5rem}.brand span{display:none}nav{display:flex;overflow-x:auto;margin-top:15px;gap:5px}nav button{white-space:nowrap}.asidebottom{display:flex;flex-wrap:wrap;margin:10px 0 0;padding:0}.asidebottom button{padding:7px 10px}main{padding:25px 20px 60px}.grid{grid-template-columns:1fr}.loginbrand{padding:35px}.loginbrand h1{font-size:2.8rem;margin-top:25px}.amp{display:none}.login{grid-template-columns:1fr}.loginform{margin:35px auto}.hero{padding:22px}.hero h2{font-size:1.6rem}h1{font-size:2.2rem}.stats{gap:9px}.stat{padding:16px 12px}.stat strong{font-size:1.6rem}.stat span{font-size:.8rem}}@media(max-width:440px){.stats{grid-template-columns:1fr}.stat{display:flex;justify-content:space-between;align-items:center}.stat strong{margin:0}.hero{align-items:flex-start}.count{font-size:2.6rem}.panel{padding:18px}.row{flex-wrap:wrap}.panelhead{align-items:flex-start}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:15px}}@media print{aside,header button,.toolbar,button,.sync,#notice{display:none!important}#app{display:block}main{padding:0}.panel,.hero{break-inside:avoid}body{background:white}.hero{color:black;background:white;border:1px solid}.hero p,.count small{color:black}}
/* Capri: warm plaster, olive groves and terracotta. */
:root{--ink:#3e4633;--muted:#72735f;--paper:#f6f0e4;--line:#ded3bf;--gold:#d4ad44;--green:#4c593b}body{background:linear-gradient(110deg,#f9f4e9,#f0e7d6);color:var(--ink)}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif}aside{background:#48543a;border-right:5px solid #c0a968}.brand{font-style:italic;font-size:1.85rem}.brand span{color:#e4d39c;font-style:normal;letter-spacing:.13em}nav button.active{background:#f1e6c9;color:#38432c;border-radius:3px}nav button{border-radius:3px}.hero{background:#eee2c7;color:#3e4633;border:1px solid #d8c49d;border-top:5px solid #a86646;border-radius:90px 90px 9px 9px;padding:35px 35px 28px}.hero h2{font-style:italic;font-size:2.5rem}.hero p{color:#6b634d}.count{color:#a35e3f;border-left:1px solid #ccb98f;padding-left:25px}.count small{color:#6b634d}.panel,.stat{background:#fffcf5;border-color:#e0d4be;border-radius:4px;box-shadow:0 3px 12px #6e533007}.stat strong{color:#895136}.stat:nth-child(2){border-top:3px solid #78835b}.stat:nth-child(3){border-top:3px solid #ba8358}.stat:first-child{border-top:3px solid #d4ad44}.eyebrow{color:#837449}button{border-radius:4px;background:#fffcf5}button.primary{background:#4c593b}button:hover{background:#eee5d1;border-color:#b99253}.progress{background:#ede3cf}.progress div{background:#8d995f}.badge{background:#f2dfb7;color:#754828}.loginbrand{background:#48543a;border-right:10px solid #d4b667;color:#fff8e7}.loginbrand h1{font-style:italic;line-height:1.1}.amp{color:#dfc77b;font-style:italic}.loginform h2{color:#8f583b}.checklabel{display:flex;gap:12px;align-items:flex-start;background:#eee8d5;padding:15px;border-radius:5px}.checklabel input{width:22px;height:22px;flex:0 0 22px;accent-color:#4c593b;margin-top:2px}.checklabel small{display:block;margin-top:4px}.modalhead h2{font-size:1.6rem}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #9b7834;outline-offset:3px}#sync{font-size:.85rem}@media(max-width:850px){aside{border-right:0;border-bottom:4px solid #c0a968}.hero{border-radius:45px 45px 5px 5px;padding:25px 20px}.hero h2{font-size:1.9rem}.count{padding-left:15px}.loginbrand{border-right:0;border-bottom:6px solid #d4b667}.brand{font-size:1.7rem}}@media print{.hero{background:white;color:#222}.count,.hero p{color:#222}}