@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-color: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .5);--glass-border: rgba(255, 255, 255, .08);--status-pending: #fbbf24;--status-progress: #3b82f6;--status-completed: #10b981;--status-cancelled: #ef4444;--priority-low: #64748b;--priority-medium: #8b5cf6;--priority-high: #f97316;--priority-urgent: #dc2626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 15px rgba(99, 102, 241, .5);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;background:radial-gradient(circle at top left,#1e1b4b,#0f172a 40%,#020617);background-attachment:fixed}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;cursor:pointer;border:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(-- प्राथमिक),var(--primary-hover));background-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background-color:#ffffff0d;color:var(--text-main)}.btn-full{width:100%}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background-color:#ffffff1a;color:var(--text-main);transform:scale(1.1)}.icon-btn-edit:hover{color:var(--status-progress)}.icon-btn-del:hover{color:var(--status-cancelled)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;overflow:hidden;padding:1rem}.auth-bg-circles .circle{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.5;animation:float 10s ease-in-out infinite alternate}.auth-bg-circles .circle-1{width:400px;height:400px;background-color:#6366f166;top:-100px;left:-100px}.auth-bg-circles .circle-2{width:300px;height:300px;background-color:#8b5cf64d;bottom:-50px;right:-50px;animation-delay:-5s}.auth-bg-circles .circle-3{width:200px;height:200px;background-color:#10b98133;top:40%;left:60%;animation-duration:15s}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,50px)}}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);animation:slideUpFade .5s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--priority-medium));border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:var(--shadow-glow)}.logo-icon{font-size:1.5rem;font-weight:800;color:#fff}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:var(--text-muted);font-size:.9rem}.demo-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.8rem;background:#ffffff08;border-radius:var(--radius-md);font-size:.85rem;color:var(--text-muted)}.demo-btn{background:#ffffff1a;border:none;color:var(--text-main);padding:.3rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.demo-btn:hover{background:#fff3}.auth-form .form-group{margin-bottom:1.2rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--text-muted)}.required{color:var(--status-cancelled)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}input,select,textarea{width:100%;padding:.75rem 1rem .75rem 2.8rem;background:#0f172a99;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;font-size:.95rem;transition:all .3s}select,textarea{padding-left:1rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}input.error{border-color:var(--status-cancelled)}.field-error{color:var(--status-cancelled);font-size:.8rem;margin-top:.3rem;display:block}.pwd-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0}.pwd-toggle:hover{color:var(--text-main)}.auth-form .btn-primary{margin-top:.5rem;padding:.8rem}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-muted)}.alert{padding:.8rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9rem;text-align:center}.alert-error{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5}.dashboard-layout{min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:40}.navbar-brand .brand-link{display:flex;align-items:center;gap:.75rem;color:var(--text-main)}.brand-icon{background:var(--primary);color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 0 10px #6366f166}.brand-name{font-weight:700;font-size:1.25rem;letter-spacing:-.5px}.navbar-right{display:flex;align-items:center;gap:1.5rem}.user-chip{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--priority-medium));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.9rem}.role-badge{font-size:.7rem;display:flex;align-items:center;gap:.3rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.role-admin{color:var(--status-pending)}.role-user{color:var(--text-muted)}.dashboard-main{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:700;margin-bottom:.2rem}.badge-admin{background:#fbbf2433;color:var(--status-pending);border:1px solid rgba(251,191,36,.3);margin-left:.5rem;padding:.1rem .4rem;border-radius:4px}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:transform .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-3px)}.stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-total .stat-icon{background:#ffffff1a;color:var(--text-main)}.stat-pending .stat-icon{background:#fbbf2426;color:var(--status-pending)}.stat-progress .stat-icon{background:#3b82f626;color:var(--status-progress)}.stat-done .stat-icon{background:#10b98126;color:var(--status-completed)}.stat-cancelled .stat-icon{background:#ef444426;color:var(--status-cancelled)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{font-size:.85rem;color:var(--text-muted)}.filters-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;background:#ffffff05;padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--glass-border);align-items:center;justify-content:space-between}.search-wrapper{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{padding-left:2.5rem;background:#0003}.filter-group{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.filter-select{width:auto;min-width:140px;background:#0003}.view-toggle{display:flex;gap:.3rem;background:#0003;padding:.3rem;border-radius:var(--radius-md)}.view-btn{background:transparent;border:none;color:var(--text-muted);padding:.4rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;transition:all .2s}.view-btn:hover{color:var(--text-main)}.view-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.task-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#fff3}.priority-strip{height:4px;width:100%}.priority-strip.priority-low{background:var(--priority-low)}.priority-strip.priority-medium{background:var(--priority-medium)}.priority-strip.priority-high{background:var(--priority-high)}.priority-strip.priority-urgent{background:var(--priority-urgent);box-shadow:0 0 8px var(--priority-urgent)}.task-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.task-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.task-badges{display:flex;flex-wrap:wrap;gap:.4rem}.badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fbbf2426;color:var(--status-pending);border:1px solid rgba(251,191,36,.3)}.status-progress{background:#3b82f626;color:var(--status-progress);border:1px solid rgba(59,130,246,.3)}.status-done{background:#10b98126;color:var(--status-completed);border:1px solid rgba(16,185,129,.3)}.status-cancelled{background:#ef444426;color:var(--status-cancelled);border:1px solid rgba(239,68,68,.3)}.priority-low{color:var(--priority-low)}.priority-medium{color:var(--priority-medium)}.priority-high{color:var(--priority-high)}.priority-urgent{color:var(--priority-urgent);font-weight:800}.badge-overdue{background:#dc262633;color:#f87171;border:1px solid rgba(220,38,38,.4);display:flex;align-items:center;gap:.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.task-actions{display:flex;gap:.2rem;opacity:0;transition:opacity .2s}.task-card:hover .task-actions{opacity:1}.task-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}.task-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-muted)}.meta-item{display:flex;align-items:center;gap:.3rem}.meta-overdue{color:#f87171;font-weight:600}.task-card-list{flex-direction:row}.task-card-list .priority-strip{width:4px;height:auto}.task-card-list .task-body{flex-direction:row;align-items:center;padding:1rem}.task-card-list .task-top{margin-bottom:0;width:30%}.task-card-list .task-title{margin-bottom:0;flex:1;padding-right:1rem}.task-card-list .task-meta{padding-top:0;border-top:none;min-width:250px;justify-content:flex-end}.task-card-list .task-actions{opacity:1;margin-left:1rem}.tabs-bar{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.95rem;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.users-list-wrapper{margin-top:1rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000080;animation:modalSlideIn .3s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;border-radius:4px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;background:#ffffff03}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.full-spinner{min-height:100vh;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#ffffff03;border-radius:var(--radius-lg);border:1px dashed var(--border-color);color:var(--text-muted);gap:1rem}.empty-state h3{color:var(--text-main);font-size:1.25rem}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-bar{flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap}.filter-select{flex:1}.task-card-list{flex-direction:column}.task-card-list .priority-strip{width:100%;height:4px}.task-card-list .task-top{width:100%;margin-bottom:1rem}.task-card-list .task-meta{justify-content:flex-start;padding-top:1rem;width:100%;border-top:1px solid var(--border-color)}}