@tailwind base;@tailwind components;@tailwind utilities;:root{--max-budget:300;--font-family:"Vazirmatn", system-ui, -apple-system, sans-serif;--bg-color:#000;--text-main:#f5f5f7;--text-muted:#86868b;--q1-color:#ff453a;--q2-color:#0a84ff;--q3-color:#ffd60a;--q4-color:#10b981;--success-color:#32d74b;--danger-color:#ff453a;--glass-bg:#1c1c1ea6;--glass-border:#ffffff1a;--glass-border-light:#ffffff26;--body-bg-gradient:radial-gradient(circle at 10% 20%, #0a84ff26, transparent 40%), radial-gradient(circle at 90% 80%, #ff453a1f, transparent 40%), radial-gradient(circle at 50% 50%, #5e5ce61a, transparent 50%);--card-shadow:0 16px 40px #00000040;--modal-shadow:0 24px 48px #0006;--ui-bg-subtle:#ffffff08;--ui-bg-hover:#ffffff0d;--ui-bg-active:#ffffff1a;--ui-border:#ffffff1a;--ui-border-strong:#ffffff26;--input-bg:#ffffff0f;--overlay-bg:#0006;--toggle-bg:#ffffff26}:root[data-theme=light]{--bg-color:#f2f2f7;--text-main:#1c1c1e;--text-muted:#8e8e93;--q1-color:#ff3b30;--q2-color:#007aff;--q3-color:#fc0;--q4-color:#10b981;--success-color:#34c759;--danger-color:#ff3b30;--glass-bg:#ffffffb3;--glass-border:#00000014;--glass-border-light:#fffc;--body-bg-gradient:radial-gradient(circle at 10% 20%, #007aff14, transparent 40%), radial-gradient(circle at 90% 80%, #ff3b300d, transparent 40%), radial-gradient(circle at 50% 50%, #5856d60f, transparent 50%);--card-shadow:0 12px 32px #0000000f;--modal-shadow:0 20px 48px #00000026;--ui-bg-subtle:#00000005;--ui-bg-hover:#0000000d;--ui-bg-active:#00000014;--ui-border:#00000014;--ui-border-strong:#00000026;--input-bg:#0000000a;--overlay-bg:#0003;--toggle-bg:#0000001a}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:var(--body-bg-gradient);background-attachment:fixed;min-height:100vh;padding:2rem;font-size:16px;line-height:1.5;transition:background-color .4s,color .4s}.container{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;display:flex}h1{letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;line-height:1.1}header{justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.header-actions{align-items:center;gap:.75rem;display:flex}.top-bar-btn,.date-navigator{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-light);border-radius:12px;box-shadow:0 4px 12px #0000000d}.top-bar-btn{width:42px;height:42px;color:var(--text-main);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.top-bar-btn:active{background-color:var(--ui-bg-active);transform:scale(.95)}.date-navigator{border-radius:16px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.date-display{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;align-items:center;min-width:130px;padding:.25rem .5rem;transition:background-color .2s;display:flex}.date-display:active{background-color:var(--ui-bg-active)}.date-display span{font-size:.95rem;font-weight:600}.date-display small{color:var(--text-muted);margin-top:2px;font-size:.75rem}.top-section{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-light);box-shadow:var(--card-shadow);border-radius:24px;padding:1.5rem 1.75rem;transition:background-color .4s,box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.card-title{letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:flex}.stats-grid{grid-template-columns:1fr;gap:1rem;display:grid}.stat-item{background:var(--ui-bg-subtle);border:1px solid var(--ui-border);border-radius:16px;flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}.stat-label{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.stat-value{letter-spacing:-.02em;align-items:baseline;gap:.25rem;font-size:1.75rem;font-weight:700;display:flex}.stat-unit{color:var(--text-muted);font-size:.9rem;font-weight:500}.progress-container{background-color:var(--ui-bg-active);border-radius:999px;height:8px;margin-top:.75rem;overflow:hidden}.progress-bar{background:var(--q2-color);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1),background-color .4s}.emergency-state .progress-bar{background:var(--danger-color)}.emergency-state .stat-value.allocated-val{color:var(--danger-color)}.emergency-state .add-task-trigger{border-color:var(--danger-color);background-color:#ff453a0d}.add-task-trigger{cursor:pointer;border:2px dashed var(--ui-border-strong);background-color:var(--ui-bg-subtle);-webkit-user-select:none;user-select:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;min-height:220px;transition:transform .1s ease-out,background-color .2s,border-color .2s,opacity .3s;display:flex}.add-task-trigger:hover{background-color:var(--ui-bg-hover);border-color:var(--q2-color)}.add-task-trigger:active{background-color:var(--ui-bg-active);transform:scale(.97)}.add-task-trigger i{color:var(--text-main);opacity:.8;font-size:2.5rem}.add-task-trigger span{font-size:1.1rem;font-weight:600}.task-list{flex-direction:column;gap:0;display:flex}.task-item{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;padding:1.25rem 0;transition:opacity .3s;display:flex}.task-item:last-child{border-bottom:none}.task-info{flex-direction:column;flex:1;gap:.4rem;display:flex}.task-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:1rem;font-weight:500;display:flex}.task-desc{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin-bottom:.25rem;font-size:.85rem}.task-meta{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.task-actions{align-items:center;gap:.5rem;display:flex}.q4-task{border-right:4px solid var(--q4-color);padding-right:1rem}.badge{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:8px;height:8px}.badge-q1{color:var(--q1-color)}.badge-q1:before{background-color:var(--q1-color)}.badge-q2{color:var(--q2-color)}.badge-q2:before{background-color:var(--q2-color)}.badge-q3{color:var(--q3-color)}.badge-q3:before{background-color:var(--q3-color)}.badge-q4{color:var(--q4-color)}.badge-q4:before{background-color:var(--q4-color)}.badge-mva{color:var(--q3-color);background-color:#ffd60a26;border:1px solid #ffd60a4d;border-radius:6px;margin-right:.5rem;padding:.1rem .4rem;font-size:.7rem}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .1s ease-out,background-color .2s,color .2s;display:flex}.btn-icon:hover{background-color:var(--ui-bg-hover);color:var(--text-main)}.btn-icon:active{background-color:var(--ui-bg-active);transform:scale(.9)}.btn-icon.edit:active{color:var(--q2-color);background-color:#0a84ff26}.btn-icon.delete:active{color:var(--q1-color);background-color:#ff453a26}.timer-display{text-align:center;min-width:50px;color:var(--text-main);font-family:monospace;font-size:.95rem;font-weight:600}.btn-timer{background-color:var(--ui-bg-subtle);border:1px solid var(--ui-border);color:var(--text-main);border-radius:12px;gap:.4rem;width:auto;padding:0 .75rem;font-size:.85rem}.btn-timer.active{color:var(--success-color);background-color:#32d74b26;border-color:#32d74b4d}.btn-mva{border:1px solid var(--q3-color);color:var(--q3-color);cursor:pointer;background:0 0;border-radius:8px;padding:.2rem .5rem;font-size:.7rem;transition:all .2s}.btn-mva:hover{background:#ffd60a1a}.btn-mva:active{transform:scale(.95)}.toggle-switch{width:50px;height:30px;margin-left:.5rem;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--toggle-bg);border-radius:30px;transition:background-color .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:transform .3s cubic-bezier(.2,.85,.32,1.2);position:absolute;bottom:2px;right:2px;box-shadow:0 2px 5px #0003}input:checked+.slider{background-color:var(--success-color)}input:checked+.slider:before{transform:translate(-20px)}.task-completed .task-title,.task-completed .timer-display{color:var(--text-muted);text-decoration:line-through}.task-completed{opacity:.6}.fab-inbox{background:var(--q2-color);color:#fff;cursor:pointer;z-index:900;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:fixed;bottom:2rem;left:2rem;box-shadow:0 8px 24px #0a84ff66}.fab-inbox:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 12px 32px #0a84ff80}.fab-inbox:active{transform:scale(.95)}.inbox-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid var(--glass-border);width:340px;box-shadow:var(--modal-shadow);z-index:900;opacity:0;pointer-events:none;transform-origin:0 100%;border-radius:24px;flex-direction:column;max-height:60vh;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:5rem;left:2rem;transform:translateY(20px)scale(.95)}.inbox-panel.active{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.inbox-header{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.inbox-list{flex-direction:column;flex:1;gap:.75rem;margin-bottom:1rem;padding-right:.5rem;display:flex;overflow-y:auto}.inbox-item{background:var(--ui-bg-subtle);border:1px solid var(--ui-border);border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.inbox-item-text{word-break:break-word;font-size:.9rem}.inbox-item-actions{border-top:1px solid var(--ui-border);justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.inbox-item-actions .btn-text{color:var(--q2-color);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.inbox-input-group{gap:.5rem;display:flex}.inbox-input-group input{background:var(--input-bg);border:1px solid var(--ui-border);color:var(--text-main);border-radius:12px;flex:1;padding:.75rem;font-family:inherit}.inbox-input-group input:focus{border-color:var(--q2-color);outline:none}.inbox-input-group button{background:var(--q2-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;display:flex}.modal-overlay{background-color:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-light);width:90%;max-width:440px;box-shadow:var(--modal-shadow);border-radius:28px;padding:2rem;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:scale(.95)translateY(20px)}.modal-overlay.active .modal-box{transform:scale(1)translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-title{font-size:1.3rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem;font-weight:500;line-height:1.4;display:block}.form-control{background:var(--input-bg);width:100%;color:var(--text-main);border:1px solid #0000;border-radius:12px;padding:.85rem 1rem;font-size:1rem;transition:all .2s}.form-control:focus{background:var(--ui-bg-active);border-color:var(--q2-color);outline:none;box-shadow:0 0 0 3px #0a84ff33}textarea.form-control{resize:vertical;min-height:80px;font-family:inherit}.segment-control{background:var(--input-bg);border-radius:12px;gap:4px;padding:4px;display:flex}.segment-control input[type=radio]{display:none}.segment-control label{text-align:center;cursor:pointer;color:var(--text-muted);border-radius:8px;flex:1;padding:.65rem;font-size:.95rem;font-weight:600;transition:all .2s;margin-bottom:0!important}.segment-control input[type=radio]:checked+label{background:var(--ui-bg-active);color:var(--text-main);box-shadow:0 2px 8px #0000001a}.segment-control input[type=radio][value=yes]:checked+label{color:var(--q1-color)}.segment-control.growth-seg input[type=radio][value=yes]:checked+label{color:var(--success-color)}.segment-control.personal-seg input[type=radio][value=yes]:checked+label{color:var(--q4-color)}.btn{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .1s ease-out,background-color .2s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--q2-color);color:#fff}.btn-primary:hover{background:#0070e0}.btn-outline{background:var(--ui-bg-active);color:var(--text-main)}.btn-outline:hover{background:var(--ui-bg-hover)}.stepper{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.step-circle{background-color:var(--ui-bg-active);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.step-circle.active{background-color:var(--q2-color);color:#fff}.step-circle.completed{background-color:var(--success-color);color:#fff}.step-line{background-color:var(--ui-bg-active);border-radius:2px;flex:1;max-width:60px;height:3px;transition:background-color .3s}.step-line.active{background-color:var(--success-color)}.step-content{opacity:0;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);display:none;transform:translate(-10px)}.step-content.active{opacity:1;display:block;transform:translate(0)}.modal-footer{gap:1rem;margin-top:2rem;display:flex}.error-text{color:var(--danger-color);margin-top:.4rem;font-size:.8rem;font-weight:500;display:none}.has-error .form-control{border-color:var(--danger-color)}.has-error .error-text{display:block}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state i{opacity:.3;margin-bottom:1rem;font-size:3rem}.chart-container{width:100%;height:250px;margin-top:1rem;position:relative}#analytics-warning{color:var(--danger-color);text-align:center;background:#ff453a1a;border-radius:8px;margin-top:.5rem;padding:.5rem;font-size:.85rem;font-weight:600;display:none}@media (max-width:768px){body{padding:1rem}.container{gap:1.25rem}header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{justify-content:space-between;width:100%}.date-navigator{flex:1;justify-content:center}.top-section{grid-template-columns:1fr}.add-task-trigger{flex-direction:row;gap:1.5rem;min-height:120px}.card{padding:1.25rem}.task-item{flex-direction:column;align-items:stretch;gap:1rem}.task-actions{background-color:var(--ui-bg-subtle);border-radius:12px;flex-wrap:wrap;justify-content:space-between;padding:.75rem 1rem}.modal-box{padding:1.5rem}.modal-footer{flex-direction:column;gap:.75rem}.btn{width:100%}.fab-inbox{bottom:1rem;left:1rem}.inbox-panel{width:auto;max-width:none;bottom:4rem;left:1rem;right:1rem}}