:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#242c3c;background:#d4e1f6;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible{outline:3px solid #619dfa;outline-offset:3px}button{transition:background .18s,transform .18s}svg{flex-shrink:0}button:hover{filter:brightness(.97)}.desktop{min-height:100dvh;background:radial-gradient(ellipse at 12% 85%,#b3b8ee 0,transparent 48%),radial-gradient(ellipse at 90% 15%,#9ec9ee 0,transparent 50%),linear-gradient(135deg,#dae6f7,#edf0fc 60%,#bccef2);padding:0 4vw 22px}.top-menu{height:46px;display:flex;align-items:center;gap:28px;font-size:.8rem;color:#45536e}.top-menu span:first-child{font-weight:700;display:flex;align-items:center;gap:8px}.desktop-date{margin-left:auto;text-transform:capitalize}.app-window{max-width:1440px;margin:18px auto 0;min-height:calc(100dvh - 118px);display:grid;grid-template-columns:246px minmax(0,1fr);border:1px solid #ffffffb0;border-radius:20px;overflow:hidden;box-shadow:0 30px 85px #30477429,0 4px 12px #3047740d;background:#fafbfd}.sidebar{background:#eaf0faa8;backdrop-filter:blur(28px);border-right:1px solid #dce3ef;display:flex;flex-direction:column;padding:23px 17px}.traffic{display:flex;gap:8px;padding-left:7px}.traffic i{width:12px;height:12px;border-radius:50%;background:#ff6058;box-shadow:inset 0 0 0 1px #0000000d}.traffic i:nth-child(2){background:#ffbd2e}.traffic i:nth-child(3){background:#28c840}.brand{display:flex;align-items:center;gap:12px;margin:39px 7px 42px}.brand-icon{height:45px;width:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#528fff,#2162e2);color:white;box-shadow:0 5px 13px #3478f633}.brand strong{display:block;font-size:1.3rem;letter-spacing:-.5px}.brand span{display:block;font-size:.75rem;color:#758095;margin-top:3px}.side-label{font-size:.69rem;font-weight:650;letter-spacing:1.3px;color:#8a94a6;padding:0 12px;margin-bottom:13px}.nav{width:100%;padding:12px 13px;display:flex;align-items:center;gap:11px;border-radius:10px;margin-bottom:5px;background:transparent;text-align:left;color:#5b6577;font-size:.9rem}.nav b{margin-left:auto;font-size:.8rem;font-weight:500;color:#8e99ab}.nav.active{background:#3478f6;color:white;box-shadow:0 4px 9px #3478f620}.nav.active b{color:#fff}.side-family{margin-top:40px}.member{display:flex;align-items:center;gap:10px;background:none;width:100%;padding:10px 12px;font-size:.9rem;border-radius:9px}.member.chosen{background:#dce7fc}.avatar{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#dce9ff;color:#346ecb;font-weight:600;font-size:.85rem;border:1px solid #ffffffa0}.avatar.pink{background:#f8dfee;color:#ad5a87}.avatar.mini{height:24px;width:24px;font-size:.7rem}.member-count{margin-left:auto;color:#8c96a7;font-size:.8rem}.side-bottom{display:flex;gap:8px;margin:auto 10px 0;padding-top:70px;color:#8993a6;font-size:.72rem;line-height:1.6}.toolbar{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf3;padding:0 36px;font-size:.8rem;color:#8892a2}.toolbar>span{display:flex;gap:12px;align-items:center}.together{display:flex}.together .avatar{width:29px;height:29px;margin-left:-5px;border:2px solid #fafbfd}.content{padding:35px 42px 20px;max-width:1190px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:22px}.eyebrow{font-size:.78rem;color:#8b95a6;margin:0 0 8px;text-transform:capitalize}h1{font-size:2.6rem;letter-spacing:-1.5px;line-height:1.15;font-weight:700;margin:0}.title-dot{color:#3478f6}.subtitle{font-size:.9rem;color:#8791a1;margin:13px 0 0;line-height:1.6}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#3478f6;color:white;font-size:.88rem;font-weight:550;border-radius:10px;padding:12px 17px;white-space:nowrap;box-shadow:0 3px 7px #3478f625}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:31px 0}.stat{position:relative;min-height:115px;border:1px solid #e5e9f1;background:white;border-radius:14px;text-align:left;padding:21px 22px;box-shadow:0 3px 8px #263a5803}.stat strong{display:block;font-size:1.9rem;line-height:1.2;font-weight:650;letter-spacing:-1px}.stat>span:last-child{display:block;font-size:.8rem;color:#8490a3;margin-top:8px}.stat-icon{position:absolute;right:20px;top:22px;padding:9px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#3478f6}.orange .stat-icon{background:#fff2e6;color:#eaa049}.green .stat-icon{background:#e8f7ef;color:#4da879}.stat.selected{border-color:#c5d8fa}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:6px}.segments{display:flex;background:#e9edf3;border-radius:9px;padding:3px;gap:2px}.segments button{background:transparent;color:#7b8596;padding:7px 15px;border-radius:7px;font-size:.79rem}.segments .on{background:white;color:#384357;box-shadow:0 2px 4px #0000000a}.icon-button{background:none;color:#929bad;display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;border-radius:8px}.list-card{background:#fff;border:1px solid #e7ebf2;border-radius:15px;overflow:hidden;min-height:265px}.section-label{font-size:.75rem;font-weight:600;color:#8b96a6;padding:20px 23px 12px}.section-label.red{color:#ce725f}.item{display:flex;align-items:center;gap:14px;margin:0 22px;border-bottom:1px solid #f0f2f7;padding:17px 0}.item:last-child{border-bottom:0}.check{flex-shrink:0;width:24px;height:24px;border-radius:8px;border:1.5px solid #ccd5e3;background:white;display:grid;place-items:center;color:#fff}.check:hover{border-color:#3478f6;background:#f0f6ff}.completed .check{background:#54b189;border-color:#54b189}.item-main{min-width:0;flex:1;text-align:left;background:none;padding:0}.item-title{display:block;font-size:.96rem;font-weight:500;overflow-wrap:anywhere}.completed .item-title{text-decoration:line-through;color:#94a0b1}.item-note{display:block;font-size:.8rem;color:#8390a2;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.item-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;font-size:.75rem;color:#8a95a6}.item-meta>span:not(.avatar){display:flex;align-items:center;gap:5px;margin-left:12px}.item-meta .late{color:#d87965}.row-arrow{color:#bdc6d3}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:33px 22px 38px;color:#8a96a9}.empty-icon{background:linear-gradient(135deg,#edf5ff,#e6eefe);height:76px;width:76px;border-radius:24px;display:grid;place-items:center;color:#5e95eb;margin-bottom:15px}.empty-icon.warm{background:#fff3e5;color:#dfa557}.empty h2{font-size:1.1rem;color:#4b586f;margin:0;font-weight:600}.empty p{font-size:.84rem;max-width:350px;line-height:1.6;margin:10px 0 18px}.subtle{color:#3478f6;background:#f0f5ff;display:flex;align-items:center;gap:6px;border-radius:8px;padding:10px 15px;font-size:.84rem}footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:.7rem;color:#9aa5b7;line-height:1.5}footer span{display:flex;gap:6px;align-items:center}.under-window{text-align:center;margin-top:18px;font-size:.75rem;color:#7383a1}.error{color:#9b3e31;background:#fff0ec;border-radius:9px;padding:13px;font-size:.85rem;margin-bottom:15px}.error button{background:none;color:#9b3e31;text-decoration:underline;margin-left:8px}dialog{width:min(490px,calc(100% - 28px));max-height:90dvh;margin:auto;border:1px solid #fff;border-radius:20px;background:#fafbfd;padding:27px;box-shadow:0 30px 100px #25335344;color:#323e52}dialog::backdrop{background:#24395c44;backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h2{font-size:1.3rem;font-weight:650;margin:0;letter-spacing:-.5px}label{display:flex;flex-direction:column;gap:7px;font-size:.83rem;color:#69758a;margin-bottom:16px}input,select,textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #dce3ee;border-radius:9px;background:white;color:#303c50;font-size:1rem;outline:none}input:focus,select:focus,textarea:focus{border-color:#3478f6;box-shadow:0 0 0 3px #3478f617}textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:7px}.delete{display:flex;align-items:center;gap:6px;margin-right:auto;background:none;color:#c97065;font-size:.85rem}@media(min-width:1500px){.content{padding-top:46px}.stats{margin:38px 0}.list-card{min-height:320px}.empty{padding:52px 25px}}@media(max-width:1000px){.desktop{padding:0 18px 16px}.app-window{grid-template-columns:205px minmax(0,1fr)}.content{padding:28px 25px 20px}.toolbar{padding:0 25px}.heading{align-items:flex-start}.add{font-size:.8rem;padding:11px}.stat{padding:17px;min-height:110px}.stat-icon{right:12px;top:18px}.segments button{padding:7px 10px}.brand{margin-left:0;gap:8px}.brand span{font-size:.7rem}}@media(max-width:700px){.desktop{padding:0;background:#f7f9fc}.top-menu,.traffic,.side-label,.brand,.side-family,.side-bottom,.under-window{display:none}.app-window{display:flex;flex-direction:column-reverse;border:0;border-radius:0;min-height:100dvh;margin:0;box-shadow:none}.sidebar{position:sticky;bottom:0;z-index:5;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#edf2faf2;border:0;border-top:1px solid #dde5f0}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nav{position:relative;flex-direction:column;gap:5px;padding:8px 3px;margin:0;font-size:.72rem;border-radius:10px}.nav b{position:absolute;top:2px;right:12px;font-size:.63rem}.nav.active{background:#e0eaff;color:#3478f6;box-shadow:none}.nav.active b{color:#3478f6}main{flex:1;min-width:0}.toolbar{height:55px;padding:0 22px}.content{padding:26px 20px 20px}.heading{display:block}.heading .add{margin-top:19px;font-size:.88rem}h1{font-size:2.3rem}.subtitle{font-size:.86rem}.stats{gap:9px;margin:23px 0}.stat{padding:15px 12px;min-height:107px;border-radius:12px}.stat strong{font-size:1.65rem}.stat-icon{right:9px;top:15px;padding:5px;border-radius:7px}.stat-icon svg{width:16px;height:16px}.stat>span:last-child{font-size:.76rem}.segments{flex:1;justify-content:space-between}.segments button{font-size:.76rem;padding:8px 9px}.item{margin:0 16px;padding:17px 0}.section-label{padding-left:17px}.item-title{font-size:1rem}.empty{padding:37px 18px}.item-meta{font-size:.8rem}footer{flex-direction:column;align-items:center;font-size:.7rem;gap:6px}.form-grid{gap:10px}dialog{padding:22px}.list-toolbar{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}} 
.login-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(at 15% 80%,#bac4ed,transparent 65%),linear-gradient(140deg,#e4edfb,#b5d1ef)}.login-card{width:min(390px,100%);padding:38px;background:#ffffffd9;border:1px solid white;border-radius:24px;box-shadow:0 25px 80px #34557826;backdrop-filter:blur(20px)}.login-card h1{margin:18px 0 8px}.login-card>p{font-size:.9rem;color:#8791a1;margin-bottom:26px}.login-card .primary{width:100%}.logout{background:transparent;color:#6f7f98;font-size:.8rem;margin-left:auto;margin-right:15px;padding:8px}.check{min-width:28px;min-height:28px}