@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:255,255,255;--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--glass-shadow:rgba(0,0,0,.1);--glass-highlight:hsla(0,0%,100%,.15);--primary-color:#10b981;--danger-color:#ef4444}body{color:rgb(var(--foreground-rgb));background-image:url(https://images.unsplash.com/photo-1501854140801-50d01698950b?auto=format&fit=crop&q=80);background-size:cover;background-position:50%;background-attachment:fixed;min-height:100vh;font-family:Vazirmatn,system-ui,sans-serif}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.1));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1}.task-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px 0 var(--glass-shadow)}.task-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px 0 var(--glass-shadow);background:var(--glass-highlight)}.task-card.bg-red-500\/20{border-color:rgba(239,68,68,.3)}.task-card.bg-red-500\/20:hover{background:rgba(239,68,68,.15)}.task-card.bg-green-500\/20{border-color:rgba(16,185,129,.3)}.task-card.bg-green-500\/20:hover{background:rgba(16,185,129,.15)}.task-card.bg-primary\/20{border-color:rgba(16,185,129,.3)}.task-card.bg-primary\/20:hover{background:rgba(16,185,129,.15)}.task-card:before{content:attr(data-number);position:absolute;top:10px;right:10px;font-size:1.5rem;font-weight:700;opacity:.5;color:#fff}.task-actions{position:absolute;top:12px;left:12px;display:flex;gap:.75rem;opacity:0;transform:translateY(-10px);transition:all .3s ease}.task-card:hover .task-actions{opacity:1;transform:translateY(0)}.action-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px 0 var(--glass-shadow)}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 var(--glass-shadow)}.action-button.edit:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}.action-button.delete:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3)}.review-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:500;transition:all .3s ease;cursor:pointer;margin-top:1rem;box-shadow:0 4px 16px 0 var(--glass-shadow)}.review-button:hover{background:var(--glass-highlight);transform:translateY(-2px);box-shadow:0 6px 20px 0 var(--glass-shadow)}.review-status{background:var(--primary-color);color:#fff;padding:.25rem 1rem;border-radius:6px;display:inline-block;font-size:.875rem}.add-task-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:#fff;padding:.75rem 2rem;border-radius:12px;font-weight:500;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px 0 var(--glass-shadow);margin:4px}.add-task-button:hover{background:var(--glass-highlight);transform:translateY(-2px);box-shadow:0 6px 20px 0 var(--glass-shadow)}.add-task-button.bg-gray-500{background:var(--glass-bg);border:1px solid var(--glass-border)}.add-task-button.bg-gray-500:hover{background:var(--glass-highlight);border-color:var(--glass-border)}.task-input{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:#fff;padding:.75rem 1rem;border-radius:8px;width:100%;transition:all .3s ease}.task-input:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.task-input::placeholder{color:hsla(0,0%,100%,.6)}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;padding:1.5rem}.rtl{direction:rtl}.days-count{color:hsla(0,0%,100%,.8);font-size:.875rem;font-weight:400;opacity:.9;padding-right:.5rem}.task-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem;color:#fff;padding-right:.5rem}.context-menu{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;min-width:160px;box-shadow:0 8px 32px 0 var(--glass-shadow)}.context-menu-item{padding:.75rem 1rem;color:#fff;transition:all .2s ease;cursor:pointer;text-align:right;background:transparent;border:none;width:100%}.context-menu-item:hover{background:var(--glass-highlight)}.context-menu-item.danger{color:#f87171}.context-menu-item.danger:hover{background:hsla(0,91%,71%,.2)}.learned-status{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:#10b981;padding:.5rem 1rem;border-radius:8px;font-weight:400;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;margin-top:.5rem;box-shadow:0 2px 8px 0 var(--glass-shadow)}.learned-status svg{color:#10b981;width:1rem;height:1rem;margin-left:.375rem}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_d65c78;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_d65c78{font-family:__Inter_d65c78,__Inter_Fallback_d65c78;font-style:normal}