:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20343c;background:#f5f6f5;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#172e38;--accent:#22786d;--line:#e5e9e7;--muted:#667b80}
body{background:radial-gradient(ellipse at 100% 0,#eaf1ed 0,transparent 42%),#f5f6f5;min-height:100vh}
header{max-width:1120px;margin:0 auto;padding:40px 28px 28px;background:transparent;color:var(--ink);border-bottom:1px solid #dfe6e2}
.brand{display:flex;align-items:center;gap:15px}.brand-mark{display:grid;place-content:center;position:relative;width:52px;height:52px;flex-shrink:0;background:var(--ink);border-radius:16px;color:white;font-weight:650;font-size:27px;letter-spacing:-3px;padding-right:3px}.brand-mark span{color:#96d1bb;position:absolute;right:10px;bottom:8px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--muted);margin:0 0 6px}header h1{font-size:30px;font-weight:650;letter-spacing:-1.1px;line-height:1.05}header p{font-size:14px;color:var(--muted);margin:20px 0 0}.brand-detail{margin-left:auto;color:var(--muted);font-size:13px}
.wrap{max-width:1120px;padding:22px 28px 70px}.nav{gap:5px;padding:5px;margin:0 0 28px;background:#e9eeeb;border:1px solid #e4eae6;border-radius:14px;scrollbar-width:none}.nav button{flex:1;border:0;background:transparent;border-radius:10px;padding:12px 15px;color:#62766e;font-size:14px;font-weight:550;transition:background .16s,color .16s}.nav button.active{background:#fff;color:#1d4038;box-shadow:0 2px 5px #153d2010}.nav button:hover{color:#1d4038;background:#ffffff80}
h2{font-size:21px;letter-spacing:-.55px;font-weight:600;line-height:1.3;margin:0 0 12px}h3{color:var(--muted)}.muted{font-size:13px;line-height:1.65;color:var(--muted)}.summary{gap:14px;margin:22px 0 24px}.stat{border:1px solid var(--line);box-shadow:none;border-radius:16px;padding:23px 24px;background:#ffffffc9}.stat b{font-size:31px;letter-spacing:-1.1px;font-weight:550;line-height:1.25;margin-bottom:7px;font-variant-numeric:tabular-nums;color:var(--ink)}.stat small{font-size:12px;font-weight:500;color:var(--muted)}.stat:first-child{background:var(--ink);border-color:var(--ink)}.stat:first-child b{color:white}.stat:first-child small{color:#bfcecc}
.panel{padding:25px 27px;border:1px solid var(--line);box-shadow:0 4px 20px #1e342a03;border-radius:18px;margin:18px 0 23px;background:#fff}.top h2{margin:0;font-size:18px}.top>.muted{font-size:12px;background:#f1f5f2;border-radius:8px;padding:5px 9px;font-variant-numeric:tabular-nums;color:#536d60}.barmini{height:4px;margin:18px 0 8px;background:#edf2ef}.barmini div{background:var(--accent)}.task{padding:15px 0;gap:14px;border-bottom-color:#edf0ee;transition:background .15s}.task .txt{font-size:14px;line-height:1.55;overflow-wrap:anywhere}.task input[type=checkbox]{width:21px;height:21px;accent-color:var(--accent);cursor:pointer}.checks{min-width:25px}.checkline{min-height:32px}.task.done .txt{color:#92a19a}.taskbuttons{gap:6px}.taskbuttons .pillbtn{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:37px;border:1px solid #e8ece9;border-radius:9px;color:#7d8e84;background:#fff;padding:8px}.taskbuttons [data-priority]{font-size:11px;font-weight:600;min-width:76px;color:#597066;letter-spacing:.01em}.taskbuttons [data-delete]{color:#9a817d}.taskbuttons [data-delete]:hover{background:#fff1ee;color:#a3483e;border-color:#efd4ce}.pillbtn:hover{background:#f4f7f4!important;color:var(--ink)}.priority{border-left:3px solid #c8994a;margin:6px -10px 0;padding-left:8px;padding-right:10px;border-radius:0 10px 10px 0;background:#fcf8f0}.taskbuttons .urgentbtn{background:#f9edd4;border-color:#e9d3a4;color:#8b652b}.urgentlabel{font-size:11px!important;font-weight:550;color:#a07939!important;margin-top:4px!important}.info,.alert{border:1px solid #e0e9e3;background:#edf3ef;color:#557264;border-radius:12px;font-size:13px;line-height:1.6}.pillbtn,.actions button{border:1px solid #dfe7e1;border-radius:10px;font-size:13px;padding:11px 15px}.pillbtn.primary,.actions button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#285346!important;color:white!important}.field{color:#52675d;line-height:1.5;font-size:12px;margin:18px 0}.field input,.field select{background:#fafcfb;border:1px solid #dfe7e1;padding:12px 13px;font:inherit;font-size:15px;width:100%;border-radius:10px;color:var(--ink);margin-top:7px}input:focus,select:focus{outline:2px solid #99c8b5;outline-offset:2px}button:focus-visible,summary:focus-visible{outline:2px solid #488571;outline-offset:3px}footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:#81928a;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}#logout{margin-left:auto;font-size:11px;padding:8px 11px;color:#65776d;background:transparent}#login .panel{box-shadow:0 15px 70px #183b2208;max-width:450px!important;padding:34px}#login h2{font-size:27px;letter-spacing:-.9px}#login p{color:var(--muted);font-size:14px;line-height:1.7}#login-form>button,#activation-form>button{width:100%;padding:13px;margin-top:4px}#activation-section{border-top:1px solid var(--line);margin-top:24px;padding-top:2px}#activation-section summary{font-size:12px;font-weight:550;color:#547366;line-height:1.6}#auth-status:empty{display:none}
@media(max-width:620px){header{padding:28px 20px 22px}.brand-mark{width:43px;height:43px;border-radius:13px;font-size:24px}.brand-mark span{right:7px;bottom:5px}.brand{gap:12px}.eyebrow{font-size:8px}header h1{font-size:27px}.brand-detail{display:none}header p{font-size:12px;margin-top:16px}.wrap{padding:18px 16px 48px}.nav{margin-bottom:24px;border-radius:12px;gap:2px}.nav button{padding:11px 9px;font-size:12px}.summary{gap:8px;margin-top:18px}.stat{padding:16px 13px}.stat b{font-size:25px}.stat small{font-size:10px}.panel{padding:20px 17px;border-radius:15px}.top h2{font-size:17px}h2{font-size:19px}.task{gap:9px;padding:13px 0}.task .txt{font-size:13px}.taskbuttons{gap:4px}.taskbuttons .pillbtn{min-width:32px;min-height:40px;padding:7px}.taskbuttons [data-priority]{min-width:66px;font-size:10px}.taskbuttons svg{width:15px;height:15px}.priority{margin-left:-8px;margin-right:-8px;padding-left:5px;padding-right:8px}#login .panel{padding:26px 22px!important;margin:12px auto!important}#login h2{font-size:25px}footer{line-height:1.6}#sync-status{font-size:10px}}
@media(max-width:360px){.task{flex-wrap:wrap}.task .txt{flex:1;min-width:210px}.taskbuttons{margin-left:34px}.nav button{padding-left:7px;padding-right:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.assignee{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px!important;font-size:11px;line-height:1.4;color:#82714e}.assignee select{width:auto;max-width:130px;padding:7px 27px 7px 9px;border-radius:8px;font-size:12px;color:#725b32;border-color:#e9dbbf;background:#fffdf7;min-height:34px}.priority-fields{border:1px solid #e3e9e4;border-radius:12px;padding:16px;margin:18px 0;background:#f8faf8}.priority-fields[hidden]{display:none}.priority-check{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:550;color:#586c5d}.priority-check input{accent-color:var(--accent);width:19px;height:19px}.priority-fields .field{margin-bottom:8px}.priority-fields .tiny{font-size:11px;line-height:1.6;margin-bottom:0}select:disabled{opacity:.5}#session-loading{max-width:450px;margin:30px auto;text-align:center;padding:30px;color:#657b70;font-size:14px}
@media(max-width:620px){.priority .taskbuttons{flex-wrap:wrap;max-width:80px;justify-content:flex-end}.priority .taskbuttons [data-priority]{width:100%}.assignee{gap:4px}.assignee span{width:100%}.assignee select{font-size:13px;min-height:40px}}
.profile-panel{max-width:480px!important}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 20px}.profile-card{display:flex;align-items:center;flex-direction:column;gap:12px;padding:24px 14px;background:#fafcfb;border:1px solid #e0e9e3;border-radius:15px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s,background .2s}.profile-card:hover,.profile-card[aria-pressed=true]{border-color:#7fae98;background:#eef5ef}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e2eee6;color:#476d55;font-size:23px;font-weight:550}.profile-avatar.carole{background:#ede7df;color:#7c6d58}.profile-card strong{font-size:16px;font-weight:600}.profile-card small{font-size:11px;color:#809084}.device-note{font-size:11px!important;text-align:center}#device-form{border-top:1px solid #e0e9e3;padding-top:10px;margin-top:18px}#device-form .primary{width:100%;margin-bottom:9px}.text-button{display:block;margin:18px auto 0;border:0;background:transparent;color:#819187;font:inherit;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}