:root{font-family:Segoe UI,Arial,sans-serif;color:#192e39;background:#f3f6f7;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dde5e8;padding:22px 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:32px;font-weight:800;text-decoration:none;color:#142e39;letter-spacing:-2px}.brand span{color:#00836c}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#647780}.badge{background:#e9f4ef;color:#176748;padding:8px 13px;border-radius:30px;font-size:12px}main{max-width:1350px;margin:auto;padding:35px 5%}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.4px;margin:8px 0}p{color:#61747e;line-height:1.6}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#00836c}button{background:#fff;color:#163a43;border:1px solid #cedbdd;border-radius:9px;padding:11px 16px;cursor:pointer;font-weight:600}button:hover{border-color:#00836c}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;margin-top:8px;border:1px solid #cedbdd;border-radius:8px;padding:11px;background:#fff;color:#192e39;font:inherit}label{font-size:12px;font-weight:600;color:#536c77}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats article{background:white;border:1px solid #e0e8e9;border-radius:13px;padding:22px}.stats span{display:block;color:#647780;font-size:13px}.stats strong{font-size:30px;display:block;margin-top:9px}nav{display:flex;gap:8px;margin:30px 0 22px;border-bottom:1px solid #dce5e7;padding-bottom:14px}nav .active,#addAll{background:#007d68;color:#fff;border-color:#007d68}nav b{margin-left:8px}.filters{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:15px;background:#fff;padding:22px;border-radius:12px;border:1px solid #e0e8e9}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.toolbar p{font-size:13px;margin:0}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product,.item{background:#fff;border:1px solid #e0e8e9;border-radius:12px;padding:20px}.product h3{font-size:15px;line-height:1.5;margin:10px 0}.meta{font-size:12px;color:#61747e}.balance{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.balance strong{font-size:26px}.product button{width:100%}.zero{color:#b94e32}.item{display:grid;grid-template-columns:auto 1fr 110px auto;gap:16px;align-items:center;margin-bottom:12px}.item input[type=checkbox]{width:20px;height:20px}.item.done h3{text-decoration:line-through;color:#7c8c91}.item h3{font-size:15px;margin:0}#more{margin-top:20px}footer{color:#7b8d94;font-size:12px;margin-top:40px}#notice{color:#007d68}[hidden]{display:none!important}@media(max-width:800px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.intro{align-items:start;flex-direction:column}.badge{max-width:150px;text-align:center}}@media(max-width:520px){main{padding:22px 16px}.stats{gap:8px}.stats article{padding:13px}.stats span{font-size:11px}.stats strong{font-size:24px}.products{grid-template-columns:1fr}.toolbar{align-items:start;flex-direction:column}.item{grid-template-columns:auto 1fr 75px}.item button{grid-column:2/-1}.brand{font-size:28px}header{padding:18px 16px}}

.login{max-width:560px;padding-top:65px}.login form{display:grid;gap:20px;margin-top:30px}.login button{background:#007d68;color:white}.login footer{line-height:1.7}#identity{display:inline-block}#logout{margin-top:5px}