:root{color:#182033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#eef5f7;--panel:#ffffffbd;--panel-strong:#ffffffeb;--text:#182033;--muted:#687386;--line:#748b9e33;--accent:#0f9f8f;--accent-dark:#0b7469;--coral:#ee6c4d;--violet:#7657d8;--gold:#d79321;--shadow:0 24px 80px #2739532e;background:#edf4f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.dark{--bg:#111722;--panel:#1d2634bd;--panel-strong:#202b3bf0;--text:#f4f7fb;--muted:#a6b1c1;--line:#d6e2f024;--shadow:0 24px 80px #00000052;color:var(--text);background:#111722}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 8% 10%,#0f9f8f38,#0000 28%),radial-gradient(circle at 92% 4%,#ee6c4d2e,#0000 26%),linear-gradient(135deg,#edf4f7 0%,#f9fbfc 46%,#f2f5ef 100%);margin:0}body.dark{background:radial-gradient(circle at 8% 10%,#0f9f8f2e,#0000 28%),radial-gradient(circle at 92% 4%,#7657d82e,#0000 26%),linear-gradient(135deg,#111722 0%,#182232 52%,#111722 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}.appShell{width:min(1440px,100% - 32px);margin:0 auto;padding:24px 0 48px}.navbar,.heroBand,.statCard,.taskForm,.toolbar,.taskCard,.emptyState,.modal{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.navbar{z-index:10;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:16px}.brand,.taskMeta span,.taskActions,.formActions,.modalActions,.dateInput,.searchBar{align-items:center;display:flex}.brand{gap:12px}.brandLink{color:inherit;text-decoration:none}.brandIcon,.panelIcon,.statIcon,.modalIcon{border-radius:16px;place-items:center;display:grid}.brandIcon{color:#fff;background:linear-gradient(135deg, var(--accent), #35b7a8);width:46px;height:46px;font-size:24px}.eyebrow{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:800}body.dark .eyebrow{color:#79dacd}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.35rem,2vw,1.8rem)}.iconButton{width:44px;height:44px;color:var(--text);background:var(--panel-strong);border:0;border-radius:14px;place-items:center;font-size:20px;display:grid;position:relative}.navActions{align-items:center;gap:10px;display:flex;position:relative}.notificationWrap,.profileWrap{position:relative}.notificationBadge{border:2px solid var(--panel-strong);color:#fff;background:#d94b3d;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:900;display:grid;position:absolute;top:5px;right:5px}.profileTrigger{border:1px solid var(--line);min-height:46px;color:var(--text);background:var(--panel-strong);border-radius:999px;align-items:center;gap:10px;padding:5px 10px 5px 5px;font-weight:900;display:flex}.avatar,.profileAvatar{color:#fff;background:linear-gradient(135deg, var(--accent), var(--violet));border-radius:50%;place-items:center;font-weight:900;display:grid;overflow:hidden}.avatar{width:36px;height:36px;font-size:.8rem}.avatar img,.profileAvatar img{object-fit:cover;width:100%;height:100%}.profileName{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.profileMenu,.notificationMenu{z-index:25;border:1px solid var(--line);background:var(--panel-strong);width:min(330px,100vw - 28px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;animation:.16s ease-out menuIn;position:absolute;top:calc(100% + 12px);right:0}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profileMenu{gap:4px;padding:10px;display:grid}.profileMenuHeader{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:4px;padding:12px;display:flex}.avatarLarge{width:48px;height:48px}.profileMenuHeader span,.dropdownHeader span,.notificationItem span{color:var(--muted);font-size:.82rem}.profileMenu a,.profileMenu button{min-height:42px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-weight:800;text-decoration:none;display:flex}.profileMenu a:hover,.profileMenu button:hover,.notificationItem:hover{background:#0f9f8f1a}.profileMenu .logoutItem{color:#d94b3d}.notificationMenu{padding:12px}.dropdownHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.notificationItem{border-radius:12px;gap:4px;padding:10px;display:grid}.dropdownEmpty{color:var(--muted);text-align:center;margin:0;padding:18px 8px 8px}.heroBand{background:linear-gradient(120deg,#ffffffd1,#ffffff75),linear-gradient(135deg,#0f9f8f29,#ee6c4d1a);border-radius:24px;grid-template-columns:1.5fr 1fr;gap:24px;margin:26px 0 18px;padding:clamp(24px,5vw,54px);display:grid}body.dark .heroBand{background:linear-gradient(120deg,#202b3be6,#202b3b8c),linear-gradient(135deg,#0f9f8f24,#7657d81f)}.heroBand h2{max-width:720px;margin-bottom:0;font-size:clamp(2.2rem,5vw,5.6rem);line-height:.96}.heroBand p:last-child{color:var(--muted);align-self:end;margin-bottom:0;font-size:1.02rem;line-height:1.7}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.statCard{border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.statIcon{color:#fff;width:48px;height:48px;font-size:22px}.statIcon-total{background:var(--accent)}.statIcon-pending{background:var(--gold)}.statIcon-progress{background:var(--violet)}.statIcon-completed{background:#2f9e62}.statCard p{color:var(--muted);margin-bottom:3px;font-weight:700}.statCard strong{font-size:1.9rem;display:block}.workspace{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:18px;display:grid}.formColumn{position:sticky;top:96px}.taskForm{border-radius:22px;gap:16px;padding:20px;display:grid}.panelHeader{justify-content:space-between;gap:16px;display:flex}.panelHeader h2{margin-bottom:0;font-size:1.42rem}.panelIcon{color:#fff;background:var(--coral);width:44px;height:44px;font-size:20px}label{color:var(--muted);gap:8px;font-size:.86rem;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--text);border-radius:14px;outline:0}input,select{min-height:46px;padding:0 13px}textarea{resize:vertical;min-height:126px;padding:13px}input:focus,select:focus,textarea:focus{border-color:#0f9f8fb8;box-shadow:0 0 0 4px #0f9f8f1f}.fieldError{color:#df3d31;font-size:.78rem}.counter{color:var(--muted);justify-self:end;font-size:.78rem}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dateInput{border:1px solid var(--line);background:var(--panel-strong);border-radius:14px;gap:8px;padding-left:12px}.dateInput input{box-shadow:none;background:0 0;border:0}.formActions{justify-content:flex-end;gap:10px}.primaryButton,.ghostButton,.deleteConfirm,.taskActions button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.primaryButton{color:#fff;background:linear-gradient(135deg, var(--accent), #24b3a4);padding:0 18px}.ghostButton{color:var(--text);background:var(--panel-strong);padding:0 16px}.toolbar{border-radius:20px;grid-template-columns:minmax(220px,1fr) auto;gap:12px;margin-bottom:14px;padding:14px;display:grid}.searchBar{border:1px solid var(--line);background:var(--panel-strong);min-height:48px;color:var(--muted);border-radius:16px;gap:10px;padding:0 12px}.searchBar input{box-shadow:none;background:0 0;border:0}.searchBar button{color:var(--muted);background:0 0;border:0;place-items:center;font-size:18px;display:grid}.filterBar{gap:10px;display:flex}.filterBar label{gap:5px;min-width:132px;font-size:.72rem}.filterBar select{min-height:48px}.taskGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.taskCard{border-radius:20px;gap:14px;min-height:280px;padding:18px;display:grid}.taskCardTop{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.74rem;font-weight:900;display:inline-flex}.priority-high{color:#8b1d14;background:#ffe0da}.priority-medium{color:#7a4c0a;background:#ffe9bd}.priority-low{color:#0a6442;background:#ccefe0}.status-pending{color:#7a4c0a;background:#fff1cf}.status-in-progress{color:#3e2b8c;background:#e8e1ff}.status-completed{color:#075a3a;background:#d6f5e5}.taskCard h3{margin-bottom:0;font-size:1.18rem}.taskDescription{color:var(--muted);margin-bottom:0;line-height:1.6}.taskMeta{color:var(--muted);gap:8px;margin-top:auto;font-size:.84rem;font-weight:700;display:grid}.taskMeta span{gap:7px}.taskActions{gap:10px}.taskActions button{color:var(--text);background:var(--panel-strong);flex:1}.taskActions .dangerButton,.deleteConfirm{color:#fff;background:#d94b3d}.loaderWrap,.emptyState{text-align:center;place-items:center;min-height:360px;display:grid}.loader{border:4px solid #0f9f8f33;border-top-color:var(--accent);border-radius:50%;width:46px;height:46px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loaderWrap p,.emptyState p{color:var(--muted)}.emptyState{border-radius:22px;padding:42px}.emptyIllustration{width:116px;height:116px;color:var(--accent);background:#0f9f8f1f;border-radius:30px;place-items:center;margin-bottom:16px;font-size:42px;display:grid;position:relative}.emptyIllustration span{opacity:.34;background:currentColor;border-radius:99px;width:38px;height:5px;position:absolute;right:24px}.emptyIllustration span:nth-child(2){top:32px}.emptyIllustration span:nth-child(3){top:54px}.emptyIllustration span:nth-child(4){top:76px}.modalOverlay{z-index:30;background:#080d1685;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;border-radius:22px;width:min(430px,100%);padding:28px;position:relative}.modalClose{width:34px;height:34px;color:var(--text);background:var(--panel-strong);border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modalIcon{color:#fff;background:#d94b3d;width:58px;height:58px;margin:0 auto 16px;font-size:26px}.modal p{color:var(--muted);line-height:1.6}.modalActions{justify-content:center;gap:10px;margin-top:22px}.deleteConfirm{padding:0 16px}.authShell{place-items:center;min-height:100vh;padding:24px;display:grid}.authPanel{border:1px solid var(--line);background:var(--panel);width:min(1060px,100%);min-height:680px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;grid-template-columns:1.05fr .95fr;display:grid;overflow:hidden}.authHero{color:#fff;background:linear-gradient(135deg,#0f9f8feb,#182033f0),radial-gradient(circle at 80% 12%,#ee6c4d6b,#0000 32%);flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(30px,5vw,58px);display:flex}.authHero .brandIcon{background:#ffffff2e;border:1px solid #fff3;margin-bottom:24px}.authHero .eyebrow,.authHero p{color:#ffffffc7}.authHero h1{max-width:480px;margin-bottom:18px;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.96}.authHero p{max-width:430px;line-height:1.75}.authHighlights{gap:12px;display:grid}.authHighlights span{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;width:fit-content;padding:10px 14px;font-weight:800}.authForm{background:var(--panel-strong);flex-direction:column;justify-content:center;gap:18px;padding:clamp(28px,5vw,56px);display:flex}.authFormHeader h2{margin-bottom:0;font-size:2rem}.optionalText{color:var(--muted);font-size:.76rem;font-weight:700}.inputWithIcon{border:1px solid var(--line);background:var(--panel);min-height:50px;color:var(--muted);border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.inputWithIcon:focus-within{border-color:#0f9f8fb8;box-shadow:0 0 0 4px #0f9f8f1f}.inputWithIcon input{min-height:48px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.fieldHint{color:var(--muted);font-size:.78rem;line-height:1.4}.wideButton{width:100%;min-height:50px;margin-top:4px}.authSwitch{color:var(--muted);justify-content:center;gap:8px;margin:0;font-weight:700;display:flex}.authSwitch a{color:var(--accent-dark);font-weight:900;text-decoration:none}.authExtras{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.checkLine{color:var(--muted);grid-template-columns:none;align-items:center;gap:8px;font-size:.9rem;display:flex}.checkLine input{width:16px;min-height:16px}.textButton{color:var(--accent-dark);background:0 0;border:0;font-weight:900}body.dark .authSwitch a{color:#79dacd}.profileHero,.profilePanel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.profileHero{border-radius:24px;gap:20px;margin:26px 0 18px;padding:clamp(22px,4vw,40px);display:grid}.backLink,.profileEmail{align-items:center;gap:8px;display:inline-flex}.backLink{width:fit-content;color:var(--accent-dark);font-weight:900;text-decoration:none}.profileIdentity{align-items:center;gap:22px;display:flex}.profileAvatar{flex:none;width:clamp(88px,12vw,132px);height:clamp(88px,12vw,132px);font-size:clamp(1.8rem,4vw,3rem)}.profileIdentity h2{margin-bottom:8px;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.profileIdentity p,.profileCreated{color:var(--muted);line-height:1.6}.profileEmail{color:var(--text);font-weight:800}.profileCreated{margin-bottom:0}.profileGrid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.profilePanel{border-radius:22px;gap:16px;padding:20px;display:grid}.panelAccent{box-shadow:var(--shadow), 0 0 0 4px #0f9f8f1a;border-color:#0f9f8f85}@media (width<=1100px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.authPanel{grid-template-columns:1fr;min-height:0}.authHero{min-height:420px}.profileGrid{grid-template-columns:1fr}.formColumn{position:static}}@media (width<=780px){.appShell{width:min(100% - 20px,1440px);padding-top:10px}.navbar{top:10px}.heroBand,.toolbar{grid-template-columns:1fr}.heroBand h2{font-size:clamp(2rem,13vw,3.4rem)}.filterBar{grid-template-columns:1fr;display:grid}.taskGrid{grid-template-columns:1fr}.profileName,.hideMobile{display:none}.profileIdentity{flex-direction:column;align-items:flex-start}.authShell{padding:12px}.authHero{min-height:360px}}@media (width<=560px){.brand h1{font-size:1.08rem}.brand .eyebrow{display:none}.profileTrigger{padding-right:8px}.navbar{gap:10px}.statsGrid,.formGrid{grid-template-columns:1fr}.heroBand{padding:22px}.authHero,.authForm{padding:24px}.authHero h1{font-size:2.7rem}.taskActions,.formActions,.modalActions{flex-direction:column;align-items:stretch}}