@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Bricolage+Grotesque:wght@500;600;700&display=swap";:root{--bg-main: #f4efe6;--bg-elevated: rgba(255, 255, 255, .9);--ink-main: #10202f;--ink-soft: #4f5f6d;--line: #d9e1e7;--brand: #085d63;--brand-soft: #d7eff1;--accent: #eb5f47;--accent-soft: #ffe8e3;--danger: #b4232e;--success-soft: #daf3e7;--success-ink: #1c674a;--warn-soft: #fff0ce;--warn-ink: #725109;--radius-xl: 26px;--radius-lg: 18px;--radius-md: 12px;--shadow-lg: 0 24px 50px rgba(12, 27, 40, .13);--shadow-sm: 0 10px 24px rgba(19, 40, 53, .08)}*{box-sizing:border-box}body{margin:0;font-family:Outfit,sans-serif;color:var(--ink-main);background:radial-gradient(circle at 10% 8%,rgba(8,93,99,.15),transparent 35%),radial-gradient(circle at 84% 2%,rgba(235,95,71,.2),transparent 30%),linear-gradient(145deg,#f9f6ef,#e8efec);min-height:100vh}h1,h2,h3{margin:0;font-family:Bricolage Grotesque,sans-serif;letter-spacing:.01em}p{margin:0}label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#3c5663;margin-top:.35rem}input,textarea,button,select{font:inherit}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--ink-main);padding:.78rem .9rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #085d6329;outline:none}textarea{resize:vertical;min-height:120px}button{border:0;cursor:pointer;border-radius:999px;font-weight:600;padding:.58rem 1.08rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:disabled{opacity:.65;cursor:not-allowed}button:not(:disabled):hover{transform:translateY(-1px)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:#c8f3ef}.notice{border-radius:var(--radius-md);padding:.72rem .84rem;font-size:.9rem;margin-top:.65rem}.notice.success{background:var(--success-soft);color:var(--success-ink);border:1px solid #b9e4cf}.notice.error{background:var(--accent-soft);color:#8b2a1f;border:1px solid #f7c2b8}.primary-btn{background:linear-gradient(130deg,var(--accent),#dc4830);color:#fff;box-shadow:0 8px 20px #dc48303b}.outline-btn{border:1px solid var(--line);background:#fff;color:var(--ink-main)}.outline-btn:not(:disabled):hover{border-color:var(--brand);color:var(--brand)}.danger-btn{background:#fce9ea;color:var(--danger);border:1px solid #f5ccd0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr minmax(340px,460px);align-items:center;gap:1.1rem;max-width:1150px;margin:0 auto;padding:1.4rem}.auth-hero{background:linear-gradient(145deg,#085d63f2,#064247f2),linear-gradient(95deg,rgba(235,95,71,.28),transparent 56%);color:#eefefe;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.auth-hero h1{margin-top:.7rem;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.12}.auth-hero p{margin-top:.9rem;max-width:560px;color:#d4f6f2}.auth-hero ul{margin:1.15rem 0 0;padding-left:1.2rem;display:grid;gap:.44rem}.auth-card{background:var(--bg-elevated);border:1px solid rgba(255,255,255,.74);border-radius:var(--radius-xl);padding:1.4rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.auth-tabs{display:inline-flex;background:#f4f7f8;border:1px solid #d6e1e7;border-radius:999px;padding:.2rem;margin-bottom:.9rem}.tab{border-radius:999px;padding:.45rem .95rem;background:transparent;color:var(--ink-soft);font-weight:700}.tab.active{background:#fff;color:var(--ink-main);box-shadow:0 4px 10px #23364417}.auth-card h2{font-size:1.58rem}.auth-subtext{margin-top:.42rem;color:var(--ink-soft)}.auth-form{margin-top:1rem;display:grid;gap:.4rem}.auth-submit{margin-top:.5rem}.app-shell{max-width:1220px;margin:0 auto;padding:2rem 1.15rem 2.5rem}.topbar{background:linear-gradient(145deg,#085d63f0,#064247f5),linear-gradient(85deg,rgba(235,95,71,.25),transparent 55%);color:#f2ffff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:1.45rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:1rem}.topbar h1{margin-top:.55rem;font-size:clamp(1.45rem,2.8vw,2.25rem)}.hero-copy{margin-top:.55rem;color:#cff3ef}.topbar-actions{display:flex;align-items:center;gap:.62rem}.identity-chip{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);padding:.6rem .8rem;display:grid}.identity-chip strong{color:#fff;font-size:.92rem}.identity-chip span{color:#d3f3ef;font-size:.76rem}.stat-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.7rem}.stat-card{border-radius:var(--radius-md);background:#ffffffe0;border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow-sm);padding:.82rem}.stat-card p{color:#5f7181;font-size:.82rem}.stat-card strong{display:block;margin-top:.18rem;font-size:1.45rem}.dashboard-grid{margin-top:1rem;display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1rem}.panel{background:var(--bg-elevated);border:1px solid rgba(255,255,255,.75);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.95rem}.panel-heading p{color:#5f7280;font-size:.9rem}.task-form{display:grid;gap:.5rem}.dual-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#4f6d7e 50%),linear-gradient(135deg,#4f6d7e 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.progress-wrapper{margin-top:1rem;border-radius:var(--radius-md);border:1px solid #dfe8ec;background:linear-gradient(145deg,#f4f8f8,#f8f6f3);padding:.85rem}.progress-header{display:flex;justify-content:space-between;color:#42606f;font-weight:600;margin-bottom:.5rem}.progress-track{height:9px;border-radius:999px;background:#dbe7e8;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent));transition:width .25s ease}.toolbar{display:grid;grid-template-columns:1fr 170px;gap:.7rem;margin-bottom:.65rem}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:.56rem;margin-bottom:.8rem}.chip-group{display:flex;gap:.45rem;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:.82rem;padding:.48rem .8rem}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.loading-state,.empty-state{border:1px dashed #cad5dd;border-radius:var(--radius-md);background:#f9fcfc;text-align:center;padding:1.3rem}.empty-state p,.loading-state{color:#607683}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.task-card{background:#fff;border:1px solid #d9e3e9;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.92rem;animation:riseIn .42s ease both}.task-card.pending{border-left:6px solid #e7b84b}.task-card.completed{border-left:6px solid #52b488}.task-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem}.task-top-row h3{font-size:1.06rem}.status-pill,.priority-pill,.date-pill{border-radius:999px;padding:.25rem .66rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-pill.pending{background:var(--warn-soft);color:var(--warn-ink)}.status-pill.completed{background:var(--success-soft);color:var(--success-ink)}.task-card p{margin-top:.52rem;color:#425a67;white-space:pre-wrap}.meta-row{margin-top:.64rem;display:flex;gap:.45rem;flex-wrap:wrap}.priority-low{background:#e9f7ff;color:#1d6185}.priority-medium{background:#fff3d8;color:#7b5d10}.priority-high{background:#ffe5e5;color:#9d1f1f}.date-pill{background:#ecf3f8;color:#34586d}.date-pill.overdue{background:#ffe4e8;color:#9a2431}.task-footer{margin-top:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.76rem}.task-footer small{color:#607684;font-size:.75rem}.task-actions{display:flex;gap:.42rem}.pager{margin-top:.85rem;display:flex;justify-content:flex-end;align-items:center;gap:.7rem;color:#576d7c;font-size:.9rem}.reveal-fast{animation:fadeLift .44s ease both}.reveal-med{animation:fadeLift .58s ease both}.reveal-slow{animation:fadeLift .72s ease both}@keyframes fadeLift{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1080px){.auth-shell{grid-template-columns:1fr;padding:1rem}.topbar,.dashboard-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.app-shell{padding:1rem .8rem 1.7rem}.auth-card,.auth-hero,.topbar,.panel{padding:1rem}.toolbar,.filter-row,.dual-fields{grid-template-columns:1fr}.task-footer{flex-direction:column;align-items:flex-start}.task-actions{width:100%}.task-actions button{flex:1}.pager{justify-content:flex-start}}