@import"https://v1.fontapi.ir/css/Tanha";@import"https://fonts.googleapis.com/css2?family=Lalezar&display=swap";:root{--primary: #667eea;--primary-deep: #5a67d8;--secondary: #764ba2;--accent: #f093fb;--green: #00d2a0;--orange: #ffa94d;--bg: #0a0a1a;--bg-surface: #0f0f28;--card-bg: rgba(255, 255, 255, .04);--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .1);--text: #f0f0ff;--text-dim: rgba(255, 255, 255, .45);--shadow: 0 8px 32px rgba(0, 0, 0, .5);--shadow-md: 0 20px 60px rgba(0, 0, 0, .7);--border: rgba(255, 255, 255, .08);--sidebar-bg: rgba(7, 5, 25, .98);--sidebar-border: rgba(102, 126, 234, .2)}@media(pointer:fine){*,*:before,*:after{cursor:none!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Tanha,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}input,textarea,select,[contenteditable=true]{cursor:text!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#667eea59;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#667eeaa6}::-webkit-scrollbar-corner{background:transparent}html{scroll-behavior:smooth;font-size:16px}@media(max-width:600px){html{font-size:14px}}body{background:var(--bg);background-image:linear-gradient(135deg,#0a0a1a,#0d0b2a 40%,#0a1628);color:var(--text);min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}.app-shell{display:flex;min-height:100dvh;position:relative;z-index:1}.sidebar{width:272px;flex-shrink:0;height:100dvh;position:sticky;top:0;background:var(--sidebar-bg);border-left:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden;z-index:100;transition:width .3s ease}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:20px 16px;overflow-y:auto;gap:16px}.sidebar-inner::-webkit-scrollbar{width:4px}.sidebar-inner::-webkit-scrollbar-thumb{background:#ffffff1a}.sidebar-mobile{position:fixed;top:0;right:0;height:100dvh;width:80%;max-width:300px;z-index:1000;box-shadow:-8px 0 48px #0009}.content-area{flex:1;min-width:0;height:100dvh;overflow-y:auto;overflow-x:hidden;direction:rtl;scroll-behavior:smooth;overscroll-behavior:contain}.content-inner{padding:clamp(16px,4vw,32px) clamp(16px,5vw,40px);width:100%;box-sizing:border-box;margin:0 auto;min-height:100%}@media(max-width:900px){.content-inner{padding:clamp(12px,3vw,24px) clamp(12px,4vw,20px)}}@media(max-width:600px){.content-inner{padding:70px 12px 20px}}.glass-card{background:var(--card-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow);transition:box-shadow .3s ease,transform .3s ease}.glass-card:hover{box-shadow:var(--shadow-md)}.loading-container{position:fixed;inset:0;background:#060416;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;gap:0}.loader-logo-ring{position:relative;width:160px;height:160px;margin-bottom:32px}.loader-logo-ring svg.spinner-ring{position:absolute;inset:0;animation:spin 3s linear infinite}.loader-logo-ring img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;animation:pulse-logo 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(102,126,234,.8))}.loader-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb,#00d2a0);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;letter-spacing:1px;margin-bottom:16px}.loader-subtitle{color:#ffffff80;font-size:15px;margin-bottom:48px}.loader-bar-track{width:200px;height:4px;background:#ffffff14;border-radius:4px;overflow:hidden}.loader-bar-fill{height:100%;width:40%;background:linear-gradient(90deg,#667eea,#f093fb);border-radius:4px;animation:loader-slide 1.8s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-logo{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes loader-slide{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(350%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pop-in{0%{transform:scale(.85);opacity:0}70%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}.fade-in{animation:fade-in .45s ease forwards}.slide-in{animation:slide-in-right .35s ease forwards}.pop-in{animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) forwards}.pulse-anim{animation:pulse-logo 2s ease-in-out infinite}button{cursor:pointer;font-family:Tanha,sans-serif!important;transition:all .25s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}input,textarea,select{font-family:Tanha,sans-serif!important;transition:border-color .2s,box-shadow .2s;outline:none}input:focus,textarea:focus{box-shadow:0 0 0 3px #667eea33}.sidebar-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fade-in .2s ease}.pomodoro-ring{transform:rotate(-90deg);transform-origin:center}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid transparent;background:transparent;color:#ffffff8c;font-size:14px;font-weight:600;cursor:pointer;width:100%;text-align:right;transition:all .25s ease;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0f,#ffffff05);opacity:0;transition:opacity .25s;border-radius:inherit}.nav-item:hover:before{opacity:1}.nav-item:hover{color:#ffffffe6;background:#ffffff0f;border-color:#ffffff14;transform:translate(-2px)}.nav-item.active{background:linear-gradient(135deg,#667eea59,#764ba240);border-color:#667eea66;color:#fff;box-shadow:0 4px 20px #667eea4d,inset 0 1px #ffffff1a}.nav-item .nav-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0f;transition:all .25s}.nav-item.active .nav-icon{background:#ffffff26;box-shadow:0 2px 8px #0003}.stat-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.06;transform:translate(20px,-20px)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.task-item{padding:16px 20px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:16px;transition:all .25s ease;animation:fade-in .3s ease forwards}.task-item:hover{border-color:#667eea4d;box-shadow:0 4px 16px #667eea1a;transform:translate(-2px)}.bg-blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.08;pointer-events:none;z-index:0;animation:float 12s ease-in-out infinite}.page-title{font-size:clamp(22px,4vw,36px);font-weight:700;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px;font-family:Lalezar,Tanha,sans-serif!important}.announcement-banner{padding:14px 20px;border-radius:14px;display:flex;align-items:center;gap:14px;margin-bottom:24px;animation:slide-in-right .4s ease;font-size:14px;font-weight:600}.mobile-menu-btn{position:fixed;top:14px;right:16px;z-index:1001;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #667eea80}.progress-bar{height:8px;border-radius:4px;background:#667eea1f;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .6s cubic-bezier(.4,0,.2,1)}.custom-check{width:22px;height:22px;border-radius:7px;border:2px solid rgba(102,126,234,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .25s ease}.custom-check.checked{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;box-shadow:0 3px 10px #667eea66}.badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.toast-wrap{position:fixed;bottom:24px;left:24px;z-index:9998;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{background:#0f0c29f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;font-weight:600;box-shadow:0 8px 32px #0006;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) forwards;max-width:340px;pointer-events:all;min-width:260px}.font-lalezar{font-family:Lalezar,Tanha,sans-serif!important}.reveal,.reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:0;will-change:opacity,transform}.reveal{transition:opacity .65s cubic-bezier(.22,1,.36,1)}.reveal-up{transform:translateY(36px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal-left{transform:translate(36px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal-right{transform:translate(-36px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal-scale{transform:scale(.93) translateY(20px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal.revealed,.reveal-up.revealed,.reveal-left.revealed,.reveal-right.revealed,.reveal-scale.revealed{opacity:1;transform:none}.stagger:nth-child(1){transition-delay:0s}.stagger:nth-child(2){transition-delay:.07s}.stagger:nth-child(3){transition-delay:.14s}.stagger:nth-child(4){transition-delay:.21s}.stagger:nth-child(5){transition-delay:.28s}.stagger:nth-child(6){transition-delay:.35s}.stagger:nth-child(7){transition-delay:.42s}.stagger:nth-child(8){transition-delay:.49s}.stagger:nth-child(9){transition-delay:.56s}.stagger:nth-child(10){transition-delay:.63s}.reveal-fast,.reveal-up.reveal-fast{transition-duration:.4s}.reveal-slow,.reveal-up.reveal-slow{transition-duration:1s}.glass-card.reveal-up.revealed,.glass-card.reveal-scale.revealed{box-shadow:var(--shadow-md)}.glass-card.lift:hover{transform:translateY(-6px) scale(1.007);box-shadow:var(--shadow-md)}.glass-card.glow-hover{transition:box-shadow .4s ease,transform .4s ease,border-color .4s ease}.glass-card.glow-hover:hover{border-color:#667eea59;box-shadow:var(--shadow-md),0 0 0 1px #667eea26,inset 0 1px #ffffff0f}.scroll-fade-header{transition:opacity .4s ease}.task-item{will-change:transform}.task-item:hover{transform:translate(-4px) translateY(-1px);border-color:#667eea4d;box-shadow:0 8px 24px #667eea1f,inset 0 1px #ffffff0a}.stat-card{will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.stat-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-md)}button:not(:disabled):hover{filter:brightness(1.07)}button:not(:disabled):active{transform:scale(.96)!important;filter:brightness(.95)}.page-enter{animation:page-enter .4s cubic-bezier(.22,1,.36,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(18px) scale(.99);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.content-area{scroll-behavior:auto}.content-area::-webkit-scrollbar-thumb{transition:background .4s ease,opacity .4s ease}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border) 30%,var(--glass-border) 70%,transparent);margin:32px 0;opacity:.6}