@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/Inter-300.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Inter-700.woff2) format("woff2")}:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-secondary-500: #7ed321;--color-secondary-600: #6bc11b;--color-accent-amber: #f59e0b;--color-accent-orange: #ea580c;--color-accent-warm: #E6A74C;--color-accent-warm-dark: #C78E3D;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-300: #6ee7b7;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-task-deadline: #9b59b6;--color-task-urgent: #3498db;--color-task-fixed: #27ae60;--color-task-deadline-light: #f3e8ff;--color-task-urgent-light: #dbeafe;--color-task-fixed-light: #d1fae5;--task-fixed-bg: #e0e7ff;--task-fixed-border: #c7d2fe;--task-fixed-left-border: #4f46e5;--task-fixed-text: #3730a3;--task-fixed-title: #312e81;--task-fixed-time-bg: rgba(255, 255, 255, .2);--task-fixed-time-color: #4f46e5;--task-fixed-border-color: #c7d2fe;--task-fixed-shadow: 0 25px 50px -12px rgba(79, 70, 229, .25);--task-fixed-location: #4f46e5;--task-urgent-bg: #d1fae5;--task-urgent-border: #a7f3d0;--task-urgent-left-border: #10b981;--task-urgent-text: #065f46;--task-urgent-title: #064e3b;--task-urgent-time-bg: rgba(236, 253, 245, .5);--task-urgent-time-color: #047857;--task-urgent-border-color: #a7f3d0;--task-urgent-shadow: 0 25px 50px -12px rgba(16, 185, 129, .25);--task-urgent-location: #059669;--task-deadline-bg: #fee2e2;--task-deadline-border: #fecaca;--task-deadline-left-border: #ef4444;--task-deadline-text: #991b1b;--task-deadline-title: #7f1d1d;--task-deadline-time-bg: rgba(254, 226, 226, .5);--task-deadline-time-color: #b91c1c;--task-deadline-border-color: #fecaca;--task-deadline-shadow: 0 25px 50px -12px rgba(239, 68, 68, .25);--task-deadline-location: #dc2626;--task-conflict-bg: #fffbeb;--task-conflict-border: #fde68a;--task-conflict-left-border: #f59e0b;--task-conflict-text: #92400e;--task-conflict-title: #78350f;--task-conflict-time-bg: #fef3c7;--task-conflict-time-color: #b45309;--task-conflict-border-color: #fde68a;--task-conflict-shadow: 0 25px 50px -12px rgba(245, 158, 11, .25);--task-conflict-location: #d97706;--task-recurring-bg: rgba(255, 251, 235, .9);--task-recurring-border: rgba(253, 230, 138, .5);--task-recurring-left-border: #f59e0b;--task-recurring-text: #92400e;--task-recurring-title: #78350f;--task-recurring-time-bg: #fef3c7;--task-recurring-time-color: #b45309;--task-recurring-border-color: rgba(253, 230, 138, .5);--task-recurring-shadow: 0 10px 25px -5px rgba(245, 158, 11, .1);--task-recurring-location: #d97706;--task-recurring-info-bg: rgba(255, 255, 255, .5);--task-recurring-btn-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--task-recurring-btn-color: white;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.025em;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-4xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-modal: 0 30px 70px -15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.16, 1, .3, 1);--color-primary-focus: rgba(99, 102, 241, .1);--color-primary-focus-strong: rgba(99, 102, 241, .15);--z-dropdown: 10;--z-sticky: 20;--z-modal-backdrop: 100;--z-modal: 1000;--z-toast: 1000;--primary-color: #6366F1;--primary-hover: #4338CA;--primary-glow: rgba(99, 102, 241, .15);--secondary-color: #7ed321;--danger-color: #e74c3c;--warning-color: #f5a623;--success-color: #10b981;--text-color: #334155;--text-light: #64748b;--text-disabled: #94a3b8;--bg-color: #F8FAFC;--bg-light: #F8FAFC;--white: #ffffff;--border-color: #e2e8f0;--border-slate: #cbd5e1;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--modal-header-bg: rgba(255, 255, 255, .9);--modal-footer-bg: rgba(255, 255, 255, .9);--task-deadline: #9b59b6;--task-urgent: #3498db;--task-fixed: #27ae60}:root.light,:root:not([data-theme=system]){--primary-color: #6366F1;--primary-hover: #4338CA;--primary-glow: rgba(99, 102, 241, .15);--secondary-color: #7ed321;--danger-color: #e74c3c;--warning-color: #f5a623;--success-color: #10b981;--text-color: #334155;--text-light: #64748b;--text-disabled: #94a3b8;--bg-color: #F8FAFC;--bg-light: #F8FAFC;--white: #ffffff;--border-color: #e2e8f0;--border-slate: #cbd5e1;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--modal-header-bg: rgba(255, 255, 255, .9);--modal-footer-bg: rgba(255, 255, 255, .9)}:root.dark{--primary-color: #818cf8;--primary-hover: #6366f1;--primary-glow: rgba(129, 140, 248, .2);--secondary-color: #84cc16;--danger-color: #f87171;--warning-color: #fbbf24;--success-color: #34d399;--text-color: #e2e8f0;--text-light: #94a3b8;--text-disabled: #64748b;--bg-color: #0f172a;--bg-light: #1e293b;--white: #334155;--bg-white: #0f172a;--border-color: #334155;--border-slate: #475569;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--modal-header-bg: rgba(51, 65, 85, .9);--modal-footer-bg: rgba(51, 65, 85, .9);--task-fixed-bg: #1e293b;--task-fixed-border: #334155;--task-fixed-left-border: #818cf8;--task-fixed-text: #c7d2fe;--task-fixed-title: #e0e7ff;--task-fixed-time-bg: rgba(99, 102, 241, .2);--task-fixed-time-color: #a5b4fc;--task-fixed-border-color: #334155;--task-fixed-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--task-fixed-location: #818cf8;--task-urgent-bg: #064e3b;--task-urgent-border: #065f46;--task-urgent-left-border: #34d399;--task-urgent-text: #6ee7b7;--task-urgent-title: #a7f3d0;--task-urgent-time-bg: rgba(16, 185, 129, .2);--task-urgent-time-color: #34d399;--task-urgent-border-color: #065f46;--task-urgent-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--task-urgent-location: #34d399;--task-deadline-bg: #7f1d1d;--task-deadline-border: #991b1b;--task-deadline-left-border: #f87171;--task-deadline-text: #fecaca;--task-deadline-title: #fee2e2;--task-deadline-time-bg: rgba(239, 68, 68, .2);--task-deadline-time-color: #f87171;--task-deadline-border-color: #991b1b;--task-deadline-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--task-deadline-location: #f87171;--task-conflict-bg: #78350f;--task-conflict-border: #92400e;--task-conflict-left-border: #fbbf24;--task-conflict-text: #fde68a;--task-conflict-title: #fef3c7;--task-conflict-time-bg: rgba(245, 158, 11, .2);--task-conflict-time-color: #fbbf24;--task-conflict-border-color: #92400e;--task-conflict-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--task-conflict-location: #fbbf24;--task-recurring-bg: rgba(30, 41, 59, .9);--task-recurring-border: rgba(71, 85, 105, .5);--task-recurring-left-border: #fbbf24;--task-recurring-text: #fde68a;--task-recurring-title: #fef3c7;--task-recurring-time-bg: rgba(245, 158, 11, .2);--task-recurring-time-color: #fbbf24;--task-recurring-border-color: rgba(71, 85, 105, .5);--task-recurring-shadow: 0 10px 25px -5px rgba(0, 0, 0, .3);--task-recurring-location: #fbbf24;--task-recurring-info-bg: rgba(51, 65, 85, .5);--task-recurring-btn-bg: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--task-recurring-btn-color: #0f172a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary-color: #818cf8;--primary-hover: #6366f1;--primary-glow: rgba(129, 140, 248, .2);--secondary-color: #84cc16;--danger-color: #f87171;--warning-color: #fbbf24;--success-color: #34d399;--text-color: #e2e8f0;--text-light: #94a3b8;--text-disabled: #64748b;--bg-color: #0f172a;--bg-light: #1e293b;--white: #334155;--bg-white: #0f172a;--border-color: #334155;--border-slate: #475569;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--modal-header-bg: rgba(51, 65, 85, .9);--modal-footer-bg: rgba(51, 65, 85, .9);--task-fixed-bg: #1e293b;--task-fixed-border: #334155;--task-fixed-left-border: #818cf8;--task-fixed-text: #c7d2fe;--task-fixed-title: #e0e7ff;--task-fixed-time-bg: rgba(99, 102, 241, .2);--task-fixed-time-color: #a5b4fc;--task-fixed-border-color: #334155;--task-fixed-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--task-fixed-location: #818cf8;--task-urgent-bg: #064e3b;--task-urgent-border: #065f46;--task-urgent-left-border: #34d399;--task-urgent-text: #6ee7b7;--task-urgent-title: #a7f3d0;--task-urgent-time-bg: rgba(16, 185, 129, .2);--task-urgent-time-color: #34d399;--task-urgent-border-color: #065f46;--task-urgent-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--task-urgent-location: #34d399;--task-deadline-bg: #7f1d1d;--task-deadline-border: #991b1b;--task-deadline-left-border: #f87171;--task-deadline-text: #fecaca;--task-deadline-title: #fee2e2;--task-deadline-time-bg: rgba(239, 68, 68, .2);--task-deadline-time-color: #f87171;--task-deadline-border-color: #991b1b;--task-deadline-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--task-deadline-location: #f87171;--task-conflict-bg: #78350f;--task-conflict-border: #92400e;--task-conflict-left-border: #fbbf24;--task-conflict-text: #fde68a;--task-conflict-title: #fef3c7;--task-conflict-time-bg: rgba(245, 158, 11, .2);--task-conflict-time-color: #fbbf24;--task-conflict-border-color: #92400e;--task-conflict-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--task-conflict-location: #fbbf24}}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-slate-800)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-color)}.text-secondary{color:var(--text-light)}.text-disabled{color:var(--text-disabled)}.uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}@media(max-width:767px){:root{--font-size-base: 14px;--font-size-sm: 13px}}@media(min-width:768px)and (max-width:1024px){:root{--font-size-base: 14px}}@media(min-width:1025px){:root{--font-size-base: 15px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}i[class*=ph-]{display:inline-flex;align-items:center;justify-content:center}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}body{font-family:var(--font-sans);color:var(--text-color);background-color:var(--bg-light);line-height:var(--line-height-normal)}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:56px;background:var(--white);box-shadow:none;border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:10}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--text-color)}.header-logo{width:32px;height:32px;background:#4f46e5;border-radius:8px;display:flex;align-items:center;justify-content:center}.header-logo i{color:#fff}.main-content{display:flex;flex:1;padding:var(--space-4);gap:var(--space-4);overflow:hidden}.sidebar{width:320px;background:transparent;border-radius:0;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;flex-shrink:0;gap:16px;max-height:calc(100vh - 100px);overflow:hidden}.sidebar-title{font-size:16px;font-weight:600;color:var(--text-color)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);flex-shrink:0;flex-direction:column;gap:12px}.sidebar-header .sidebar-title{padding-bottom:0;border-bottom:none;display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-content{flex:1;overflow-y:auto;padding:0}.calendar-container{flex:1;background:var(--white);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-slate-100);flex-shrink:0}.empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-light)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-3)}.empty-state-new{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;background:var(--white);border-radius:16px;border:1px dashed var(--border-color);margin:16px 0}.empty-state-new .empty-state-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:12px;margin-bottom:12px}.empty-state-new .empty-state-icon i{font-size:28px;color:var(--text-light)}.empty-state-new .empty-state-text{font-size:13px;font-weight:600;color:var(--text-light)}.empty-state-new .empty-state-desc{font-size:11px;color:var(--text-light);margin-top:4px;opacity:.8}.refresh-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);font-size:var(--font-size-sm);color:var(--color-slate-500);background:var(--bg-light);border-radius:var(--radius-full)}.refresh-select{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--white);cursor:pointer}.refresh-select:focus{outline:none;border-color:var(--primary-color)}.header-icon{color:var(--primary-color);font-size:24px}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;z-index:1}.header-new{height:64px;padding:0 32px;background:var(--bg-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:30}.header-nav{display:flex;align-items:center;gap:24px}.header-month{font-size:18px;font-weight:700;color:var(--text-color)}.header-view-toggle{display:flex;gap:4px;background:var(--bg-light);padding:4px;border-radius:8px}.header-view-btn{padding:6px 12px;font-size:10px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-light)}.header-view-btn:hover{background:var(--white);color:var(--text-color)}.header-view-btn.active{background:var(--white);color:var(--text-color);box-shadow:0 1px 2px #0000001a}.mobile-bottom-nav,.mobile-task-view,.mobile-label,.mobile-date-picker,.mobile-task-filter,.mobile-brand{display:none}@media(max-width:767px){.sidebar-new,.sidebar-footer{display:none!important}.app-new-layout{display:flex!important;flex-direction:column!important;width:100%!important;height:100vh!important;height:100dvh!important;padding-top:24px;overflow:auto!important}@supports (padding-top: env(safe-area-inset-top)){.app-new-layout{padding-top:env(safe-area-inset-top)}}.main-area{width:100%!important;flex:1!important;min-height:0!important;overflow:visible!important;display:flex!important;flex-direction:column!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.calendar-view{display:none!important}.calendar-view.show{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important}.mobile-task-view{display:none!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;width:100%;background:var(--bg-color)}.mobile-task-view:not(.hide){display:flex!important}.mobile-bottom-nav{display:flex!important;flex-shrink:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding-bottom:78px;z-index:100!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 30px)}}.header-new{height:auto;min-height:48px;padding:30px 12px 6px;flex-wrap:wrap;gap:6px;flex-shrink:0}@supports (padding-top: env(safe-area-inset-top)){.header-new{padding:max(6px,env(safe-area-inset-top)) 12px 6px}}.user-name{display:none}.desktop-only,.desktop-ai-input,.mobile-hide{display:none!important}.mobile-date-picker{display:flex;align-items:center}.mobile-date-input{padding:6px 10px;font-size:14px;font-weight:600;border:2px solid var(--border-color);border-radius:8px;background:var(--white);color:var(--text-color);cursor:pointer}.mobile-date-input::-webkit-calendar-picker-indicator{cursor:pointer}.mobile-date-input:focus{outline:none;border-color:var(--primary-color)}.message-toast{top:60px!important;padding:12px 20px!important;font-size:13px!important}.message-toast.mobile-message{position:fixed!important;top:60px!important;left:50%!important;transform:translate(-50%)!important;z-index:9999!important}.calendar-area{width:100%;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.calendar-wrapper{height:100%;overflow:visible}.mobile-task-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--white);flex-shrink:0}.mobile-task-header h2{font-size:16px;font-weight:700;margin:0;color:var(--text-color)}.mobile-task-header .badge{background:var(--color-danger-500);color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.mobile-task-filter{display:flex;gap:8px;padding:8px 16px;background:var(--white);border-bottom:1px solid var(--border-color);flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;align-items:center}.mobile-task-filter .mobile-date-input{flex-shrink:0}.mobile-brand{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;letter-spacing:-.025em;color:var(--text-color)}.mobile-brand .sidebar-logo-img{height:24px;width:auto}.mobile-task-filter button{padding:6px 12px;font-size:12px;font-weight:600;border-radius:16px;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.mobile-task-filter button.active{background:var(--primary-color);color:#fff}.mobile-task-filter button.inactive{background:var(--bg-light);color:var(--text-light)}.btn-arrange-mobile{position:relative;padding:6px 10px;font-size:11px;font-weight:600;border:none;border-radius:16px;background:linear-gradient(to right,#7c3aed,#4f46e5);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-shadow:0 4px 14px #7c3aed4d;overflow:hidden;white-space:nowrap}.btn-arrange-mobile:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff0 30%,#fff3 45%,#ffffff80,#fff3 55%,#fff0 70%);background-size:200% 100%;animation:shimmer 3s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-arrange-mobile:hover{transform:translateY(-1px);box-shadow:0 6px 16px -2px #7c3aed66}.btn-arrange-mobile:active{transform:translateY(0) scale(.95)}.mobile-task-list{flex:1;overflow-y:auto;padding:8px 16px 16px}.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;color:var(--text-light);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.mobile-bottom-nav button i{font-size:22px}.mobile-bottom-nav button.active,.mobile-bottom-nav button.active i{color:var(--primary-color)}.modal-overlay-new .modal{width:calc(100% - 32px);max-height:85vh;max-height:85dvh;margin:16px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.modal-overlay-new .modal-header{padding:16px;flex-shrink:0}.modal-overlay-new .modal-body{padding:16px;overflow-y:auto;flex:1}.modal-overlay-new .modal-footer{padding:12px 16px;flex-shrink:0;flex-wrap:wrap;gap:8px}.modal-overlay-new .modal-footer .btn{flex:1;min-width:80px}.modal-overlay-new .form-row{display:flex;flex-direction:column;gap:16px}.modal-overlay-new .form-input-time{width:100%;font-size:16px;padding:12px}.task-form-new{display:flex;flex-direction:column;gap:16px}.task-form-new .form-group{display:flex;flex-direction:column;gap:6px}.task-form-new .form-row{display:flex;flex-direction:column;gap:12px}.task-form-new .form-row .form-group{width:100%}.task-form-new .tab-group{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px}.task-form-new .tab-group .tab-btn{flex-shrink:0;padding:8px 10px;font-size:11px}.task-form-new .tab-group .tab-btn .desktop-icon,.task-form-new .tab-group .tab-btn .desktop-label{display:none}.task-form-new .tab-group .tab-btn .mobile-label{display:inline;margin-left:4px}.task-form-new .recurring-section .recurring-header-row{flex-direction:column;gap:10px;align-items:flex-start}.task-form-new .recurring-section .tab-group{width:100%}.task-form-new .weekday-selector{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center}.task-form-new .day-chip{width:36px;height:36px;font-size:10px;border-radius:50%}.task-form-new .monthday-selector .monthday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.task-form-new .duration-wrapper{display:flex;flex-direction:row;align-items:center;gap:12px}.task-form-new .duration-presets{display:flex;flex-wrap:nowrap;gap:6px}.task-form-new .duration-preset{padding:4px 8px;font-size:11px}.task-form-new .duration-2h{display:none}.task-form-new .recurring-start-date{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px}.task-form-new .recurring-start-date-label{white-space:nowrap;display:flex;align-items:center;gap:4px}.task-form-new .recurring-start-date-input{flex:1;min-width:0}.task-form-new .hide-on-mobile{display:none}.task-form-new .form-group-animated,.task-form-new .recurring-section{transition:max-height var(--transition-slow),opacity var(--transition-slow)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--bg-color)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:var(--white);box-shadow:0 8px 20px -4px #6366f166}.btn-primary:hover{background:linear-gradient(135deg,#5558e3,#4338ca);transform:translateY(-1px);box-shadow:0 12px 24px -4px #6366f180}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-light);padding:10px 20px}.btn-secondary:hover{background:var(--bg-light);color:var(--text-color)}.btn-danger{background:var(--danger-color);color:var(--white)}.btn-danger:hover{background:var(--danger-color)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:var(--white);box-shadow:0 8px 20px -4px #10b98166}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 12px 24px -4px #10b98180}.btn-success:active{transform:scale(.98)}.btn-success.btn-loading:after{border:2px solid rgba(255,255,255,.3);border-top-color:#fff}.btn-ghost{background:transparent;color:var(--color-slate-600)}.btn-ghost:hover{background:var(--color-slate-100);color:var(--color-slate-700)}.btn-sm{padding:6px var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:12px var(--space-6);font-size:var(--font-size-md)}.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.btn-reschedule{position:relative;width:100%;padding:10px var(--space-4);background:linear-gradient(to right,#7c3aed,var(--color-primary-600));color:#fff;border:none;border-radius:var(--radius-xl);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);cursor:pointer;box-shadow:0 4px 14px #7c3aed4d;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-reschedule:hover{transform:scale(.98)}.btn-reschedule:active{transform:scale(.95)}.btn-reschedule .btn-icon{font-size:16px}.btn-loading{position:relative;opacity:1!important;pointer-events:none}.btn-loading .btn-text{visibility:hidden}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .8s linear infinite}.btn-primary.btn-loading{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%)!important}.btn-secondary.btn-loading:after{border:2px solid rgba(99,102,241,.3);border-top-color:var(--color-primary-600)}.btn-danger.btn-loading{background:var(--danger-color)!important}.btn-danger.btn-loading:after{border:2px solid rgba(255,255,255,.3);border-top-color:#fff}@keyframes btn-spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:var(--space-4);overflow:visible;overflow-x:auto}.form-group:last-child{margin-bottom:0}.form-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.form-label i{font-size:14px}.form-label i.ph-text-aa{color:#818cf8}.form-label i.ph-list-star{color:#f87171}.form-label i.ph-clock-user{color:#fb923c}.form-label i.ph-clock{color:#94a3b8}.form-label i.ph-chats-teardrop{color:#818cf8}.form-label i.ph-map-pin{color:#f87171}.form-label i.ph-timer{color:#fb923c}.form-label i.ph-calendar{color:#f87171}.form-label i.ph-lock,.form-label i.ph-lock-simple{color:#818cf8}.form-input{width:100%;padding:12px 16px;font-size:var(--font-size-base);background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--primary-color);background-color:var(--white);box-shadow:0 0 0 4px var(--primary-glow)}.form-input::placeholder{color:var(--text-light)}.form-input-time{font-family:var(--font-sans);font-size:18px;font-weight:700;padding:12px;background-color:var(--bg-color);border:none;border-radius:var(--radius-xl);width:100%;color:var(--text-color)}.form-input-time:focus{outline:none;background-color:var(--white);box-shadow:0 0 0 3px #6366f126}.form-input-time::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.form-error{padding:var(--space-3);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:var(--danger-color);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.radio-group{display:flex;gap:var(--space-4);flex-wrap:wrap}.radio-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-base);cursor:pointer;margin-right:var(--space-4)}.checkbox-label,.radio-label{display:inline-flex;align-items:center;cursor:pointer;margin-right:var(--space-4)}.checkbox-label input,.radio-label input{margin-right:6px}.task-form-new{padding:8px 0;font-family:var(--font-sans);overflow:visible}.recurring-section{position:relative;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:32px;padding:20px 24px;margin-bottom:var(--space-5)}.recurring-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.recurring-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:700;color:var(--text-light)}.recurring-title i{font-size:18px;color:var(--primary-color)}.recurring-header-row .tab-group{width:auto;flex:none}.recurring-tab{flex:none!important;padding:6px 16px;font-size:10px;font-weight:700;color:var(--text-light);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.recurring-tab:hover{color:var(--text-light)}.recurring-tab.active{background-color:var(--white);color:var(--primary-color);box-shadow:0 2px 8px #00000014}.recurring-panel{background:var(--white);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.recurring-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--space-4)}.recurring-desc{font-size:var(--font-size-sm);color:var(--text-light);font-weight:500;line-height:1.6;flex-shrink:1;min-width:0}.recurring-desc .highlight{color:var(--primary-color);font-weight:700}.recurring-interval{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;background-color:var(--bg-light);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-shrink:0}.recurring-interval-text{font-size:10px;font-weight:700;color:var(--text-light)}.recurring-interval .interval-value{width:24px;text-align:center;font-weight:800;color:var(--primary-color);font-size:14px;background:transparent;border:none;outline:none}.recurring-interval input:focus{outline:none}.weekday-selector{display:flex;justify-content:space-between;gap:6px}.day-chip{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-light);background:transparent;border:2px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal)}.day-chip:hover{border-color:#818cf8}.day-chip.checked{background-color:var(--primary-color);border-color:transparent;color:#fff}.monthday-selector{display:flex;flex-direction:column;gap:var(--space-3)}.monthday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.monthday-chip{height:32px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text-light);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.monthday-chip:hover{border-color:#818cf8}.monthday-chip.checked{background-color:var(--primary-color);border-color:transparent;color:#fff}.monthday-hint{font-size:10px;color:#818cf8;font-weight:500}.recurring-start-date{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(199,210,254,.5)}.recurring-start-date-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-light)}.recurring-start-date-label i{font-size:16px;color:#f87171}.recurring-start-date-input{padding:8px 12px;font-size:13px;font-weight:600;background-color:var(--white);border:1px solid var(--border-color)!important;border-radius:var(--radius-lg);color:var(--text-color);cursor:pointer}.recurring-start-date-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.duration-wrapper{display:flex;align-items:center;gap:var(--space-4);flex-wrap:nowrap;overflow:visible}.duration-input{display:inline-flex;align-items:center;background:var(--bg-light);padding:4px;border-radius:16px;border:1px solid var(--border-color);transition:all var(--transition-normal);flex:0 0 auto;position:relative;z-index:1;overflow:visible;min-width:150px}.duration-input:focus-within{background:var(--white);border-color:#c7d2fe}.duration-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.duration-btn:hover{background:var(--white);color:var(--primary-color);box-shadow:0 2px 8px #00000014}.duration-btn:active{transform:scale(.9)}.duration-display{display:flex;align-items:baseline;padding:0 4px;gap:4px}.duration-value{text-align:center;font-size:18px;font-weight:800;color:var(--text-color);line-height:1.2}.duration-unit-label{font-size:10px;font-weight:700;color:var(--text-light)}.duration-presets{display:flex;gap:6px;position:relative;z-index:0;flex-shrink:0}.duration-preset{padding:6px 12px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:10px;font-weight:700;color:var(--text-light);cursor:pointer;transition:all var(--transition-normal)}.duration-preset:hover{border-color:#818cf8;color:var(--primary-color)}.duration-preset.active,.filter-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6366f14d}.input-wrapper{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-slate-400);font-size:18px;transition:color var(--transition-fast)}.input-wrapper:focus-within .input-icon{color:var(--color-primary-500)}.input-wrapper .form-input{padding-left:44px}.modal-overlay{position:fixed;inset:0;background:#1e293b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:modalFadeIn var(--transition-slow) cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:var(--radius-3xl);width:90%;max-width:640px;max-height:90vh;overflow-x:auto;overflow-y:auto;box-shadow:var(--shadow-modal);border:1px solid var(--border-color);display:flex;flex-direction:column;animation:modalSlideIn var(--transition-slow) cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);background:var(--modal-header-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);position:sticky;top:0;z-index:10}[class*=modal-] .header-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--text-color)}.modal-close{background:none;border:none;width:32px;height:32px;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-slate-400);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{color:var(--color-danger-500);background:var(--color-danger-50)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background:var(--modal-footer-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;bottom:0;z-index:10}.settings-modal{padding:var(--space-6);border-radius:var(--radius-xl);width:90%;max-width:360px;box-shadow:0 20px 40px #0000004d}.modal-sm{max-width:360px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-overlay-new{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.modal-worktime{background:var(--white);width:420px;border-radius:var(--radius-3xl);box-shadow:0 25px 50px #00000040;padding:var(--space-8);animation:modalSlideIn var(--transition-slow) cubic-bezier(.16,1,.3,1)}.modal-worktime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.modal-worktime-title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-color)}.modal-close-btn{width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-slate-400);font-size:18px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--bg-light);color:var(--text-color)}.modal-worktime-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0}.modal-worktime-submit{width:100%;margin-top:var(--space-8);padding:var(--space-4);background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:0 4px 14px #4f46e566;transition:all var(--transition-normal)}.modal-worktime-submit:hover{background:var(--color-primary-700)}.modal-worktime-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-slate-200);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);color:var(--color-slate-600);font-size:var(--font-size-sm)}.user-avatar-primary{background:var(--color-primary-500);color:#fff}.user-avatar-btn{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-normal)}.user-avatar-btn:hover{background:var(--color-slate-100)}:root.dark .user-avatar-btn:hover,:root:not([data-theme=light]) .user-avatar-btn:hover{background:#ffffff1a}.user-avatar-btn .dropdown-icon{font-size:12px;color:var(--color-slate-400)}.avatar-sm{width:24px;height:24px;font-size:var(--font-size-xs)}.avatar-md{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar-lg{width:40px;height:40px;font-size:var(--font-size-base)}.avatar-xl{width:48px;height:48px;font-size:var(--font-size-lg)}.avatar-group{display:flex}.avatar-group .user-avatar{margin-left:-8px;border:2px solid var(--white)}.avatar-group .user-avatar:first-child{margin-left:0}.user-dropdown{position:relative;display:inline-block}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:160px;background:var(--white);border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid var(--border-color);padding:8px;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;color:var(--text-color);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.user-dropdown-item:hover{background:var(--bg-light)}.user-dropdown-item.danger{color:var(--danger-color)}.user-dropdown-item.danger:hover{background:#fef2f2}.user-dropdown-divider{height:1px;background:var(--bg-light);margin:8px 0}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:240px;background:var(--white);border-radius:16px;box-shadow:0 10px 40px #00000026;border:1px solid var(--border-color);padding:8px;z-index:100;animation:dropdownFadeIn .15s ease}.dropdown-menu.show{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-header{padding:16px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.menu-header .full-name{display:block;font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:4px}.menu-header .email{display:block;font-size:13px;color:var(--text-light)}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;color:var(--text-color);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .15s;text-align:left}.menu-item:hover{background:var(--bg-light)}.menu-item.danger{color:var(--danger-color)}.menu-item.danger:hover{background:#fef2f2}.menu-divider{height:1px;background:var(--bg-light);margin:8px 0}.user-dropdown-icon{width:16px;height:16px;color:var(--text-light)}.user-dropdown-menu{position:absolute;right:0;margin-top:12px;width:256px;background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 50px #0000001f;padding:8px;z-index:50}.user-dropdown-icon-box{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.user-dropdown-icon-box.orange{background:#fff7ed;color:#ea580c}.user-dropdown-icon-box.blue{background:#eff6ff;color:#2563eb}.user-dropdown-icon-box.red{background:#fef2f2;color:var(--danger-color)}.user-dropdown-label{font-size:14px;font-weight:600;color:var(--text-color)}.user-dropdown-item.danger .user-dropdown-label{color:var(--danger-color);font-weight:700}.card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--color-slate-100);box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px)}.card-header{padding:var(--space-4);border-bottom:1px solid var(--color-slate-100);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-4);border-top:1px solid var(--color-slate-100);background:var(--color-slate-50)}.sidebar-tasks-container{flex:1;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-slate-100);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column}.quick-input-wrapper{background:var(--white);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;padding:12px;transition:all .2s}.quick-input-wrapper:focus-within{box-shadow:0 0 0 2px #4f46e533}.quick-input-container{position:relative}.quick-input{width:100%;background:var(--bg-color);border:none;border-radius:12px;padding:10px 16px 10px 40px;font-size:14px;outline:none}.quick-input::placeholder{color:var(--text-light)}.quick-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#818cf8}.ai-input-wrapper{position:relative;width:400px}.ai-input{width:100%;padding:10px 16px 10px 40px;background:var(--bg-light);border:2px solid var(--border-color);border-radius:10px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-input:focus{background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow);width:480px;outline:none}.ai-input::placeholder{color:var(--text-light)}.ai-input-wrapper i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--primary-color)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-slate-100);background:var(--color-slate-50)}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.login-page{min-height:100vh}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 0% 0%,var(--login-gradient-1) 0%,transparent 40%),radial-gradient(circle at 100% 100%,var(--login-gradient-2) 0%,transparent 40%),var(--login-bg)}.login-card{display:flex;width:100%;max-width:1024px;height:680px;background:var(--login-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;box-shadow:var(--login-card-shadow);border:1px solid var(--login-card-border);overflow:hidden;animation:cardSlideUp .8s cubic-bezier(.16,1,.3,1)}.login-left{display:none;width:45%;background:var(--login-left-bg);padding:48px;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}@media(min-width:1025px){.login-left{display:flex}}.login-left-blur{position:absolute;top:0;right:0;width:256px;height:256px;background:#6366f11a;border-radius:50%;filter:blur(60px);margin-top:-80px;margin-right:-80px}.login-logo{position:relative;z-index:10;display:flex;align-items:center;gap:12px}.login-logo-icon{width:40px;height:40px;background:var(--color-tudou);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transform:rotate(6deg)}.login-logo-text{color:var(--login-logo-text);font-weight:700;font-size:20px;letter-spacing:.05em;text-transform:uppercase}.login-brand{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center}.login-tudou{animation:floating 3s ease-in-out infinite;margin-bottom:32px;position:relative}.login-tudou-body{width:160px;height:192px;background:var(--color-tudou);border-radius:50% 50% 45% 45%;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid var(--color-tudou-dark);position:relative}.login-tudou-hat{position:absolute;top:-24px;width:80px;height:40px;background:var(--color-tudou-hat);border-radius:8px 8px 0 0;border-bottom:4px solid var(--color-tudou-hat-dark)}.login-tudou-hat-brim{position:absolute;top:-4px;width:96px;height:8px;background:var(--color-tudou-hat);border-radius:4px}.login-tudou-eyes{display:flex;gap:32px;margin-bottom:8px}.login-tudou-eye{width:12px;height:12px;background:var(--color-tudou-dark);border-radius:50%}.login-tudou-mouth{width:24px;height:12px;border-bottom:4px solid var(--color-tudou-dark);border-radius:0 0 12px 12px}.login-tudou-butterfly{margin-top:16px;opacity:.8;color:var(--color-tudou-dark)}.login-task-card{position:absolute;right:-48px;top:40px;width:96px;height:128px;background:var(--login-task-card-bg);border-radius:12px;box-shadow:0 10px 30px #00000026;padding:12px;display:flex;flex-direction:column;gap:8px;transform:rotate(-12deg);border:1px solid var(--login-task-card-border)}.login-task-line{height:8px;background:var(--login-task-line-bg);border-radius:4px}.login-task-line-2{height:8px;background:var(--login-task-line-bg-2);border-radius:4px;width:80%}.login-task-check{width:32px;height:32px;background:var(--login-task-check-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:auto;color:var(--login-task-check-color);font-size:16px}.login-brand-title{font-size:28px;font-weight:700;color:var(--login-brand-title);margin-bottom:16px}.login-brand-desc{color:var(--login-brand-desc);font-size:14px;line-height:1.6;max-width:280px}.login-brand-desc-highlight{color:var(--color-tudou);font-weight:700}.login-footer{position:relative;z-index:10}.login-footer-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;background:var(--login-footer-pill-bg);border-radius:16px;border:1px solid var(--login-footer-pill-border)}.login-footer-avatars{display:flex;margin-left:-8px}.login-footer-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--login-left-bg);margin-left:-8px;display:flex;align-items:center;justify-content:center}.login-footer-avatar-1{background:#818cf8}.login-footer-avatar-2{background:#34d399}.login-footer-avatar-3{background:#fbbf24}.login-footer-avatar-4{background:#f472b6}.login-footer-avatar-5{background:#22d3ee}.login-footer-avatar-6{background:#a78bfa}.login-footer-avatar-7{background:#4ade80}.login-footer-text{color:var(--login-footer-text);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.login-right{flex:1;padding:48px 80px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}@media(max-width:1024px){.login-right{padding:48px}}.login-right-title{margin-bottom:48px}.login-right-title h3{font-size:28px;font-weight:700;color:var(--login-right-title);margin-bottom:8px}.login-right-title p{color:var(--login-right-desc);font-weight:500}.login-form-group{margin-bottom:24px}.login-form-label{display:block;font-size:11px;font-weight:700;color:var(--login-form-label);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--login-input-icon);font-size:20px;transition:color .2s}.login-input-wrapper:focus-within .login-input-icon{color:var(--primary-color)}.login-input{width:100%;padding:16px 16px 16px 48px;font-size:14px;font-weight:500;color:var(--login-input-text);background:var(--login-input-bg);border:2px solid var(--login-input-border);border-radius:16px;outline:none;transition:all .2s}.login-input:focus{border-color:var(--login-input-focus);background:var(--login-input-focus-bg);box-shadow:0 0 0 4px var(--login-input-focus-shadow)}.login-input::placeholder{color:var(--login-input-placeholder)}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px var(--login-input-bg) inset!important;-webkit-text-fill-color:var(--login-input-text)!important}.login-btn{width:100%;padding:16px;background:var(--primary-color);color:var(--login-btn-color);font-size:14px;font-weight:700;border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.login-btn:hover{box-shadow:0 0 20px var(--login-btn-hover-shadow)}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-link{color:var(--login-link);font-weight:700;cursor:pointer;background:none;border:none;font-size:14px}.login-link:hover{text-decoration:underline}.login-error{padding:20px;margin-bottom:24px;background:var(--login-error-bg);border:1px solid var(--login-error-border);border-radius:16px;color:var(--login-error-text);font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px}.login-error i{font-size:20px}.login-success{padding:20px;margin-bottom:24px;background:var(--login-success-bg);border:1px solid var(--login-success-border);border-radius:16px;color:var(--login-success-text);font-size:14px;display:flex;align-items:center;gap:12px}.shake-animation{animation:shake .5s ease-in-out}.login-divider{margin-top:32px;padding-top:32px;border-top:1px solid var(--login-divider);display:flex;align-items:center;justify-content:center;gap:16px;color:var(--login-divider-text)}.login-divider-text{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.login-social-btns{display:flex;gap:12px}.login-social-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--login-social-btn-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:var(--login-social-btn-bg)}.login-social-btn:hover{background:var(--login-social-btn-hover-bg);border-color:var(--login-social-btn-hover-border)}.login-social-btn i{font-size:24px;color:var(--login-social-btn-icon)}:root,:root.light,:root:not([data-theme=dark]){--login-bg: #f8fafc;--login-gradient-1: #fef3c7;--login-gradient-2: #e0e7ff;--login-card-bg: rgba(255, 255, 255, .8);--login-card-shadow: 0 40px 100px -20px rgba(0, 0, 0, .1);--login-card-border: white;--login-left-bg: #1e293b;--login-logo-text: white;--color-tudou: #E6A74C;--color-tudou-dark: #C78E3D;--color-tudou-hat: #1e1b4b;--color-tudou-hat-dark: #0f172a;--login-task-card-bg: white;--login-task-card-border: #f1f5f9;--login-task-line-bg: #e0e7ff;--login-task-line-bg-2: #f8fafc;--login-task-check-bg: #6366f1;--login-task-check-color: white;--login-brand-title: white;--login-brand-desc: #94a3b8;--login-footer-pill-bg: rgba(255, 255, 255, .05);--login-footer-pill-border: rgba(255, 255, 255, .1);--login-footer-text: #64748b;--login-right-title: #1e293b;--login-right-desc: #64748b;--login-form-label: #94a3b8;--login-input-icon: #94a3b8;--login-input-text: #334155;--login-input-bg: #f8fafc;--login-input-border: #f1f5f9;--login-input-focus: #a5b4fc;--login-input-focus-bg: white;--login-input-focus-shadow: rgba(99, 102, 241, .05);--login-input-placeholder: #cbd5e1;--login-btn-color: white;--login-btn-hover-shadow: rgba(99, 102, 241, .4);--login-link: #6366f1;--login-error-bg: #fffbeb;--login-error-border: #fde68a;--login-error-text: #b45309;--login-success-bg: #ecfdf5;--login-success-border: #a7f3d0;--login-success-text: #059669;--login-divider: #f8fafc;--login-divider-text: #94a3b8;--login-social-btn-border: #e2e8f0;--login-social-btn-bg: white;--login-social-btn-hover-bg: #f8fafc;--login-social-btn-hover-border: #cbd5e1;--login-social-btn-icon: #64748b}:root.dark{--login-bg: #0f172a;--login-gradient-1: rgba(99, 102, 241, .2);--login-gradient-2: rgba(139, 92, 246, .2);--login-card-bg: rgba(30, 41, 59, .8);--login-card-shadow: 0 40px 100px -20px rgba(0, 0, 0, .5);--login-card-border: #334155;--login-left-bg: #0f172a;--login-logo-text: white;--color-tudou: #E6A74C;--color-tudou-dark: #C78E3D;--color-tudou-hat: #1e1b4b;--color-tudou-hat-dark: #0f172a;--login-task-card-bg: #1e293b;--login-task-card-border: #334155;--login-task-line-bg: #4338ca;--login-task-line-bg-2: #334155;--login-task-check-bg: #6366f1;--login-task-check-color: white;--login-brand-title: white;--login-brand-desc: #94a3b8;--login-footer-pill-bg: rgba(255, 255, 255, .05);--login-footer-pill-border: rgba(255, 255, 255, .1);--login-footer-text: #64748b;--login-right-title: #f1f5f9;--login-right-desc: #94a3b8;--login-form-label: #94a3b8;--login-input-icon: #94a3b8;--login-input-text: #f1f5f9;--login-input-bg: #1e293b;--login-input-border: #334155;--login-input-focus: #6366f1;--login-input-focus-bg: #1e293b;--login-input-focus-shadow: rgba(99, 102, 241, .2);--login-input-placeholder: #64748b;--login-btn-color: white;--login-btn-hover-shadow: rgba(99, 102, 241, .4);--login-link: #818cf8;--login-error-bg: #78350f;--login-error-border: #92400e;--login-error-text: #fde68a;--login-success-bg: #064e3b;--login-success-border: #065f46;--login-success-text: #6ee7b7;--login-divider: #1e293b;--login-divider-text: #64748b;--login-social-btn-border: #334155;--login-social-btn-bg: #1e293b;--login-social-btn-hover-bg: #334155;--login-social-btn-hover-border: #475569;--login-social-btn-icon: #94a3b8}@media(prefers-color-scheme:dark){:root[data-theme=system]:not(.dark):not(.light){--login-bg: #0f172a;--login-gradient-1: rgba(99, 102, 241, .2);--login-gradient-2: rgba(139, 92, 246, .2);--login-card-bg: rgba(30, 41, 59, .8);--login-card-shadow: 0 40px 100px -20px rgba(0, 0, 0, .5);--login-card-border: #334155;--login-left-bg: #0f172a;--login-logo-text: white;--color-tudou: #E6A74C;--color-tudou-dark: #C78E3D;--color-tudou-hat: #1e1b4b;--color-tudou-hat-dark: #0f172a;--login-task-card-bg: #1e293b;--login-task-card-border: #334155;--login-task-line-bg: #4338ca;--login-task-line-bg-2: #334155;--login-task-check-bg: #6366f1;--login-task-check-color: white;--login-brand-title: white;--login-brand-desc: #94a3b8;--login-footer-pill-bg: rgba(255, 255, 255, .05);--login-footer-pill-border: rgba(255, 255, 255, .1);--login-footer-text: #64748b;--login-right-title: #f1f5f9;--login-right-desc: #94a3b8;--login-form-label: #94a3b8;--login-input-icon: #94a3b8;--login-input-text: #f1f5f9;--login-input-bg: #1e293b;--login-input-border: #334155;--login-input-focus: #6366f1;--login-input-focus-bg: #1e293b;--login-input-focus-shadow: rgba(99, 102, 241, .2);--login-input-placeholder: #64748b;--login-btn-color: white;--login-btn-hover-shadow: rgba(99, 102, 241, .4);--login-link: #818cf8;--login-error-bg: #78350f;--login-error-border: #92400e;--login-error-text: #fde68a;--login-success-bg: #064e3b;--login-success-border: #065f46;--login-success-text: #6ee7b7;--login-divider: #1e293b;--login-divider-text: #64748b;--login-social-btn-border: #334155;--login-social-btn-bg: #1e293b;--login-social-btn-hover-bg: #334155;--login-social-btn-hover-border: #475569;--login-social-btn-icon: #94a3b8}}.task-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-5)}.task-list-scroll{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-5)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.task-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:#fff;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--border-color);border-left:4px solid transparent}.task-item:hover{box-shadow:0 4px 12px #00000014;border-color:var(--color-slate-300)}.task-item.type-deadline{border-left-color:#a855f7}.task-item.type-urgent{border-left-color:#3b82f6}.task-item.type-fixed{border-left-color:#10b981}.task-item{cursor:grab}.task-item:active{cursor:grabbing}.task-item.dragging{opacity:.5;background:#e3f2fd}.task-item.completed{opacity:.6}.task-item.completed .task-title{text-decoration:line-through;color:var(--color-slate-400)}.task-content{flex:1;min-width:0}.task-title{font-weight:var(--font-weight-bold);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color);font-size:var(--font-size-sm)}.task-meta{font-size:10px;color:var(--text-light);display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-weight:var(--font-weight-medium)}.task-type-badge{display:inline-block;padding:2px 6px;font-size:9px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);margin-right:0;text-transform:uppercase}.task-type-badge.deadline{background:var(--color-task-deadline-light);color:#7c3aed}.task-type-badge.urgent{background:var(--color-task-urgent-light);color:#2563eb}.task-type-badge.fixed{background:var(--color-task-fixed-light);color:#059669}.task-check{display:flex;align-items:center;padding-right:var(--space-2);pointer-events:none}.task-check input{pointer-events:auto}.task-check input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.conflict-icon{margin-right:4px}.conflict-info{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-danger-50);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-danger-600)}.conflict-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:#856404}.task-duration{display:inline-flex;align-items:center;gap:4px;margin-left:var(--space-2);font-size:var(--font-size-xs);color:var(--color-slate-400)}.duration-input{width:50px;padding:2px 4px;font-size:var(--font-size-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center}.duration-input:focus{outline:none;border-color:var(--primary-color)}.task-card-new{padding:var(--space-4);background:#fff;border:1px solid var(--color-slate-100);border-radius:var(--radius-xl);border-left-width:4px;box-shadow:var(--shadow-xs);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-normal)}.task-card-new:hover{transform:translateY(-2px);box-shadow:0 8px 20px -5px #00000014}.task-card-new.type-deadline{border-left-color:var(--color-danger-500)}.task-card-new.type-urgent{border-left-color:var(--color-success-500)}.task-card-new.type-fixed{border-left-color:var(--color-primary-500)}.task-card-new.completed{opacity:.5}.task-card-recurring{background:var(--task-recurring-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--task-recurring-border);border-left:4px solid var(--task-recurring-left-border);border-radius:16px;padding:14px;box-shadow:var(--task-recurring-shadow);cursor:pointer;overflow:hidden;margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:var(--task-recurring-text)}.task-recurring-time{background:var(--task-recurring-time-bg);color:var(--task-recurring-time-color);font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px;border:1px solid var(--task-recurring-border-color)}.task-card-recurring .ph-repeat{color:var(--task-recurring-left-border)}.task-card-recurring p{color:var(--task-recurring-title)}.task-card-recurring .ph-map-pin{color:var(--task-recurring-location)}.task-recurring-info{background:var(--task-recurring-info-bg);border-radius:10px;padding:8px 10px;border:1px solid var(--task-recurring-border-color)}.task-recurring-info .ph-calendar-check{color:var(--task-recurring-left-border)}.task-recurring-info div:first-child{color:var(--task-recurring-text)}.task-recurring-info div:last-child{color:var(--task-recurring-location)}.btn-recurring-pause{flex:1;padding:8px;font-size:11px;font-weight:700;border-radius:10px;border:none;background:var(--task-recurring-btn-bg);color:var(--task-recurring-btn-color);cursor:pointer;box-shadow:0 4px 12px #f59e0b4d;display:flex;align-items:center;justify-content:center;gap:4px;transition:transform .2s}.btn-recurring-pause:hover{transform:scale(1.02)}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.task-card-meta{display:flex;align-items:center;gap:var(--space-2)}.task-card-time{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-slate-400);background:var(--color-slate-50);padding:2px 8px;border-radius:var(--radius-md)}.task-card-time i{font-size:10px}.task-card-type{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.task-card-type.deadline{color:var(--color-danger-500)}.task-card-type.urgent{color:var(--color-success-500)}.task-card-type.fixed{color:var(--color-primary-500)}.task-check-new{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-slate-200);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);background:#fff;flex-shrink:0}.task-check-new:hover,.task-check-new.checked{border-color:var(--color-primary-500)}.check-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary-500);transform:scale(0);transition:transform var(--transition-fast)}.task-check-new.checked .check-dot{transform:scale(1)}.task-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-700);line-height:var(--line-height-normal);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);font-size:10px;color:var(--color-slate-400);font-weight:var(--font-weight-medium)}.task-card-duration{display:flex;align-items:center;gap:4px}.task-card-tag{color:var(--color-slate-300);font-weight:var(--font-weight-semibold)}.task-card:hover .drag-handle{opacity:1}.recurring-task-list{max-height:400px;overflow-y:auto}.recurring-task-item{transition:background-color var(--transition-normal)}.recurring-task-item:hover{background-color:var(--color-slate-50)}.task-form-new{padding:var(--space-2) 0;font-family:var(--font-sans);overflow:visible}.task-form-new *{font-family:inherit}.task-item-skeleton{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:#fff;border:1px solid var(--color-slate-100);border-radius:var(--radius-xl);overflow:hidden}.task-item-skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-slate-50) 25%,var(--color-slate-100) 50%,var(--color-slate-50) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-check{width:16px;height:16px;border:2px solid var(--border-color);border-radius:var(--radius-sm);margin-top:2px;position:relative;z-index:1;flex-shrink:0}.skeleton-content{flex:1;position:relative;z-index:1}.skeleton-title{width:60%;height:12px;background:var(--border-color);border-radius:6px;margin-bottom:var(--space-2)}.skeleton-meta{width:40%;height:10px;background:var(--color-slate-100);border-radius:5px}.skeleton-status{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-primary-400);position:relative;z-index:1}.skeleton-status i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-tasks-container{flex:1;background:var(--white);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;overflow:hidden;display:flex;flex-direction:column}.app-new-layout{display:flex;flex-direction:row;height:100vh;overflow:hidden;background:var(--bg-color)}.sidebar-new{width:288px;flex-shrink:0;background:var(--white);border-right:1px solid var(--border-color);box-shadow:4px 0 24px #00000005;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;z-index:10}.sidebar-header{height:64px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.sidebar-tabs{height:64px;padding:0 20px;display:flex;align-items:center}.sidebar-logo-row{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;box-sizing:border-box}.sidebar-logo{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.025em;color:var(--text-color);line-height:1}.sidebar-badge{margin-left:8px;padding:2px 8px;background:var(--bg-light);color:var(--text-light);font-size:12px;font-weight:600;border-radius:9999px;display:inline-block;vertical-align:middle}.tab-group{display:flex;gap:4px;background:var(--bg-light);padding:4px;border-radius:12px;width:100%}.tab-btn{flex:1;padding:8px 12px;font-size:12px;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn.active{background:var(--white);box-shadow:0 1px 2px #0000001a;color:var(--text-color)}.tab-btn.inactive{background:transparent;color:var(--text-light)}.tab-btn.inactive:hover{color:var(--text-color)}.tab-btn.active i.ph-fill.ph-flag-checkered{color:#f87171!important}.tab-btn.active i.ph-fill.ph-lightning{color:#34d399!important}.tab-btn.active i.ph-fill.ph-lock-simple{color:#818cf8!important}.filter-pills{display:flex;gap:8px;padding:0 20px;margin-top:0}.filter-pill{padding:4px 12px;font-size:11px;font-weight:700;border-radius:9999px;border:none;cursor:pointer;transition:all .2s}.filter-pill.inactive{background:transparent;color:var(--text-light)}.filter-pill.inactive:hover{background:var(--bg-color);color:var(--text-light)}.btn-arrange{position:relative;margin:16px 20px;width:calc(100% - 40px);padding:10px 16px;background:linear-gradient(to right,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #7c3aed4d;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}.btn-arrange:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff0 30%,#fff3 45%,#ffffff80,#fff3 55%,#fff0 70%);background-size:200% 100%;animation:shimmer 3s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-arrange:hover{transform:translateY(-2px) scale(.98);box-shadow:0 8px 20px -3px #7c3aed66}.btn-arrange:active{transform:translateY(0) scale(.95)}.btn-arrange.hidden{display:none}.sidebar-tasks-scroll{flex:1;overflow-y:auto;padding:0 20px 16px}.sidebar-tasks-scroll::-webkit-scrollbar{display:none}.sidebar-tasks-scroll{-ms-overflow-style:none;scrollbar-width:none}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-color)}.btn-new-task{width:100%;padding:12px;background:var(--white);border:1px solid var(--border-color);border-radius:16px;font-size:12px;font-weight:700;color:#4f46e5;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.fc{height:100%}.fc .fc-toolbar-title{font-size:var(--font-size-lg)!important}.fc .fc-button{background:var(--primary-color)!important;border-color:var(--primary-color)!important}.fc .fc-button:hover{background:#357abd!important}.fc .fc-button-primary:not(:disabled).fc-button-active{background:#357abd!important}.fc .fc-daygrid-day{cursor:pointer}.fc .fc-daygrid-day:hover{background:#f8f9fa}.fc-event{cursor:pointer;border:none!important}.fc .fc-timegrid-slot{height:48px}.task-event{padding:2px 4px;border-radius:3px}.recurring-task-event{border-style:dashed!important}.recurring-task-event:before{content:"🔄 "}.calendar-view{font-size:var(--font-size-sm);display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:1}.calendar-view>.header-new{position:relative;z-index:100;flex-shrink:0}.calendar-view .fc{font-family:inherit}.calendar-view .fc-toolbar-title{font-size:17px!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-slate-800)}.calendar-view .fc-today-button{background:var(--color-slate-100)!important;border:none!important;color:var(--color-slate-600)!important;font-weight:var(--font-weight-medium)!important;padding:6px 12px!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)!important;text-transform:none!important}.calendar-view .fc-today-button:hover{background:var(--color-slate-200)!important;color:var(--color-slate-800)!important}.calendar-view .fc-toolbar-chunk .fc-prev-button,.calendar-view .fc-toolbar-chunk .fc-next-button,.calendar-view .fc-prev-button,.calendar-view .fc-next-button{background:transparent!important;border:none!important;color:var(--color-slate-400)!important;padding:6px 10px!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}.calendar-view .fc-toolbar-chunk .fc-prev-button:hover,.calendar-view .fc-toolbar-chunk .fc-next-button:hover,.calendar-view .fc-prev-button:hover,.calendar-view .fc-next-button:hover{background:transparent!important;color:var(--color-slate-800)!important}.calendar-view .fc-button-group{background:var(--color-slate-100)!important;padding:3px!important;border-radius:var(--radius-lg)!important;gap:2px!important;display:inline-flex!important}.calendar-view .fc-button-group .fc-button{background:transparent!important;border:none!important;color:var(--color-slate-500)!important;font-weight:var(--font-weight-medium)!important;padding:6px 14px!important;border-radius:6px!important;transition:all var(--transition-normal)!important;text-transform:none!important;box-shadow:none!important}.calendar-view .fc-button-group .fc-button:hover{color:var(--color-slate-600)!important;background:transparent!important}.calendar-view .fc-button-group .fc-button-active,.calendar-view .fc-button-group .fc-button.fc-button-active{background:#fff!important;color:var(--color-slate-800)!important;box-shadow:0 1px 2px #0000000d!important}.calendar-view .fc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.calendar-view .fc-toolbar-chunk{display:flex;align-items:center;gap:var(--space-2)}.calendar-view .fc-col-header-cell{padding:var(--space-3) 0!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-slate-600)!important}.calendar-view .fc-daygrid-day-number,.calendar-view .fc-timegrid-slot-label{font-weight:var(--font-weight-medium);color:var(--color-slate-600)}.calendar-view .fc-scrollgrid,.calendar-view .fc-scrollgrid td,.calendar-view .fc-scrollgrid th{border-color:var(--color-slate-100)!important}.calendar-view .fc-timegrid-slot{height:48px!important}.calendar-view .fc-day-today{background:var(--color-slate-50)!important}.calendar-view .fc-event{border:none!important;border-radius:6px!important;padding:2px 6px!important;font-size:var(--font-size-xs)!important}.view-toggle-group{display:inline-flex;background:var(--bg-light);padding:3px;border-radius:8px;gap:2px}.view-toggle-btn{padding:6px 14px;font-size:13px;font-weight:500;border:none;border-radius:6px;background:transparent;color:var(--text-light);cursor:pointer;transition:all var(--transition-normal)}.view-toggle-btn:hover{color:var(--color-slate-700)}.view-toggle-btn.active{background:var(--white);color:var(--text-color);box-shadow:0 1px 2px #0000000d}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-slate);flex-shrink:0}.week-grid-container{display:flex;flex-direction:column;background:var(--bg-light);border-radius:var(--radius-3xl);box-shadow:0 8px 30px #0000000a;border:1px solid var(--border-slate);overflow:hidden}.week-grid-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-slate)}.week-grid{display:flex;flex-direction:column}.week-grid-title{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid var(--border-slate);background:var(--bg-light);min-height:48px}.week-grid-time-header{height:48px;padding:var(--space-3);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-light);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border-slate)}.week-grid-day-header{height:48px;padding:var(--space-3);border-right:1px solid var(--border-slate);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.week-grid-day-header.weekend{background:var(--bg-light)}.week-grid-day-header.today{background:#6366f11a}.week-grid-day-header span:first-child{color:var(--text-light);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.week-grid-day-header span:last-child{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.week-grid-day-header.today span:first-child{color:var(--color-primary-500)}.week-grid-day-header.today span:last-child{color:var(--color-primary-600)}.week-grid-body{display:grid;grid-template-columns:80px repeat(7,1fr);grid-template-rows:2400px;position:relative;height:2400px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.week-grid-times{display:flex;flex-direction:column;border-right:1px solid var(--border-slate);height:2400px;overflow:hidden}.week-grid-time-cell{height:100px;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-2);border-bottom:1px solid var(--border-slate);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-slate-400)}.week-grid-days-container{display:grid;grid-template-columns:repeat(7,1fr);grid-column:2 / -1;position:relative;height:2400px}.week-grid-day{position:relative;height:100%;border-left:1px solid var(--border-slate);background-image:linear-gradient(var(--border-slate) 1px,transparent 1px);background-size:100% 100px}.week-grid-day.today{background-color:#6366f10d}.week-grid-now-line{position:absolute;left:0;right:0;height:2px;background:var(--color-primary-500);z-index:30}.week-grid-now-label{position:absolute;left:0;top:-8px;background:var(--color-primary-500);color:#fff;font-size:9px;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:0 4px 4px 0}.week-grid-hour-line{height:100px;border-bottom:1px solid var(--border-slate)}.week-grid-task{position:absolute;left:4px;right:4px;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;z-index:10}.week-grid-task:hover{z-index:20;transform:scale(1.05)}.week-grid-task.completed{opacity:.5}.week-grid-task.completed:after{content:"";position:absolute;top:50%;left:4px;right:4px;height:2px;background-color:currentColor;opacity:.6}.week-grid-task.dragging{cursor:move;box-shadow:0 8px 25px #0003;transform:scale(1.02)}.week-grid-task.dragging .resize-handle{display:none}.drag-handle{display:flex;flex-direction:column;gap:2px;padding:2px 4px;cursor:grab;color:var(--color-slate-400);-webkit-user-select:none;user-select:none;transition:opacity .2s}.drag-handle:hover{opacity:1}.week-grid-task.dragging .drag-handle{cursor:grabbing}.drop-indicator-line{position:absolute;left:0;right:0;height:2px;background:#10b981;z-index:50;pointer-events:none;box-shadow:0 0 8px #10b98180}.drop-indicator-day-line{position:absolute;top:0;bottom:0;width:1px;background:#6366f180;z-index:49;pointer-events:none}.resize-handle{position:absolute;left:0;right:0;height:12px;cursor:ns-resize;z-index:20;pointer-events:auto}.resize-handle-top{top:-6px}.resize-handle-bottom{bottom:-6px}.day-grid-container{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-3xl);box-shadow:0 8px 30px #0000000a;border:1px solid var(--border-slate);overflow:hidden;flex:1}.day-grid{display:flex;flex-direction:column;flex:1;overflow:hidden}.day-grid-title{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--border-slate);background:var(--bg-light);min-height:48px;flex-shrink:0}.day-grid-body{display:flex;flex:1;overflow:visible}.day-grid-times{width:80px;flex-shrink:0;border-right:1px solid var(--border-slate);background:var(--bg-light)}.day-grid-time-cell{height:100px;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-2);border-bottom:1px solid var(--border-slate);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-slate-400)}.day-grid-slot{flex:1;position:relative;overflow:visible}.day-grid-slot .week-grid-day{position:relative}.month-grid-container{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-3xl);box-shadow:0 8px 30px #0000000a;border:1px solid var(--border-slate);overflow:hidden}.month-grid-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-slate);background:var(--bg-light)}.month-grid-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-slate-500);font-size:16px;transition:all var(--transition-normal)}.month-grid-nav-btn:hover{background:var(--border-color);color:var(--color-slate-700)}.month-grid-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-slate-800);margin:0 var(--space-3)}.month-grid-today-btn{margin-left:auto;padding:6px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary-500);background:var(--color-primary-100);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.month-grid-today-btn:hover{background:var(--color-primary-200)}.month-grid-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border-slate)}.month-grid-weekday{padding:var(--space-3) var(--space-2);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-slate-500);text-transform:uppercase;background:var(--bg-light)}.month-grid-weekday.weekend{color:var(--color-slate-400)}.month-grid-days{display:grid;grid-template-columns:repeat(7,1fr);flex:1}.month-grid-day{min-height:100px;padding:var(--space-2);border-right:1px solid var(--border-slate);border-bottom:1px solid var(--border-slate);background:var(--white);cursor:pointer;transition:background var(--transition-normal)}.month-grid-day:hover{background:var(--bg-light)}.month-grid-day:nth-child(7n){border-right:none}.month-grid-day.other-month{background:var(--bg-light)}.month-grid-day.other-month .month-grid-day-number{color:var(--color-slate-300)}.month-grid-day.today{background:#fefce8}.month-grid-day.weekend{background:var(--bg-light)}.month-grid-day-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-700);border-radius:50%;margin-bottom:4px}.month-grid-day.today .month-grid-day-number{background:var(--color-primary-500);color:#fff}.month-grid-tasks{display:flex;flex-direction:column;gap:2px}.month-grid-task-item{padding:2px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:4px;border-left:3px solid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.month-grid-task-item:hover{opacity:.8}.month-grid-task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-grid-task-more{font-size:10px;color:var(--color-primary-500);padding:2px 6px;cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-normal)}.month-grid-task-more:hover{color:var(--color-primary-600);text-decoration:underline}.week-grid-nav{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-slate);background:var(--bg-light)}.week-grid-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;color:var(--text-light);font-size:16px;transition:all var(--transition-normal)}.week-grid-nav-btn:hover{background:var(--border-color);color:var(--text-color)}.week-grid-nav-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0 var(--space-3)}.week-grid-today-btn{margin-left:auto;padding:6px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary-500);background:var(--primary-glow);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.week-grid-today-btn:hover{background:var(--primary-color);color:var(--white)}.calendar-day-placeholder,.calendar-month-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;background:var(--white);border-radius:var(--radius-3xl);box-shadow:0 8px 30px #0000000a;border:1px solid var(--border-slate)}.calendar-area{flex:1;overflow-y:auto;padding:var(--space-6);position:relative;z-index:1}.calendar-wrapper{background:var(--white);border-radius:24px;border:1px solid var(--border-slate);overflow-y:auto;overflow-x:hidden;box-shadow:0 8px 30px #0000000a}:root.light .calendar-wrapper,:root:not([data-theme=dark]) .calendar-wrapper{border:none;box-shadow:none}:root.light .week-grid-days-container,:root:not([data-theme=dark]) .week-grid-days-container{border-left:none}:root.light .week-grid-day,:root:not([data-theme=dark]) .week-grid-day{border-left:none}:root.light .week-grid-times,:root.light .week-grid-time-header,:root.light .week-grid-day-header,:root:not([data-theme=dark]) .week-grid-times,:root:not([data-theme=dark]) .week-grid-time-header,:root:not([data-theme=dark]) .week-grid-day-header{border-right:.5px solid var(--border-color)}:root.light .week-grid-day,:root:not([data-theme=dark]) .week-grid-day{border-left:.5px solid var(--border-color);background-image:linear-gradient(var(--border-color) 1px,transparent 1px)}:root.light .week-grid-title,:root.light .week-grid-hour-line,:root:not([data-theme=dark]) .week-grid-title,:root:not([data-theme=dark]) .week-grid-hour-line{border-bottom:.5px solid var(--border-color)}:root.dark .week-grid-times,:root.dark .week-grid-time-header,:root.dark .week-grid-day-header{border-right-width:.5px}:root.dark .week-grid-day{border-left-width:.5px}:root.dark .week-grid-title,:root.dark .week-grid-hour-line{border-bottom-width:.5px}.filter-bar{display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;min-height:auto;align-items:center;padding:0;background:var(--bg-light);border-radius:8px}.filter-bar .filter-btn-group{display:flex;width:100%;gap:0}.filter-btn{flex:1;padding:4px 0;font-size:11px;font-weight:700;border:none;border-radius:6px;background:transparent;color:var(--text-light);cursor:pointer;transition:all .2s}.filter-btn:hover{color:var(--text-light)}.filter-btn.active{background:var(--white);color:var(--text-color);box-shadow:0 1px 2px #0000000d}.reschedule-tip{background:transparent;border:none;border-radius:0;padding:16px 20px;margin-bottom:0;font-size:13px;color:#333;line-height:1.5;border-bottom:1px solid #f1f5f9}.reschedule-tip .btn{font-size:13px;padding:8px 12px}.message-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;z-index:var(--z-toast);animation:fadeIn .3s ease;display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);max-width:90%;text-align:center}.message-toast.success{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff}.message-toast.error{background:linear-gradient(135deg,var(--color-danger-500),var(--color-danger-600));color:#fff}.message-toast:before{font-family:Phosphor;font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tip-bar{display:flex;align-items:center;gap:var(--space-2);padding:8px 20px;background:#eef2ff;border-bottom:1px solid #e0e7ff;font-size:11px;color:#4f46e5;font-weight:500}.filter-section{padding:0 20px var(--space-4)}@media(max-width:767px){.week-grid-nav{display:none!important}.week-grid-time-cell{height:50px!important}.week-grid-day{background-size:100% 50px!important}.week-grid-hour-line,.day-grid-time-cell{height:50px!important}.calendar-area{padding:0!important}}