@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap";*{box-sizing:border-box}body{color:#25233b;background:#f8f7fc;margin:0;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}main{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #eeedf4;flex-direction:column;width:254px;padding:30px 17px 18px;display:flex}.mobile-topbar,.mobile-sidebar-close,.mobile-nav-backdrop{display:none}.brand{letter-spacing:-1px;margin:0 14px 31px;font-size:21px;font-weight:800}button.brand{color:inherit;text-align:left;background:0 0;align-self:flex-start;padding:0}button.brand:focus-visible{outline:3px solid var(--interface-accent-ring,#ded8ff);outline-offset:5px;border-radius:7px}.brand span{color:#7968f3;vertical-align:-2px;margin-right:5px;font-size:27px;transition:transform .16s;display:inline-block}button.brand:hover span{transform:rotate(12deg)scale(1.06)}.create{color:#fff;background:#7564ed;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:48px;margin-bottom:26px;font-weight:700;display:flex;box-shadow:0 8px 18px #7564ed3b}nav{gap:5px;display:grid}nav button{text-align:left;color:#79768d;background:0 0;border-radius:11px;align-items:center;gap:12px;padding:12px 13px;font-weight:600;display:flex}nav button.active{color:#6756df;background:#f0edff}.side-bottom{margin-top:auto;padding:20px 13px}.side-bottom p,.eyebrow{letter-spacing:1.3px;color:#aaa5bc;margin:0 0 14px;font-size:10px;font-weight:800}.category{color:#77748a;align-items:center;gap:10px;margin:13px 0;font-size:13px;display:flex}.category i{border-radius:50%;width:9px;height:9px}.violet{background:#8565ef}.mint{background:#55cbb0}.orange{background:#ffac4c}.blue{background:#57a9ec}.pink{background:#ef6d9f}.profile{border-top:1px solid #eeedf4;align-items:center;gap:10px;padding:19px 10px 0;display:flex}.avatar,.face{color:#fff;background:#785ce9;place-items:center;font-weight:800;display:grid}.avatar{border-radius:11px;width:34px;height:34px}.profile strong,.profile small{font-size:12px;display:block}.profile small{color:#aaa7b6;margin-top:2px;font-size:10px}.profile svg{color:#9995aa;margin-left:auto}.content{width:calc(100% - 254px);max-width:1480px;margin:auto;padding:36px 50px}header{justify-content:space-between;align-items:start;display:flex}h1{letter-spacing:-.7px;margin:0;font:700 30px Playfair Display,serif}h1 span{color:#f7b24b}h2{letter-spacing:-.4px;margin:0;font-size:17px}.header-actions{gap:10px;display:flex}.icon,.view{color:#777389;background:#fff;border:1px solid #eceaf2;border-radius:11px;place-items:center;height:40px;display:grid}.icon{width:40px;position:relative}.icon b{background:#ef6b91;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.view{gap:8px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.summary{color:#fff;background:linear-gradient(110deg,#7460e9,#9180f5);border-radius:19px;justify-content:space-between;align-items:center;height:123px;margin:29px 0 27px;padding:22px 29px;display:flex;position:relative;overflow:hidden}.summary:after{content:"";border:30px solid #fff2;border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:-75px}.progress{z-index:1;align-items:center;gap:17px;display:flex}.ring{background:conic-gradient(#fff 0 66%, #fff4 66%);border-radius:50%;width:75px;height:75px;padding:5px}.ring:before{content:"";background:#7864e9;border-radius:50%;width:100%;height:100%;display:block;position:absolute}.ring span{place-items:center;height:100%;font-size:23px;font-weight:800;display:grid;position:relative}.progress p,.progress h2{margin:0}.progress p{opacity:.75;font-size:12px}.progress h2{margin:4px 0;font-size:20px}.progress small{opacity:.8;font-size:11px}.weekbar{background:#fff;border:1px solid #efedf4;border-radius:16px;justify-content:space-between;align-items:center;height:80px;padding:9px 14px;display:flex}.weekbar .icon{background:#fbfaff;border:0;width:32px;height:32px}.weekbar>button:not(.icon){color:#807c91;background:0 0;border-radius:10px;place-items:center;min-width:55px;height:58px;display:grid;position:relative}.weekbar small{font-size:10px}.weekbar .today{color:#6755d8;background:#f0edff}.weekbar .today i{background:#715fe9;border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px}.board{grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:30px;margin-top:30px;display:grid}.section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title>span{color:#aaa6b8;font-size:11px}.plan{background:#fff;border:1px solid #f0eef4;border-radius:14px;align-items:center;gap:14px;height:75px;margin-bottom:10px;padding:0 16px;transition:all .2s;display:flex}.plan:hover{transform:translateY(-1px);box-shadow:0 6px 18px #504a7210}.check{color:#fff;background:#fff;border:2px solid #dcd9e5;border-radius:7px;place-items:center;width:20px;height:20px;padding:0;display:grid}.done .check{background:#62cdb2;border-color:#62cdb2}.done h3{color:#a9a5b5;text-decoration:line-through}.plan time{color:#8e8a9d;width:35px;font-size:12px}.mark{border-radius:5px;width:4px;height:37px}.plan-text h3{margin:0 0 5px;font-size:13px}.plan-text p{color:#aaa6b6;margin:0;font-size:10px}.plan-text p span{color:#817b91}.dots{color:#aaa5b8;background:0 0;margin-left:auto}.right-panel{background:#fff;border:1px solid #efedf4;border-radius:16px;padding:20px}.right-panel .section-title h2{font-size:14px}.right-panel .section-title div{color:#9a96aa;gap:7px;display:flex}.weekdays,.dates{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekdays{color:#aaa6b7;margin-bottom:8px;font-size:9px}.dates span{color:#666276;place-items:center;height:26px;font-size:10px;display:grid}.dates .selected{color:#fff;background:#7563ed;border-radius:8px;font-weight:800}.team{border-top:1px solid #f0eef5;margin-top:20px;padding-top:20px}.team button{color:#7562e8;background:0 0;font-size:11px;font-weight:700}.faces{padding:5px 0;display:flex}.face{border:2px solid #fff;border-radius:50%;width:31px;height:31px;margin-left:-7px;font-size:10px}.face:first-child{margin:0}.f1{background:#6b83c9}.f2{background:#f29476}.f3{background:#59b99a}.face.more{color:#7163d9;background:#eeeafa}.overlay{z-index:5;background:#29244555;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:22px;width:min(420px,100%);padding:29px;position:relative;box-shadow:0 18px 60px #231f4533}.dialog h2{margin-bottom:20px;font:700 25px Playfair Display,serif}.close{color:#aaa;background:0 0;font-size:27px;position:absolute;top:14px;right:18px}.dialog input{border:1px solid #e6e3ee;border-radius:12px;outline-color:#7663ed;width:100%;padding:14px;font-size:14px}.dialog-options{gap:10px;margin:13px 0 22px;display:flex}.dialog-options span{color:#746f84;background:#f7f5fb;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;display:flex}.dialog-options .pill{color:#c7557f;background:#fff0f5}.save{color:#fff;background:#7563ed;border-radius:11px;width:100%;padding:13px;font-weight:700}@media (width<=850px){aside{width:70px;padding:24px 10px}.brand{margin:0 auto 28px;font-size:0}.brand span{margin:0}.create{font-size:0}.create svg{margin:0}nav button{justify-content:center;font-size:0}.side-bottom,.profile>div:not(.avatar),.profile svg{display:none}.profile{justify-content:center;padding:15px 0}.content{width:calc(100% - 70px);padding:25px 22px}.board{grid-template-columns:1fr}.right-panel{display:none}}@media (width<=580px){aside{z-index:21;visibility:hidden;width:min(82vw,300px);padding:24px 18px 20px;transition:transform .18s,visibility .18s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 50px #2924452e}aside.mobile-open{visibility:visible;transform:translate(0)}aside .brand{margin:0 44px 28px 10px;font-size:21px}aside .brand span{margin-right:5px}aside .create{font-size:13px}aside nav button{justify-content:flex-start;font-size:13px}aside .profile{justify-content:flex-start;margin-top:auto;padding:18px 10px 0}aside .profile>div:not(.avatar),aside .profile svg{display:block}.mobile-nav-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#29244566;display:block;position:fixed;inset:0}.mobile-sidebar-close{color:#6655dc;background:#f4f1ff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:14px}.mobile-topbar{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f7fcee;align-items:center;gap:10px;height:52px;margin:-4px 0 16px;padding:6px 0;display:flex;position:sticky;top:0}.mobile-menu-trigger,.mobile-profile-shortcut{color:#6756df;background:#fff;border:1px solid #e8e5f0;border-radius:12px;justify-content:center;align-items:center;height:40px;display:flex}.mobile-menu-trigger{flex:0 0 40px;width:40px}.mobile-topbar-brand{color:#302d49;letter-spacing:-.4px;font-size:16px}.mobile-profile-shortcut{gap:6px;min-width:40px;max-width:138px;margin-left:auto;padding:0 10px;font-size:11px;font-weight:800}.mobile-profile-shortcut span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content{width:100%;padding:14px 14px 22px}h1{font-size:24px}.summary{height:auto;padding:17px}.weekbar{padding:7px}.weekbar>button:not(.icon){min-width:35px}.weekbar>button:nth-of-type(6),.weekbar>button:nth-of-type(7),.weekbar>button:nth-of-type(8){display:none}.plan{gap:9px;padding:0 10px}.header-actions .view{width:40px;padding:0;font-size:0}.header-actions .view svg{margin:auto}.plan-text h3{font-size:12px}}@media (width<=360px){.mobile-profile-shortcut span{display:none}.mobile-profile-shortcut{width:40px;padding:0}}.ring{position:relative}.ring:before{inset:5px}.ring em{display:none}.ring small{align-self:auto;margin:0;font-size:10px}.ring{place-items:center;padding:0;display:grid;overflow:hidden;background:0 0!important}.ring:before{display:none}.ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:4px}.ring-track{stroke:#ffffff35}.ring-value{stroke:#ffd15c;stroke-linecap:round;transition:stroke-dasharray .25s}.ring span{justify-content:center;align-items:center;gap:1px;height:auto;line-height:1;display:flex;position:absolute;inset:0}.ring small{line-height:1;display:inline;position:static}.add-plan-inline{color:#fff;background:#7563ed;border-radius:50%;place-items:center;width:42px;height:42px;margin:14px auto 0;transition:transform .15s,background .15s;display:grid;box-shadow:0 6px 14px #7563ed42}.add-plan-inline:hover{background:#6552dc;transform:translateY(-2px)}.form-error{color:#c95078;background:#fff0f4;border-radius:10px;margin:8px 0 0;padding:9px 11px;font-size:11px;font-weight:700}.dialog .input-error{border-color:#dc6a8e;box-shadow:0 0 0 3px #fbdde6}.dialog-options{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.dialog-options label{color:#777287;gap:6px;font-size:11px;font-weight:700;display:grid}.dialog-options input{color:#39354f;background:#faf9fd;border:1px solid #e6e3ee;border-radius:14px;outline-color:#7563ed;width:100%;padding:11px 12px}.date-time-stepper{color:#39354f;background:#faf9fd;border:1px solid #e6e3ee;border-radius:14px;align-items:center;width:100%;min-height:45px;padding:3px 9px;display:inline-flex}.date-time-stepper .date-time-segment{color:#39354f;background:0 0;border-radius:0;grid-template-rows:10px 18px 10px;align-items:center;gap:0;width:2.3em;padding:0;font-size:14px;display:grid;position:relative}.date-time-stepper.date-stepper .date-time-segment:last-child{width:3.5em}.date-time-stepper .date-time-segment input{width:100%;color:inherit;font:inherit;text-align:center;background:0 0;border:0;border-radius:0;outline:0;padding:0;font-weight:700}.date-time-segment:focus-within input{color:#6756df}.date-time-stepper .date-time-separator{color:#39354f;background:0 0;border-radius:0;padding:0 1px;font-weight:700;display:inline}.segment-arrow{color:#8d899b;opacity:0;pointer-events:none;background:0 0;border-radius:4px;place-items:center;width:100%;height:10px;padding:0;transition:opacity .12s,color .12s,background .12s;display:grid}.date-time-segment:hover .segment-arrow{opacity:1;pointer-events:auto}.date-time-segment:has(.segment-arrow:focus-visible) .segment-arrow{opacity:1;pointer-events:auto}.segment-arrow:hover,.segment-arrow:focus-visible{color:#6756df;background:#eeeaff;outline:0}.form-field{color:#777287;gap:6px;font-size:11px;font-weight:700;display:grid}.form-field select{color:#39354f;background:#faf9fd;border:1px solid #e6e3ee;border-radius:14px;outline-color:#7563ed;width:100%;padding:11px 12px}.weekbar>button.has-plans:after{content:"";background:#7563ed;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px}.dates button{color:#666276;background:0 0;height:26px;font-size:10px;position:relative}.dates button.has-plans:after{content:"";background:#7563ed;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.dates button.selected.has-plans:after{background:#fff}.right-panel .section-title .calendar-nav{color:#9a96aa;background:0 0;place-items:center;padding:0;display:grid}.current-datetime{letter-spacing:.35px;font-variant-numeric:tabular-nums;text-transform:none}.view.active{color:#fff;background:#7563ed;border-color:#7563ed}.month-calendar .section-title{margin-bottom:14px}.month-calendar .month-nav{gap:7px;display:flex}.month-calendar .calendar-nav{color:#7563ed;background:#f6f3ff;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;display:grid}.calendar-month-view{background:#fff;border:1px solid #efedf4;border-radius:16px;padding:18px 20px 20px;animation:.16s ease-out assignee-in}.calendar-month-view .section-title h2{font-size:16px}.calendar-month-view .weekdays{margin-bottom:10px;font-size:10px;font-weight:800}.calendar-month-view .dates{gap:6px}.calendar-month-view .dates span,.calendar-month-view .dates button{height:42px}.calendar-month-view .dates button{border-radius:10px;font-size:12px;transition:background .16s,color .16s}.calendar-month-view .dates button:hover{color:#6756df;background:#f3f0ff}.calendar-month-view .dates button.selected:hover{color:#fff;background:#7563ed}.right-panel>.team:first-child{border-top:0;margin-top:0;padding-top:0}.team-action{border-radius:8px;padding:5px 7px;transition:background .16s,color .16s}.team-action:hover,.team-action:focus-visible{color:#5e4bd5;background:#eeeaff;outline:0}.faces .face{color:#fff;flex:0 0 31px;padding:0;transition:transform .16s,box-shadow .16s}.faces .face.more{color:#7163d9}.faces .face:hover,.faces .face:focus-visible{z-index:1;outline:0;transform:translateY(-2px);box-shadow:0 0 0 3px #ded8ff}.team-status{color:#918c9f;text-align:left;background:0 0;padding:4px 0;font-size:11px}.team-empty:hover,.team-empty:focus-visible{color:#6756df;outline:0}.plans-page header{margin-bottom:28px}.new-plan{color:#fff;background:#7564ed;border-radius:14px;align-items:center;gap:9px;height:48px;padding:0 17px;font-weight:700;display:flex}.plans-filters{gap:9px;margin-bottom:26px;display:flex}.plans-filters button{color:#777287;background:#f0eef6;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:700}.plans-filters button.active{color:#fff;background:#7563ed}.plans-list{max-width:860px}.plans-list .plan time{width:74px;line-height:1.6}.empty-plans{color:#8d899b;text-align:center;border:1px dashed #dcd8e8;border-radius:14px;padding:34px;font-size:13px}.weekbar .today{color:#6755d8;background:#fff;border:1.5px solid #7563ed}.content{max-width:1560px;margin:0 auto;padding:14px 58px}h1{font-size:35px}.summary{height:142px;margin:22px 0 24px;padding:26px 33px}.ring{width:84px;height:84px}.progress h2{font-size:22px}.weekbar{height:88px}.weekbar>button:not(.icon){min-width:61px;height:66px}.weekbar strong{font-size:17px}.board{gap:34px;margin-top:26px}.plan{align-items:flex-start;height:auto;min-height:82px;padding:17px 19px}.plan-text{flex:1;min-width:0}.plan-text h3{font-size:14px}.plan-text p span{white-space:nowrap}.plan-description-preview{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;color:#817b91!important;margin-top:3px!important}.shopping-checklist{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.shopping-checklist button{color:#5f5a70;background:#faf9fd;border:1px solid #e8e4f0;border-radius:9px;align-items:center;gap:6px;max-width:100%;min-height:26px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.shopping-checklist button.bought{color:#9b96a8;text-decoration:line-through}.shopping-checklist button span{color:#fff;background:#fff;border:1px solid #dcd9e5;border-radius:5px;place-items:center;width:15px;height:15px;display:grid}.shopping-checklist button.bought span{background:#62cdb2;border-color:#62cdb2}.right-panel{padding:23px}@media (width<=850px){.content{padding:20px 28px}}@media (width<=580px){.content{padding:18px 14px}header{gap:10px}header>div:first-child{min-width:0}.header-actions{flex:none;gap:6px}.current-datetime{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.header-actions .view{gap:5px;width:auto;min-width:76px;padding:0 9px;font-size:10px}.summary{height:auto;padding:17px}.weekbar{height:80px}.weekbar>button:not(.icon){min-width:35px;height:58px}.calendar-month-view{padding:14px 10px 16px}.calendar-month-view .dates{gap:3px}.calendar-month-view .dates span,.calendar-month-view .dates button{height:36px}.calendar-month-view .dates button{border-radius:9px;font-size:11px}}.notifications-menu{position:relative}.notifications-popover{z-index:10;background:#fff;border:1px solid #e9e6f0;border-radius:14px;width:min(360px,100vw - 34px);max-height:420px;padding:8px;animation:.16s ease-out assignee-in;position:absolute;top:calc(100% + 9px);right:0;overflow:auto;box-shadow:0 16px 35px #302a4b24}.notifications-title{justify-content:space-between;align-items:center;padding:8px 7px 10px;font-size:13px;display:flex}.notifications-title button{color:#6756df;background:#eeeaff;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800}.notifications-popover article{border-top:1px solid #f0eef5;padding:10px 8px}.notifications-popover article>div{align-items:center;gap:8px;display:flex}.notification-remove{color:#9a94a8;background:0 0;border-radius:7px;width:22px;height:22px;margin-left:auto;font-size:18px;line-height:1}.notification-remove:hover{color:#c95078;background:#fff0f4}.notifications-popover article strong{overflow-wrap:anywhere;min-width:0;font-size:12px}.notifications-popover article p,.notifications-empty,.notifications-message{color:#817b91;margin:4px 0 0;font-size:11px;line-height:1.45}.notifications-popover article p{overflow-wrap:anywhere}.notifications-message{color:#6756df;padding:0 7px 8px}.notifications-empty{padding:16px 8px}@media (width<=580px){.notifications-popover{top:calc(env(safe-area-inset-top,0px) + 70px);right:max(12px, env(safe-area-inset-right,0px));left:max(12px, env(safe-area-inset-left,0px));width:auto;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 86px);overscroll-behavior:contain;border-radius:18px;position:fixed}.notifications-title{gap:8px}.notifications-title button{white-space:nowrap;flex:none}}.overdue-alert{background:#fff9eb;border:1px solid #ffe0ad;border-radius:14px;align-items:center;gap:18px;margin:20px 0;padding:15px 17px;display:flex}.overdue-alert strong{color:#7d5316;font-size:13px}.overdue-alert p{color:#9b7540;margin:4px 0 0;font-size:11px}.overdue-alert button{color:#fff;background:#f5a23c;border-radius:9px;margin-left:auto;padding:9px 12px;font-size:11px;font-weight:800}.summary:after{right:-78px}@media (width<=700px){.summary:after{right:-75px}}.auth-page{background:radial-gradient(circle at 15% 10%,#e7e1ff 0,#0000 28%),#f8f7fc;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #ebe7f5;border-radius:24px;width:min(440px,100%);padding:42px;box-shadow:0 22px 70px #30275f16}.auth-brand{letter-spacing:-1px;margin-bottom:42px;font-size:21px;font-weight:800}.auth-brand span{color:#7968f3;vertical-align:-2px;margin-right:5px;font-size:27px}.auth-card h1{font-size:34px}.auth-subtitle{color:#7f7a91;margin:10px 0 28px;font-size:13px;line-height:1.6}.auth-card form{gap:16px;display:grid}.auth-card label{color:#696477;gap:7px;font-size:12px;font-weight:700;display:grid}.auth-card input{border:1px solid #e6e3ee;border-radius:12px;outline-color:#7663ed;width:100%;padding:13px;font-size:14px}.auth-submit{color:#fff;background:#7563ed;border-radius:12px;margin-top:5px;padding:14px;font-weight:800}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-message{color:#6252c8;background:#f4f1ff;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.45}.auth-switch{text-align:center;color:#837e91;margin:23px 0 0;font-size:12px}.auth-switch button{color:#6b58e3;background:0 0;padding:0;font-weight:800}.logout{color:#9995aa;background:0 0;border-radius:8px;place-items:center;margin-left:auto;padding:6px;display:grid}.logout:hover{color:#6756df;background:#f1eff8}.plan{position:relative}.plan:has(.plan-menu){z-index:5}.plan-menu{z-index:1;background:#fff;border:1px solid #e9e6f0;border-radius:12px;width:190px;padding:6px;display:grid;position:absolute;top:62px;right:12px;box-shadow:0 12px 30px #2d284522}.plan-menu button{color:#625d72;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:12px;display:flex}.plan-menu button:hover{color:#6756df;background:#f3f0fb}.plan-menu .danger:hover{color:#c95078;background:#fff0f4}.confirm-dialog{width:min(370px,100%)}.confirm-text{color:#777287;margin:10px 0 24px;font-size:14px}.confirm-actions{gap:10px;display:flex}.confirm-actions button{border-radius:11px;flex:1;padding:12px;font-weight:800}.confirm-cancel{color:#706b80;background:#f1eff7}.confirm-delete{color:#fff;background:#dc5f80}.confirm-delete:hover{background:#c95072}.color-picker{border:0;gap:9px;margin:18px 0;padding:0;display:flex}.color-picker legend{color:#777287;width:100%;margin-bottom:9px;font-size:11px;font-weight:700}.color-choice{color:#fff;border:3px solid #0000;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.color-choice.selected{border-color:#403b54;box-shadow:0 0 0 2px #e3e0ec}.color-choice.violet{background:#8565ef}.color-choice.mint{background:#55cbb0}.color-choice.orange{background:#ffac4c}.color-choice.blue{background:#57a9ec}.color-choice.pink{background:#ef6d9f}.visibility-filters{align-items:center;gap:8px;margin:-13px 0 26px;display:flex}.visibility-filters span{color:#918c9e;margin-right:3px;font-size:11px;font-weight:700}.visibility-filters button{color:#777287;background:#f5f3f9;border-radius:9px;padding:7px 11px;font-size:11px;font-weight:700}.visibility-filters button.active{color:#6756df;background:#eae5ff}.profile{cursor:pointer}.profile-dialog{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.profile-dialog .form-field{margin-top:14px}.profile-logout{color:#c95078;background:#fff0f4;border-radius:11px;width:100%;margin-top:10px;padding:12px;font-weight:800}.change-password{color:#6756df;text-align:left;background:0 0;margin-top:8px;padding:2px 0;font-size:12px;font-weight:800}.change-password:hover{color:#5543cb;text-decoration:underline}.password-input{position:relative}.password-input input{padding-right:42px}.password-input button{color:#8c879a;background:0 0;place-items:center;padding:4px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.greeting-icon{vertical-align:-4px;color:#f7b24b;stroke-width:2.3px;margin-left:7px}.category{text-align:left;background:0 0;border-radius:9px;width:100%;padding:7px 8px}.category.active{color:#6756df;background:#f0edff;font-weight:700}.category.active i{box-shadow:0 0 0 3px #ded8ff}.members-page{max-width:920px}.members-page header{margin-bottom:28px}.members-subtitle{color:#7f7a91;margin:10px 0 0;font-size:13px}.members-card,.roles-card{background:#fff;border:1px solid #efedf4;border-radius:16px;padding:23px}.members-card{margin-top:22px}.members-list{display:grid}.member-row{border-top:1px solid #f0eef5;align-items:center;gap:13px;padding:16px 0;display:flex}.member-row:first-child{border-top:0;padding-top:4px}.member-avatar{color:#6756df;background:#eae5ff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:grid}.member-avatar.owner{color:#fff;background:#7563ed}.member-avatar.editor{color:#319b82;background:#e4f7f1}.member-info h3{margin:0 0 4px;font-size:13px}.member-info p{color:#9691a1;margin:0;font-size:11px}.member-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.member-actions select,.invite-dialog select{color:#5f5a70;background:#faf9fd;border:1px solid #e6e3ee;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:700}.remove-member{color:#c95078;background:#fff0f4;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.role-badge{color:#777287;background:#f2f0f8;border-radius:99px;margin-left:auto;padding:7px 10px;font-size:11px;font-weight:800}.role-badge.owner{color:#6756df;background:#eeeaff}.role-badge.editor{color:#319b82;background:#e7f8f3}.roles-card{margin-top:16px}.roles-card h2{margin-bottom:12px;font-size:14px}.roles-card p{color:#777287;margin:9px 0;font-size:12px;line-height:1.5}.roles-card strong{color:#494456}.invite-dialog .form-field{margin:14px 0}.invite-hint{color:#858092;margin:-8px 0 18px;font-size:12px;line-height:1.5}.role-picker{margin-top:6px;position:relative}.reminder-field{gap:6px;display:grid;position:relative}.reminder-field>span{color:#777287;font-size:11px;font-weight:700}.reminder-trigger{color:#514c60;text-align:left;background:#faf9fd;border:1px solid #e6e3ee;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:10px 11px;font-size:12px;font-weight:700;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.reminder-field+.reminder-field{margin-top:24px}.reminder-trigger:hover,.reminder-trigger:focus-visible{background:#fff;border-color:#9d8ff4;outline:0;box-shadow:0 0 0 3px #eeeaff}.reminder-trigger svg{color:#817b96;transition:transform .18s}.reminder-trigger svg.open{transform:rotate(180deg)}.reminder-options{z-index:6;background:#fff;border:1px solid #e9e6f0;border-radius:13px;max-height:220px;padding:6px;animation:.16s ease-out role-options-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 32px #302a4b1f}.reminder-options button{color:#514c60;text-align:left;background:0 0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:9px;font-size:12px;font-weight:700;display:flex}.reminder-options button:hover,.reminder-options button:focus-visible,.reminder-options button.selected{background:#f2efff;outline:0}.reminder-options svg{color:#705ce7}.deadline-picker{border:0;margin:16px 0;padding:0}.dialog .plan-description-input{resize:vertical;color:#514c60;width:100%;min-height:96px;font:inherit;background:#fff;border:1px solid #e6e3ee;border-radius:12px;outline-color:#7663ed;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.45}.dialog .plan-description-input::placeholder{color:#aaa6b6}.plan-kind-picker{border:0;margin:14px 0 16px;padding:0}.plan-kind-picker legend{color:#777287;margin-bottom:8px;font-size:11px;font-weight:700}.shopping-editor{background:#fff;border:1px solid #efedf4;border-radius:14px;gap:10px;margin:12px 0 18px;padding:12px;display:grid}.shopping-add-row{grid-template-columns:1fr 42px;gap:8px;display:grid}.dialog .shopping-add-row input{color:#514c60;background:#faf9fd;border:1px solid #e6e3ee;border-radius:10px;min-width:0;padding:10px 11px;font-size:12px}.shopping-add-row button{color:#fff;background:#7563ed;border-radius:10px;place-items:center;display:grid}.product-catalog-quick{flex-wrap:wrap;gap:6px;display:flex}.product-catalog-option{background:#f3f1fa;border-radius:9px;align-items:stretch;min-width:0;display:inline-flex;overflow:hidden}.product-catalog-option button{min-height:29px}.add-catalog-product{text-overflow:ellipsis;white-space:nowrap;color:#6756df;background:#f3f1fa;border-radius:9px;max-width:160px;padding:7px 9px;font-size:11px;font-weight:800;overflow:hidden}.delete-catalog-product{color:#c95078;background:#f3f1fa;border-left:1px solid #e1dded;place-items:center;width:30px;display:grid}.delete-catalog-product:hover,.delete-catalog-product:focus-visible{background:#fff0f4;outline:0}.shopping-draft-list{gap:7px;display:grid}.shopping-draft-list>div{background:#faf9fd;border:1px solid #eeeaf5;border-radius:10px;grid-template-columns:22px 1fr 30px;align-items:center;gap:8px;min-width:0;padding:7px 8px;display:grid}.shopping-draft-list span{text-overflow:ellipsis;white-space:nowrap;color:#514c60;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.shopping-draft-list>div>button:first-child{color:#fff;background:#fff;border:2px solid #dcd9e5;border-radius:7px;place-items:center;width:20px;height:20px;padding:0;display:grid}.shopping-draft-list>div>button:first-child.checked{background:#62cdb2;border-color:#62cdb2}.remove-shopping-item{color:#c95078;background:0 0;place-items:center;display:grid}.deadline-picker legend{color:#777287;margin-bottom:8px;font-size:11px;font-weight:700}.deadline-options{flex-wrap:wrap;gap:7px;display:flex}.deadline-options button{color:#777287;background:#f3f1fa;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700}.deadline-options button.selected{color:#6756df;background:#eeeaff}.deadline-custom{grid-template-columns:1fr 110px;gap:8px;margin-top:9px;display:grid}.deadline-custom input{color:#514c60;background:#faf9fd;border:1px solid #e6e3ee;border-radius:10px;min-width:0;padding:9px 10px;font-size:12px}.recurrence-section{margin:16px 0 18px}.recurrence-toggle{color:#514c60;cursor:pointer;background:#faf9fd;border:1px solid #e6e3ee;border-radius:13px;align-items:center;gap:10px;min-height:42px;padding:10px 11px;font-size:12px;font-weight:800;display:flex}.dialog .recurrence-toggle input{accent-color:#7563ed;width:18px;min-width:18px;height:18px;padding:0}.recurrence-picker{background:#fff;border:1px solid #efedf4;border-radius:14px;margin:10px 0 0;padding:12px}.recurrence-picker legend,.recurrence-custom span,.recurrence-count span{color:#777287;font-size:11px;font-weight:700}.recurrence-options{margin-bottom:10px}.recurrence-custom{grid-template-columns:96px 1fr;gap:8px;display:grid}.recurrence-custom label,.recurrence-count{gap:6px;display:grid}.dialog .recurrence-custom input,.dialog .recurrence-count input,.recurrence-custom select{color:#514c60;background:#faf9fd;border:1px solid #e6e3ee;border-radius:10px;min-width:0;padding:9px 10px;font-size:12px;font-weight:700}.recurrence-count{grid-template-columns:1fr 96px;align-items:end;margin-top:10px}.recurrence-count span{align-self:center}@media (width<=580px){.recurrence-custom,.recurrence-count{grid-template-columns:1fr}}.role-trigger{color:#4d485d;text-align:left;background:#faf9fd;border:1px solid #e6e3ee;border-radius:13px;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 11px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.role-trigger:hover,.role-trigger:focus-visible{background:#fff;border-color:#9d8ff4;box-shadow:0 0 0 3px #eeeaff}.role-trigger>span:not(.role-icon),.role-options button>span:not(.role-icon){gap:2px;display:grid}.role-trigger strong,.role-options strong{font-size:12px;font-weight:800}.role-trigger small,.role-options small{color:#9691a1;font-size:10px;font-weight:600}.role-trigger svg{color:#817b96;margin-left:auto;transition:transform .18s}.role-trigger svg.open{transform:rotate(180deg)}.role-icon{border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.role-icon.viewer{color:#6756df;background:#eeeaff}.role-icon.editor{color:#319b82;background:#e4f7f1}.role-options{z-index:5;background:#fff;border:1px solid #e9e6f0;border-radius:13px;padding:6px;animation:.16s ease-out role-options-in;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 14px 32px #302a4b1f}.role-options button{color:#514c60;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.role-options button:hover,.role-options button.selected{background:#f2efff}.role-options button svg{color:#705ce7;margin-left:auto}@keyframes role-options-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.assignee-picker{color:#777287;gap:6px;margin:16px 0;font-size:11px;font-weight:700;display:grid;position:relative}.assignee-trigger{color:#4d485d;text-align:left;background:#faf9fd;border:1px solid #e6e3ee;border-radius:13px;align-items:center;gap:9px;width:100%;min-height:46px;padding:8px 11px;transition:border-color .18s,box-shadow .18s;display:flex}.assignee-trigger:hover,.assignee-trigger:focus-visible{border-color:#9d8ff4;box-shadow:0 0 0 3px #eeeaff}.assignee-trigger i,.assignee-options i{color:#fff;background:#7563ed;border-radius:9px;place-items:center;width:27px;height:27px;font-size:11px;font-style:normal;display:grid}.assignee-trigger em{color:#a29dae;font-style:normal;font-weight:600}.assignee-trigger svg{color:#817b96;margin-left:auto;transition:transform .18s}.assignee-trigger svg.open{transform:rotate(180deg)}.assignee-options{z-index:3;background:#fff;border:1px solid #e9e6f0;border-radius:13px;padding:6px;animation:.16s ease-out assignee-in;position:absolute;top:74px;left:0;right:0;box-shadow:0 14px 32px #302a4b1f}.assignee-options button{color:#514c60;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px;display:flex}.assignee-options button:hover,.assignee-options button.selected{background:#f2efff}.assignee-options span{gap:2px;font-size:12px;font-weight:800;display:grid}.assignee-options small{color:#9691a1;font-size:10px;font-weight:600}.assignee-options b{color:#705ce7;margin-left:auto;font-size:14px}@keyframes assignee-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=580px){.member-actions{gap:5px}.member-actions select,.remove-member{padding:7px 6px}.member-info p{max-width:150px}.members-card,.roles-card{padding:17px}}:root,:root[data-interface-theme=violet]{--interface-accent:#7563ed;--interface-accent-strong:#6756df;--interface-accent-hover:#5543cb;--interface-accent-soft:#f0edff;--interface-accent-soft-hover:#eae5ff;--interface-accent-ring:#ded8ff;--interface-accent-gradient-start:#7460e9;--interface-accent-gradient-end:#9180f5;--interface-accent-shadow:#7563ed47;--interface-accent-glow:#e7e1ff;--interface-on-accent:#fff;--interface-page:#f8f7fc}:root[data-interface-theme=yellow]{--interface-accent:#ffe600;--interface-accent-strong:#756700;--interface-accent-hover:#5e5200;--interface-accent-soft:#fffde2;--interface-accent-soft-hover:#fff7a1;--interface-accent-ring:#f5dc39;--interface-accent-gradient-start:#ffd400;--interface-accent-gradient-end:#fff45c;--interface-accent-shadow:#ffd6004d;--interface-accent-glow:#fff59a;--interface-on-accent:#252000;--interface-page:#fffef1}:root[data-interface-theme=orange]{--interface-accent:#db641f;--interface-accent-strong:#b74712;--interface-accent-hover:#91370c;--interface-accent-soft:#fff0e6;--interface-accent-soft-hover:#ffdfca;--interface-accent-ring:#f6b78f;--interface-accent-gradient-start:#d95818;--interface-accent-gradient-end:#f39a4c;--interface-accent-shadow:#db641f40;--interface-accent-glow:#ffe0ca;--interface-on-accent:#fff;--interface-page:#fff9f5}:root[data-interface-theme=pink]{--interface-accent:#ce477f;--interface-accent-strong:#aa2f64;--interface-accent-hover:#88234f;--interface-accent-soft:#fff0f6;--interface-accent-soft-hover:#ffdce9;--interface-accent-ring:#f4a8c5;--interface-accent-gradient-start:#c73d77;--interface-accent-gradient-end:#eb79aa;--interface-accent-shadow:#ce477f40;--interface-accent-glow:#ffd9e8;--interface-on-accent:#fff;--interface-page:#fff8fb}:root[data-interface-theme=blue]{--interface-accent:#007fbd;--interface-accent-strong:#006393;--interface-accent-hover:#004f77;--interface-accent-soft:#e6f7ff;--interface-accent-soft-hover:#ccefff;--interface-accent-ring:#78d2fb;--interface-accent-gradient-start:#0078b8;--interface-accent-gradient-end:#19b5ef;--interface-accent-shadow:#007fbd45;--interface-accent-glow:#c9efff;--interface-on-accent:#fff;--interface-page:#f6fbfe}:root[data-interface-theme=red]{--interface-accent:#f02f35;--interface-accent-strong:#c5121a;--interface-accent-hover:#9c0b12;--interface-accent-soft:#fff0f1;--interface-accent-soft-hover:#ffdadd;--interface-accent-ring:#ff9da1;--interface-accent-gradient-start:#e91625;--interface-accent-gradient-end:#ff5a50;--interface-accent-shadow:#f02f3545;--interface-accent-glow:#ffd4d6;--interface-on-accent:#fff;--interface-page:#fff8f8}:root[data-interface-theme=green]{--interface-accent:#298b5b;--interface-accent-strong:#217449;--interface-accent-hover:#195c3a;--interface-accent-soft:#eaf8f0;--interface-accent-soft-hover:#d4f0df;--interface-accent-ring:#95d5af;--interface-accent-gradient-start:#258253;--interface-accent-gradient-end:#57b982;--interface-accent-shadow:#298b5b40;--interface-accent-glow:#d7f2e2;--interface-on-accent:#fff;--interface-page:#f6fcf8}html{background:var(--interface-accent)}body{background:var(--interface-page)}.brand span,.auth-brand span,.date-time-segment:focus-within input,.team button,.faces .face.more,.team-empty:hover,.team-empty:focus-visible,.notifications-title button,.notifications-message,.auth-switch button,.logout:hover,.plan-menu button:hover,.change-password,.category.active,.member-avatar,.role-badge.owner,.reminder-options svg,.add-catalog-product,.deadline-options button.selected,.role-icon.viewer,.role-options button svg,.assignee-options b,.mobile-sidebar-close,.mobile-menu-trigger,.mobile-profile-shortcut{color:var(--interface-accent-strong)}.create,.new-plan,.add-plan-inline,.save,.auth-submit,.dates .selected,.calendar-month-view .dates button.selected:hover,.view.active,.plans-filters button.active,.member-avatar.owner,.shopping-add-row button,.assignee-trigger i,.assignee-options i{background:var(--interface-accent);color:var(--interface-on-accent)}.create,.add-plan-inline{box-shadow:0 8px 18px var(--interface-accent-shadow)}.add-plan-inline:hover{background:var(--interface-accent-hover)}.summary{background:linear-gradient(110deg, var(--interface-accent-gradient-start), var(--interface-accent-gradient-end));color:var(--interface-on-accent)}.ring:before,.weekbar .today i,.weekbar>button.has-plans:after,.dates button.has-plans:after{background:var(--interface-accent)}nav button.active,.face.more,.segment-arrow:hover,.segment-arrow:focus-visible,.team-action:hover,.team-action:focus-visible,.notifications-title button,.auth-message,.visibility-filters button.active,.category.active,.role-badge.owner,.deadline-options button.selected,.role-icon.viewer{background:var(--interface-accent-soft)}.month-calendar .calendar-nav,.reminder-options button:hover,.reminder-options button:focus-visible,.reminder-options button.selected,.role-options button:hover,.role-options button.selected,.assignee-options button:hover,.assignee-options button.selected{background:var(--interface-accent-soft);color:var(--interface-accent-strong)}.weekbar .today{border-color:var(--interface-accent);color:var(--interface-accent-strong)}.calendar-month-view .dates button:hover{background:var(--interface-accent-soft);color:var(--interface-accent-strong)}.dialog input,.dialog-options input,.form-field select,.auth-card input,.dialog .plan-description-input{outline-color:var(--interface-accent)}.view.active,.reminder-trigger:hover,.reminder-trigger:focus-visible,.role-trigger:hover,.role-trigger:focus-visible,.assignee-trigger:hover,.assignee-trigger:focus-visible{border-color:var(--interface-accent)}.reminder-trigger:hover,.reminder-trigger:focus-visible,.role-trigger:hover,.role-trigger:focus-visible,.assignee-trigger:hover,.assignee-trigger:focus-visible,.faces .face:hover,.faces .face:focus-visible,.category.active i{box-shadow:0 0 0 3px var(--interface-accent-ring)}.dialog .recurrence-toggle input{accent-color:var(--interface-accent)}.auth-page{background:radial-gradient(circle at 15% 10%, var(--interface-accent-glow) 0, transparent 28%), var(--interface-page)}.interface-theme-picker{border:0;margin:20px 0 8px;padding:0}.interface-theme-picker legend{color:#777287;margin-bottom:10px;font-size:11px;font-weight:700}.interface-theme-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.interface-theme-options button{color:#625d72;background:#fff;border:1px solid #e6e3ee;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:72px;padding:9px 5px 7px;font-size:9px;font-weight:700;transition:border-color .16s,background .16s,transform .16s;display:flex;position:relative}.interface-theme-options button:hover,.interface-theme-options button:focus-visible{border-color:var(--interface-accent-ring);outline:0;transform:translateY(-1px)}.interface-theme-options button.selected{border-color:var(--interface-accent);background:var(--interface-accent-soft);color:var(--interface-accent-strong)}.interface-theme-options button svg{color:var(--interface-accent-strong);position:absolute;top:5px;right:5px}.interface-theme-swatch{border-radius:9px;width:27px;height:27px;box-shadow:inset 0 0 0 1px #25233b14}.interface-theme-swatch.violet{background:linear-gradient(135deg,#7460e9,#9180f5)}.interface-theme-swatch.yellow{background:linear-gradient(135deg,#ffd400,#fff45c)}.interface-theme-swatch.orange{background:linear-gradient(135deg,#d95818,#f39a4c)}.interface-theme-swatch.pink{background:linear-gradient(135deg,#c73d77,#eb79aa)}.interface-theme-swatch.blue{background:linear-gradient(135deg,#0078b8,#19b5ef)}.interface-theme-swatch.red{background:linear-gradient(135deg,#e91625,#ff5a50)}.interface-theme-swatch.green{background:linear-gradient(135deg,#258253,#57b982)}@media (width<=430px){.interface-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}}