:root{--bg:#f7f8fc;--ink:#222a40;--muted:#8990a4;--line:#edf0f6;--purple:#7462c8;--purple-soft:#f0ecff;--green:#4aa98e;--pink:#e8a1bb;--blue:#77a5eb;--shadow:0 16px 45px rgba(49,57,92,.055);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;text-align:right;background:var(--bg);font-family:Heebo,Arial,sans-serif;color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a8a0e9;outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:254px;background:#fff;position:sticky;top:0;height:100vh;flex-shrink:0;border-left:1px solid #edf0f5;display:flex;flex-direction:column;padding:31px 20px 19px;z-index:4}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 48px;direction:ltr;justify-content:flex-end}.brand-symbol{background:linear-gradient(145deg,#8671e4,#cbb5fd);color:#fff;width:43px;height:43px;display:grid;place-items:center;font-size:24px;border-radius:15px;box-shadow:0 8px 20px #aaa0ef55}.brand b{font-size:24px;letter-spacing:-1.3px;color:#282540;font-weight:900}.brand b span{color:#8975d8}.brand small{display:block;text-align:right;letter-spacing:0;color:#a0a1b0;font-size:10px}.nav-label{padding:0 18px 12px;color:#afb5c6;font-size:11px;font-weight:700}.nav{border:0;background:transparent;color:#747d94;width:100%;display:flex;align-items:center;gap:13px;padding:13px 17px;text-align:right;border-radius:13px;font-weight:600;margin-bottom:6px;min-height:48px}.nav span:first-child{font-size:21px;width:23px;text-align:center}.nav.active,.nav:hover{background:#f1edff;color:#6953bd}.count{margin-right:auto;border-radius:20px;background:#f6dfea;color:#b14679;min-width:23px;text-align:center}.sidebar-bottom{margin-top:auto}.side-quote{background:linear-gradient(135deg,#f6f1ff,#edf4ff);color:#8c7ea9;font-size:12px;line-height:1.9;padding:17px;border-radius:16px;margin-bottom:25px}.account{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:10px}.account b,.account small{display:block}.account small{font-size:11px;color:var(--muted)}.online-dot{width:8px;height:8px;background:#56c69a;border-radius:100%;margin-right:auto}.avatar{border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;color:#fff;font-weight:800;width:39px;height:39px;background:#9a86df}.avatar.sm{width:31px;height:31px;font-size:12px}.main{flex:1;min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 48px;background:#fafbfe}.breadcrumb{color:#a6adbc;font-size:13px;direction:ltr}.breadcrumb b{color:#535c75}.breadcrumb span{margin:0 9px}.top-actions{display:flex;align-items:center;gap:15px}.sync{font-size:12px;color:#9ba4b4}.icon-btn{width:36px;height:36px;border:1px solid #e8eaf3;border-radius:11px;background:#fff;color:#716d99;font-size:24px;line-height:1}.date-chip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 14px;color:#647086;font-size:12px}.content{max-width:1370px;padding:40px 48px 100px;margin:auto}.eyebrow{font-weight:700;color:#9380dc;letter-spacing:.3px;font-size:12px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.heading h1{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:7px 0;font-weight:900}.heading p{color:#9099aa;margin:0}.primary{border:0;border-radius:13px;background:#7966d2;color:white;padding:12px 19px;font-weight:700;min-height:44px;box-shadow:0 10px 22px #7966d22d}.primary:hover{background:#6853c6}.secondary{border:1px solid #e5e7f0;border-radius:13px;background:#fff;color:#615b8f;padding:11px 16px;min-height:44px;font-weight:700}.hero{background:linear-gradient(115deg,#8674db 5%,#9a8deb 58%,#b7a5f1 100%);border-radius:25px;padding:32px 36px;color:#fff;position:relative;overflow:hidden;min-height:226px;box-shadow:0 20px 40px #9384da33;margin-bottom:23px}.hero:before,.hero:after{content:"";position:absolute;border:1px solid #ffffff33;border-radius:50%;pointer-events:none}.hero:before{width:370px;height:370px;left:-50px;top:-100px}.hero:after{width:260px;height:260px;left:40px;top:40px}.hero .glow{position:absolute;left:140px;top:30px;font-size:120px;opacity:.26;transform:rotate(-12deg)}.hero h2{font-size:32px;line-height:1.35;margin:14px 0 9px;font-weight:900;position:relative}.hero p{max-width:510px;line-height:1.8;color:#f4eeff;margin:0 0 20px;position:relative}.hero .hero-pill{display:inline-block;background:#ffffff2b;border:1px solid #ffffff44;padding:7px 12px;border-radius:22px;font-size:11px;position:relative}.hero .hero-cta{background:#fff;color:#6d58bd;border:0;border-radius:11px;padding:10px 17px;font-weight:800;position:relative}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat{background:#fff;padding:22px 22px;border-radius:20px;box-shadow:var(--shadow);border:1px solid #eff0f8}.stat-head{display:flex;justify-content:space-between;align-items:center;color:#929aac;font-size:12px}.stat-icon{border-radius:11px;width:38px;height:38px;display:grid;place-items:center;font-size:21px}.stat strong{font-size:30px;display:block;margin-top:14px;letter-spacing:-1px;font-weight:900}.stat small{display:block;margin-top:4px;color:#a3aaba}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:29px 0 15px}.section-head h2{font-size:19px;margin:0;font-weight:800}.section-head button{background:none;border:none;color:#8170ca;font-weight:700}.columns{display:grid;grid-template-columns:1.3fr .9fr;gap:20px}.panel{background:#fff;border-radius:20px;box-shadow:var(--shadow);border:1px solid #f0f1f7;padding:21px;min-width:0}.task-row,.event-row,.leader-row,.approval-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #f2f3f8;padding:14px 3px}.task-row:last-child,.event-row:last-child,.leader-row:last-child,.approval-row:last-child{border:0}.task-check{width:24px;height:24px;flex-shrink:0;border:2px solid #d6d7e7;border-radius:8px;background:#fff;color:#fff;display:grid;place-items:center;font-size:15px}.task-check.done{background:#6fc9a8;border-color:#6fc9a8}.task-check.pending{background:#f1bd72;border-color:#f1bd72}.task-main{flex:1;min-width:0}.task-main b,.event-row b{display:block;font-size:13px;font-weight:700}.task-main small,.event-row small{display:block;color:#a2a8b7;margin-top:2px;font-size:11px}.pill{border-radius:30px;font-size:10px;font-weight:700;padding:5px 9px;background:#f2f4fa;color:#7e859b;white-space:nowrap}.points{color:#bf91a0;background:#fff1f4}.empty{text-align:center;padding:32px 16px;color:#a5aabb;line-height:1.9}.empty-icon{font-size:36px;display:block;margin-bottom:5px}.family-avatars{display:flex;align-items:center;padding:4px 0}.family-avatars .avatar{margin-left:-8px;border:3px solid white;width:40px;height:40px}.family-member{display:flex;align-items:center;gap:11px;padding:11px 2px}.family-member b{font-size:13px}.family-member small{display:block;color:#9da5b4;font-size:11px}.week-tabs,.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.week-tabs button,.filter-tabs button{border:1px solid #eeeef5;background:#fff;border-radius:12px;padding:9px 13px;color:#8c93a6;font-weight:700;min-height:42px}.week-tabs button.selected,.filter-tabs button.selected{background:#ebe7ff;border-color:#d6cef9;color:#6d58bf}.day-label{display:block;font-size:10px;font-weight:400}.grid-list{display:grid;gap:14px}.task-card{background:#fff;border-radius:17px;padding:17px 20px;border:1px solid #eff0f7;display:flex;gap:13px;align-items:center;min-width:0}.task-card .task-main b{font-size:15px}.task-card .task-check{width:27px;height:27px}.task-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.cal-day{border:1px solid #eff0f7;background:#fff;border-radius:14px;min-height:118px;padding:12px;overflow:hidden}.cal-day.today{border-color:#b3a4ec;background:#faf8ff}.cal-day>strong{color:#5c6379}.cal-day small{display:block;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event{margin-top:7px;background:#eee9ff;border-radius:7px;font-size:10px;padding:5px;color:#6550b7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row .score{margin-right:auto;color:#7c6acd;font-weight:900;font-size:17px;white-space:nowrap}.progress-track{height:7px;background:#f1eff8;border-radius:20px;overflow:hidden;margin-top:7px}.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#aca0f2,#7d69d2)}.notice{background:#fff3ed;border:1px solid #ffd4bd;border-radius:14px;padding:14px;margin-bottom:18px;color:#995634}.loading{text-align:center;padding:90px 10px;color:#8379b5;font-size:17px}.dots{letter-spacing:3px}.modal-backdrop{position:fixed;inset:0;background:#23243e88;z-index:20;display:flex;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(5px)}[hidden]{display:none!important}.modal{background:white;border-radius:23px;padding:31px;width:min(520px,100%);max-height:92vh;overflow:auto;position:relative;box-shadow:0 30px 80px #18172a44}.modal-close{position:absolute;top:15px;left:16px;background:#f5f5fa;border:0;width:35px;height:35px;border-radius:11px;font-size:25px;color:#868299}.modal h2{margin:0 0 6px;font-size:23px}.modal p{margin:0 0 20px;color:#979faf}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;min-width:0}.field.full{grid-column:1/-1}.field label{font-weight:700;color:#6e748a;font-size:12px}.field input,.field select,.field textarea{width:100%;border:1px solid #e5e8f0;border-radius:11px;padding:12px;min-height:44px;background:#fbfcff;color:#283149;direction:rtl;text-align:right}.field input[type="date"],.field input[type="time"]{direction:ltr;text-align:left}.field textarea{resize:vertical;min-height:70px}.form-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:12px}.toast{position:fixed;bottom:25px;left:25px;z-index:30;background:#26213d;color:#fff;border-radius:12px;padding:12px 20px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.mobile-nav{display:none}.muted{color:#969bad}.inline-link{border:0;background:transparent;color:#7966d2;font-weight:700;padding:8px}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:20px;background:#f3f4fa;padding:6px 10px;color:#8890a1;font-size:11px}.tag.orange{background:#fff3e4;color:#b98b50}.tag.green{background:#e8f8f1;color:#459579}.bonus{background:linear-gradient(125deg,#fff4f6,#f3efff);padding:26px;border-radius:20px;margin:22px 0}.bonus h3{margin:0 0 6px}.bonus p{margin:0;color:#9291a3}.custom-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.custom-filter input{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;color:#575d74;min-height:44px} .subtle-info{font-size:11px;color:#a2a8b5;margin-top:12px}
@media(max-width:1140px){.sidebar{width:220px}.content{padding:30px 25px 100px}.topbar{padding:0 25px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none}.topbar{height:62px;padding:0 18px}.breadcrumb{font-size:11px}.sync{display:none}.date-chip{display:none}.content{padding:26px 16px 105px}.heading{margin-bottom:19px}.heading h1{font-size:27px}.hero{padding:26px 23px;min-height:204px;border-radius:21px}.hero h2{font-size:27px}.hero .glow{left:0;top:54px;font-size:90px}.stats{gap:10px}.stat{padding:17px;border-radius:16px}.stat strong{font-size:27px}.columns{grid-template-columns:1fr}.panel{padding:15px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fff;border-top:1px solid #ecedf4;justify-content:space-around;padding:8px 7px max(8px,env(safe-area-inset-bottom));box-shadow:0 -10px 25px #35385b0a}.mobile-nav button{border:0;background:transparent;color:#a1a3b3;display:flex;flex-direction:column;align-items:center;gap:0;font-size:23px;min-width:55px;min-height:47px}.mobile-nav small{font-size:10px}.mobile-nav button.active{color:#7863ca}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-day{min-height:95px}.form-grid{grid-template-columns:1fr}.task-card{padding:13px}.modal{padding:25px 18px}.section-head h2{font-size:17px}.toast{left:16px;right:16px;bottom:82px}}
@media(max-width:370px){.stat-head{font-size:11px}.stat-icon{width:30px;height:30px}.stat strong{font-size:24px}.task-card{gap:8px}.pill{padding:3px 7px}}

/* Secure family sign-in, separate from app visual design */
.auth-screen {min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 80% 10%,#e9dcff 0,transparent 45%),radial-gradient(ellipse at 10% 80%,#d9f3ed 0,transparent 48%),#f8f8fc;direction:rtl;text-align:right}
.auth-card{width:min(100%,450px);background:#fff;border:1px solid #eae6f4;border-radius:28px;padding:32px;box-shadow:0 26px 90px #7564a51c;color:#333047;display:grid;gap:12px}
.auth-brand{font-size:42px;color:#9c82de}.auth-eyebrow{color:#806cba;font-weight:800;font-size:13px}
.auth-card h1{font-size:clamp(23px,4vw,31px);line-height:1.3;margin:0}.auth-card p{color:#747184;margin:0 0 12px}
.auth-card form{display:grid;gap:12px}.auth-card label{font-weight:700}.auth-card input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #dad5e7;border-radius:13px;font:inherit;direction:ltr;text-align:left;color:#262139;background:#fff}
.auth-card button{min-height:46px}.auth-card small{color:#888398}.auth-message{min-height:20px;color:#5f4d9e;font-size:13px}
.logout-btn{border:1px solid #e2ddeb;border-radius:11px;padding:8px 11px;background:#fff;color:#695990;cursor:pointer;font:inherit;font-size:12px;min-height:40px}
[hidden]{display:none!important}

/* Version 3: per-member actions, edit/archive and explicit 24-hour dropdowns */
.task-card-multi{align-items:stretch;gap:18px}.task-card-multi .task-main{flex:1;min-width:0}.task-card-multi .task-actions{display:flex;align-items:flex-end;flex-direction:column;gap:7px;min-width:120px}.task-members{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.task-member{display:flex;align-items:center;gap:6px;background:#f7f6fc;border:1px solid #eeebf5;padding:6px 9px;border-radius:13px;min-height:44px}.member-done{border:1px solid #b9dacb;color:#28765d;background:#eaf8f1;border-radius:9px;min-height:36px;padding:5px 11px;font-weight:700}.member-done:disabled{background:#eaeaf0;color:#7a8190;border-color:#e5e6eb}.task-actions .mini{min-height:36px;padding:6px 12px;font-size:12px}.task-actions .danger{color:#b64b62;border-color:#f2cad3;background:#fff5f7}.member-field{border:1px solid #ebe7f4;border-radius:12px;padding:12px;margin:0 0 12px;min-width:0}.member-field legend{font-weight:700;color:#6e748a;padding:0 8px}.member-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.member-check{display:flex;align-items:center;gap:8px;background:#f7f6fc;padding:9px;border-radius:11px;min-height:44px}.member-check input{width:18px;min-height:18px;accent-color:#7462c8;flex:0 0 auto}.field select.clock24{direction:ltr;text-align:center;font-variant-numeric:tabular-nums}.clock24{direction:ltr;unicode-bidi:isolate}
@media(max-width:760px){.task-card-multi{flex-direction:column}.task-card-multi .task-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap;width:100%}.task-member{max-width:100%}}

.points-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.point-stat{padding:19px;background:#fff;border:1px solid #ede8f6;border-radius:17px;box-shadow:var(--shadow)}
.point-stat small{display:block;color:#8c91a4}.point-stat strong{font-size:29px;font-weight:900;color:#6d59c3}
.point-admin{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.point-admin h2,.point-admin p{margin:0}.point-admin select{min-height:44px;border:1px solid #e5e7f0;border-radius:10px;padding:8px 16px;background:#fff;color:#222a40}
.notify-options{border-top:1px solid #eee;width:100%;padding-top:15px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.notify-options label{display:flex;gap:9px;align-items:center}.notify-options input{width:20px;height:20px}
.notification{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 10px;border-bottom:1px solid #ececf5}.notification p{margin:4px 0;color:#636b83}.notification small{color:#999daf}.notification.unread{background:#f8f5ff;border-radius:12px}
@media(max-width:760px){.points-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.notification{flex-wrap:wrap}}
</style>

.google-login{display:flex;justify-content:center;margin:24px auto;min-height:44px}.auth-message{min-height:24px}