@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,400&display=swap";:root{--green-900:#052e16;--green-800:#14532d;--green-700:#15803d;--green-600:#16a34a;--green-500:#22c55e;--green-400:#4ade80;--green-100:#dcfce7;--green-50:#f0fdf4;--forest:#1a5c47;--forest-mid:#237358;--forest-light:#2d9970;--forest-glow:#1a5c4726;--forest-dim:#1a5c4714;--teal:#0d9488;--sage:#6b8c7c;--ink:#0d1f17;--ink-2:#1e3528;--slate:#3d5248;--muted:#6d8378;--ghost:#9db5a8;--line:#dde9e3;--line-2:#eaf2ed;--surface:#f4faf7;--white:#fff;--amber:#d97706;--amber-bg:#fffbeb;--amber-br:#fde68a;--blue:#2563eb;--blue-bg:#eff6ff;--blue-br:#bfdbfe;--red:#dc2626;--red-bg:#fef2f2;--red-br:#fecaca;font-feature-settings:"cv02", "cv03", "cv04", "cv11";color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}::selection{color:var(--ink);background:#1a5c472e}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--line-2)}::-webkit-scrollbar-thumb{background:#1a5c474d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#1a5c4780}html{background:var(--surface)}body{background-color:#0000;background-image:radial-gradient(65% 55% at -5% -10%,#22c55e1f 0%,#0000 65%),radial-gradient(50% 40% at 105% -5%,#0d948817 0%,#0000 60%),linear-gradient(165deg,#f0fdf7 0%,#e8f5ef 30%,#dceee6 60%,#cfe5da 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}button,input,select{font:inherit}main{width:min(1200px,100% - 2.4rem);margin:0 auto;padding:2.5rem 0 5rem}.auth-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe0;border:1px solid #1a5c471f;border-radius:32px;gap:1.2rem;width:min(480px,100%);padding:3rem 2.6rem;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 6px #0d1f170a,0 12px 30px #0d1f1714,0 40px 80px #0d1f171a,inset 0 1px #ffffffe6}.auth-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e1f,#0000 65%);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-80px}.auth-card h1{letter-spacing:-.06em;color:var(--ink);font-size:clamp(2rem,5vw,2.8rem);font-weight:900;line-height:1}.auth-card h1 span{background:linear-gradient(135deg, var(--forest) 0%, var(--forest-mid) 50%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-card>p{color:var(--muted);font-size:.95rem;line-height:1.7}.auth-form,.create-form,.filter-grid{gap:.9rem;display:grid}label{color:var(--slate);letter-spacing:.04em;gap:.38rem;font-size:.8rem;font-weight:600;display:grid}input,select{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#ffffffd9;border-radius:12px;padding:.75rem .95rem;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:0 1px 3px #0d1f170f}input::placeholder{color:var(--ghost)}input:hover:not(:focus),select:hover:not(:focus){border-color:#1a5c4740}input:focus,select:focus{border-color:var(--forest-mid);background:var(--white);outline:none;box-shadow:0 0 0 3px #1a5c471f,0 1px 3px #0d1f170f}button{letter-spacing:-.01em;cursor:pointer;background:linear-gradient(160deg, var(--forest-mid) 0%, var(--forest) 100%);color:#fffffff2;border:none;border-radius:12px;padding:.72rem 1.4rem;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 2px 8px #1a5c4740,0 8px 24px #1a5c4733}button:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff24 0%,#0000 55%);position:absolute;inset:0}button:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e,0 4px 14px #1a5c474d,0 16px 40px #1a5c4740}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}button.secondary{color:var(--forest);box-shadow:none;background:#1a5c4712;border:1.5px solid #1a5c472e}button.secondary:hover{box-shadow:none;filter:none;background:#1a5c471f;border-color:#1a5c474d}button.danger{background:linear-gradient(160deg,#c0392b 0%,#96281b 100%);box-shadow:0 2px 8px #c0392b40,0 8px 24px #c0392b2e}button.danger:hover{box-shadow:0 4px 14px #c0392b4d,0 16px 40px #c0392b38}.dashboard-shell{gap:1.1rem;animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-copy,.hero-stats,.top-bar,.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #1a5c471a;border-radius:24px;transition:box-shadow .22s,border-color .22s;position:relative;box-shadow:inset 0 1px #ffffffe6,0 2px 6px #0d1f170a,0 8px 24px #0d1f170f,0 24px 56px #0d1f170f}.hero-copy:hover,.top-bar:hover{border-color:#1a5c472e;box-shadow:inset 0 1px #ffffffe6,0 2px 6px #0d1f170d,0 12px 32px #0d1f1717,0 32px 64px #0d1f1714}.hero-panel{grid-template-columns:1.1fr 1.45fr;align-items:stretch;gap:1.1rem;display:grid}.hero-copy{background:linear-gradient(155deg,#fffffff2 0%,#f0fdf7eb 100%);gap:1.1rem;padding:2.2rem 2rem 2.4rem;display:grid;overflow:hidden}.hero-copy:after{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e2e,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-60px;right:-60px}.hero-copy:before{content:"";pointer-events:none;background:radial-gradient(circle,#0d94881a,#0000 65%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;left:-40px}.eyebrow{width:fit-content;color:var(--forest);letter-spacing:.14em;text-transform:uppercase;z-index:1;background:#1a5c4714;border:1px solid #1a5c4733;border-radius:999px;align-items:center;gap:.45rem;padding:.38rem .9rem;font-size:.72rem;font-weight:800;display:inline-flex;position:relative}.hero-copy h1{letter-spacing:-.06em;color:var(--ink);z-index:1;font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:.93;position:relative}.hero-copy h1 em{background:linear-gradient(135deg, var(--forest) 0%, var(--forest-light) 50%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-lead{max-width:48ch;color:var(--muted);z-index:1;font-size:.97rem;line-height:1.75;position:relative}.hero-stats{grid-template-columns:repeat(2,1fr);gap:.9rem;padding:1.1rem;display:grid}.stat-card{cursor:default;background:#ffffffbf;border:1px solid #1a5c4714;border-radius:18px;gap:.28rem;padding:1.2rem 1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 1px 3px #0d1f170d}.stat-card:hover{border-color:#1a5c4729;transform:translateY(-2px);box-shadow:0 4px 16px #0d1f171a}.stat-card--wide{background:linear-gradient(135deg,#1a5c4714,#fffc);border-color:#1a5c4724;grid-column:span 2}.stat-card span{color:var(--ghost);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}.stat-card strong{letter-spacing:-.05em;color:var(--ink);font-size:clamp(1.7rem,2.5vw,2.4rem);font-weight:900;line-height:1}.stat-card--wide strong{background:linear-gradient(135deg, var(--forest) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-card small{color:var(--ghost);font-size:.78rem}.stat-card--pending{border-left:3px solid var(--amber)}.stat-card--progress{border-left:3px solid var(--blue)}.stat-card--done{border-left:3px solid var(--green-600)}.stat-card--pending strong{color:var(--amber)}.stat-card--progress strong{color:var(--blue)}.stat-card--done strong{color:var(--green-700)}.top-bar{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex}.top-bar-copy{gap:.3rem;display:grid}.top-bar-copy p:last-child{color:var(--muted);font-size:.92rem;line-height:1.55}.top-bar strong{color:var(--ink)}.panel{gap:1rem;padding:1.5rem 1.6rem;display:grid}.panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--ghost);align-items:center;gap:.45rem;font-size:.78rem;font-weight:800;display:flex}.create-form{grid-template-columns:repeat(5,minmax(130px,1fr));align-items:end}.create-form button{border-radius:12px;height:42px}.filter-grid{grid-template-columns:repeat(4,minmax(155px,1fr))}.task-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;display:grid}.task-card{background:#ffffffe6;border:1px solid #1a5c4717;border-radius:20px;gap:.85rem;padding:1.2rem 1.15rem 1.15rem 1.5rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 2px 6px #0d1f170d,0 8px 24px #0d1f170f}.task-card:hover{border-color:#1a5c472e;transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 4px 12px #0d1f1714,0 20px 50px #0d1f171a}.task-card:before{content:"";background:var(--line);border-radius:0 3px 3px 0;width:3.5px;height:calc(100% - 28px);transition:top .2s,height .2s;position:absolute;top:14px;left:0}.task-card:hover:before{height:calc(100% - 16px);top:8px}.task-card--pending:before{background:var(--amber)}.task-card--in-progress:before{background:var(--blue)}.task-card--completed:before{background:var(--green-600)}.task-title-row{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.task-title-row h3{letter-spacing:-.02em;color:var(--ink);font-size:.97rem;font-weight:700;line-height:1.35}.task-badges{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.35rem;display:flex}.status,.priority{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.24rem .65rem;font-size:.68rem;font-weight:700}.status.pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.status.in-progress{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.status.completed{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.priority-low{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.priority-medium{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.priority-high{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.task-card>p{color:var(--muted);font-size:.87rem;line-height:1.65}.task-meta{color:var(--ghost);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.tag-row{flex-wrap:wrap;gap:.38rem;display:flex}.tag{color:var(--forest);letter-spacing:.03em;background:#1a5c4712;border:1px solid #1a5c4729;border-radius:999px;padding:.22rem .62rem;font-size:.71rem;font-weight:600}.task-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6rem;display:grid}.task-actions button{border-radius:10px;height:38px;font-size:.83rem}.task-action-buttons{gap:.4rem;display:flex}.task-action-buttons button{border-radius:10px;height:38px;padding:0 .9rem;font-size:.8rem}.status-control{letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);gap:.3rem;font-size:.72rem;font-weight:700;display:grid}.status-control select{border-radius:10px;height:38px;font-size:.85rem}.task-card--editing{background:#f0fdf7f2!important;border-color:#1a5c474d!important;box-shadow:0 0 0 3px #1a5c471a,0 8px 30px #0d1f171a!important}.task-card__edit-label{letter-spacing:.16em;text-transform:uppercase;color:var(--forest-mid);font-size:.68rem;font-weight:800}.task-card__field{letter-spacing:.08em;text-transform:uppercase;color:var(--slate);gap:.3rem;font-size:.72rem;font-weight:700;display:grid}.task-card__field input,.task-card__field select{border-radius:10px;padding:.5rem .7rem;font-size:.86rem}.task-card__edit-actions{gap:.5rem;padding-top:.2rem;display:flex}.task-card__edit-actions button{border-radius:10px;flex:1;height:38px;font-size:.84rem}.pagination-row{justify-content:center;align-items:center;gap:.85rem;padding-top:.6rem;display:flex}.pagination-row button{border:1.5px solid var(--line);color:var(--slate);background:#ffffffe6;border-radius:10px;padding:.5rem 1.3rem;box-shadow:0 1px 3px #0d1f170f}.pagination-row button:hover:not(:disabled){background:var(--white);color:var(--forest);filter:none;border-color:#1a5c4740;transform:translateY(-1px);box-shadow:0 2px 8px #0d1f1714}.pagination-row button:disabled{opacity:.35;transform:none}.pagination-row span{color:var(--ghost);font-size:.88rem;font-weight:600}.banner{border-radius:12px;padding:.65rem 1rem;font-size:.9rem;font-weight:500;animation:.25s cubic-bezier(.22,1,.36,1) both slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.banner.error{background:var(--red-bg);color:var(--red);border:1px solid var(--red-br)}.banner.success{background:var(--green-50);color:var(--green-800);border:1px solid var(--green-100)}.muted{color:var(--ghost);padding:1rem 0;font-size:.95rem}@media (width<=1040px){.hero-panel{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.create-form{grid-template-columns:repeat(2,minmax(130px,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=640px){main{width:calc(100% - 1.4rem);padding-top:1.2rem}.hero-copy{padding:1.7rem 1.5rem}.hero-copy h1{max-width:none}.hero-stats{grid-template-columns:1fr}.stat-card--wide{grid-column:span 1}.top-bar{flex-direction:column;align-items:flex-start}.create-form,.filter-grid{grid-template-columns:1fr}.task-actions{grid-template-columns:1fr;align-items:stretch}.task-title-row{flex-direction:column}.task-badges{justify-content:flex-start}.create-meta-row{grid-template-columns:1fr 1fr}.create-submit-btn{grid-column:span 2}}.create-panel{gap:1.2rem;padding:1.8rem 2rem;background:#ffffffe0!important;border-color:#1a5c471f!important}.create-panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.create-panel__header h2{letter-spacing:.14em;color:var(--ghost);margin-bottom:.22rem;font-size:.78rem}.create-panel__sub{color:var(--ghost);font-size:.85rem;font-weight:400}.create-form-v2{gap:.65rem;display:grid}.create-title-input{width:100%;color:var(--ink)!important;background:var(--white)!important;border:1.5px solid var(--line)!important;border-radius:14px!important;padding:.95rem 1.1rem!important;font-size:1.08rem!important;font-weight:600!important;transition:border-color .15s,box-shadow .15s!important;box-shadow:0 1px 4px #0d1f170f!important}.create-title-input::placeholder{color:var(--ghost)!important;font-weight:400!important}.create-title-input:focus{border-color:var(--forest-mid)!important;box-shadow:0 0 0 3px #1a5c471f,0 1px 4px #0d1f170f!important}.create-desc-input{width:100%;color:var(--ink)!important;border:1.5px solid var(--line)!important;background:#ffffffb3!important;border-radius:12px!important;padding:.72rem 1rem!important;font-size:.9rem!important}.create-desc-input::placeholder{color:var(--ghost)!important}.create-desc-input:focus{border-color:var(--forest-mid)!important}.create-meta-row{grid-template-columns:1fr 1fr 2fr auto;align-items:end;gap:.6rem;display:grid}.create-meta-field{gap:.3rem;font-size:0;display:grid}.create-meta-field span{letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);font-size:.72rem;font-weight:700;display:block}.create-meta-field select,.create-meta-field input[type=date],.create-meta-field input:not([type=date]){border:1.5px solid var(--line)!important;background:#fffc!important;border-radius:10px!important;width:100%!important;height:40px!important;padding:0 .85rem!important;font-size:.86rem!important}.create-submit-btn{white-space:nowrap!important;border-radius:10px!important;align-self:end!important;align-items:center!important;gap:.45rem!important;height:40px!important;padding:0 1.4rem!important;font-size:.88rem!important;font-weight:700!important;display:inline-flex!important}.create-submit-btn svg{flex-shrink:0;transition:transform .2s}.create-submit-btn:hover svg{transform:rotate(90deg)}.analytics-panel{flex-direction:column;gap:1.5rem;padding:1.8rem 2rem;display:flex;background:#ffffffe0!important;border-color:#1a5c471f!important}.analytics-header{border-bottom:1px solid #1a5c4714;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.analytics-title{color:var(--ink);margin:0;font-size:1.25rem;font-weight:700}.analytics-subtitle{color:var(--ghost);margin:.2rem 0 0;font-size:.88rem}.refresh-btn{background:var(--white);border:1.5px solid var(--line);color:var(--ghost);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0d1f170d}.refresh-btn:hover{color:var(--forest-mid);border-color:var(--forest-mid);background:var(--pale-bg)}.refresh-btn:active{transform:scale(.95)}.refresh-btn.spinning svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analytics-empty{text-align:center;color:var(--ghost);padding:3rem;font-size:.95rem}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.chart-card{background:#fff9;border:1px solid #1a5c470f;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;box-shadow:0 2px 8px #0d1f1705}.chart-card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ghost);margin:0;font-size:.76rem;font-weight:700}.chart-wrapper{width:100%;height:250px;position:relative}@media (width<=768px){.analytics-grid{grid-template-columns:1fr}}