@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/forum/fonts/Inter-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/forum/fonts/Inter-400.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/forum/fonts/Inter-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/forum/fonts/Inter-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/forum/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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.5);--task-recurring-btn-bg:linear-gradient(135deg,#f59e0b,#d97706);--task-recurring-btn-color:#fff;--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:-0.025em;--letter-spacing-wide:0.05em;--letter-spacing-wider:0.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:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--transition-bounce:0.3s cubic-bezier(0.16,1,0.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:#fff;--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:hsla(0,0%,100%,.9);--modal-footer-bg:hsla(0,0%,100%,.9);--task-deadline:#9b59b6;--task-urgent:#3498db;--task-fixed:#27ae60}:root.light,:root[data-theme=light]{--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:#fff;--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:hsla(0,0%,100%,.9);--modal-footer-bg:hsla(0,0%,100%,.9)}:root.dark,:root[data-theme=dark]{--color-primary-50:rgba(129,140,248,.15);--color-success-50:rgba(52,211,153,.15);--color-warning-50:rgba(251,191,36,.15);--color-danger-50:rgba(248,113,113,.15);--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;--color-slate-50:#0f172a;--color-slate-100:#1e293b;--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,#d97706);--task-recurring-btn-color:#0f172a}@media (prefers-color-scheme:dark){:root:not([data-theme]){--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-size:var(--font-size-base);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-slate-800);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}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);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}.tracking-wide,.uppercase{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}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}i[class*=ph-]{align-items:center;display:inline-flex;justify-content:center}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{min-height:100vh}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:none;cursor:pointer}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}body{background-color:var(--bg-light);color:var(--text-color);font-family:var(--font-sans);line-height:var(--line-height-normal)}#root,.app{min-height:100vh}.app{display:flex;flex-direction:column}.header{background:var(--white);border-bottom:1px solid var(--border-color);box-shadow:none;flex-shrink:0;height:56px;justify-content:space-between;padding:0 var(--space-6);z-index:10}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--space-4)}.header-right{align-items:center;display:flex;gap:var(--space-3)}.header-title{color:var(--text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.header-logo{align-items:center;background:#4f46e5;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.header-logo i{color:#fff}.main-content{flex:1;gap:var(--space-4);padding:var(--space-4)}.main-content,.sidebar{display:flex;overflow:hidden}.sidebar{background:transparent;border:none;border-radius:0;box-shadow:none;flex-direction:column;flex-shrink:0;gap:16px;max-height:calc(100vh - 100px);padding:0;width:320px}.sidebar-title{font-weight:600}.sidebar-header{flex-direction:column;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px}.sidebar-header .sidebar-title{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding-bottom:0;width:100%}.sidebar-content{flex:1;overflow-y:auto;padding:0}.calendar-container{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column;overflow:hidden}.calendar-header{border-bottom:1px solid var(--color-slate-100)}.empty-state{color:var(--text-light);padding:var(--space-10) var(--space-5);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--space-3)}.empty-state-new{background:var(--white);border:1px dashed var(--border-color);border-radius:16px;flex-direction:column;margin:16px 0;padding:32px 20px;text-align:center}.empty-state-new,.empty-state-new .empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-new .empty-state-icon{background:var(--bg-light);border-radius:12px;height:56px;margin-bottom:12px;width:56px}.empty-state-new .empty-state-icon i{color:var(--text-light);font-size:28px}.empty-state-new .empty-state-text{color:var(--text-light);font-size:13px;font-weight:600}.empty-state-new .empty-state-desc{color:var(--text-light);font-size:11px;margin-top:4px;opacity:.8}.refresh-pill{align-items:center;background:var(--bg-light);border-radius:var(--radius-full);color:var(--color-slate-500);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:6px var(--space-3)}.refresh-select{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.refresh-select:focus{border-color:var(--primary-color);outline:none}.header-icon{color:var(--primary-color);font-size:24px}.main-area{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden;position:relative;z-index:1}.header-new{backdrop-filter:blur(12px);background:var(--bg-color);border-bottom:1px solid var(--border-color);flex-shrink:0;height:64px;justify-content:space-between;padding:0 32px;z-index:30}.header-nav,.header-new{align-items:center;display:flex}.header-nav{gap:24px}.header-month{color:var(--text-color);font-size:18px;font-weight:700}.header-view-toggle{background:var(--bg-light);border-radius:8px;display:flex;gap:4px;padding:4px}.header-view-btn{background:transparent;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;font-size:10px;font-weight:700;padding:6px 12px;transition:all .2s}.header-view-btn.active,.header-view-btn:hover{background:var(--white);color:var(--text-color)}.header-view-btn.active{box-shadow:0 1px 2px rgba(0,0,0,.1)}.mobile-bottom-nav,.mobile-brand,.mobile-date-picker,.mobile-label,.mobile-task-filter,.mobile-task-view{display:none}@media (max-width:767px){.sidebar-footer,.sidebar-new{display:none!important}.app-new-layout{display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;overflow:auto!important;padding-top:24px;width:100%!important}@supports (padding-top:env(safe-area-inset-top)){.app-new-layout{padding-top:env(safe-area-inset-top)}}.main-area{display:flex!important;flex:1!important;flex-direction:column!important;min-height:0!important;overflow:visible!important;padding-bottom:calc(56px + env(safe-area-inset-bottom, 0px))!important;width:100%!important}.calendar-view{display:none!important}.calendar-view.show{display:flex!important}.calendar-view.show,.mobile-task-view{flex:1!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.mobile-task-view{background:var(--bg-color);display:none!important;width:100%}.mobile-bottom-nav,.mobile-task-view:not(.hide){display:flex!important}.mobile-bottom-nav{bottom:0!important;flex-shrink:0!important;left:0!important;padding-bottom:58px;position:fixed!important;right:0!important;width:100%!important;z-index:100!important}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 10px)}}.header-new{flex-shrink:0;flex-wrap:wrap;gap:6px;height:auto;min-height:48px;padding:30px 12px 6px}@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-ai-input,.desktop-only,.mobile-hide{display:none!important}.mobile-date-picker{align-items:center;display:flex}.mobile-date-input{background:var(--white);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:600;padding:6px 10px}.mobile-date-input::-webkit-calendar-picker-indicator{cursor:pointer}.mobile-date-input:focus{border-color:var(--primary-color);outline:none}.message-toast{font-size:13px!important;padding:12px 20px!important;top:60px!important}.message-toast.mobile-message{left:50%!important;position:fixed!important;top:60px!important;transform:translateX(-50%)!important;z-index:9999!important}.calendar-area{flex:1;min-height:0;overflow-y:auto;width:100%;-webkit-overflow-scrolling:touch}.calendar-wrapper{height:100%;overflow:visible}.mobile-task-header{align-items:center;background:var(--white);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.mobile-task-header h2{color:var(--text-color);font-size:16px;font-weight:700;margin:0}.mobile-task-header .badge{background:var(--color-danger-500);border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.mobile-task-filter{align-items:center;background:var(--white);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:8px 16px}.mobile-task-filter .mobile-date-input{flex-shrink:0}.mobile-brand{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:700;gap:6px;letter-spacing:-.025em}.mobile-brand .sidebar-logo-img{height:24px;width:auto}.mobile-task-filter button{border:none;border-radius:16px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;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{align-items:center;background:linear-gradient(90deg,#7c3aed,#4f46e5);border:none;border-radius:16px;box-shadow:0 4px 14px 0 rgba(124,58,237,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;overflow:hidden;padding:6px 10px;position:relative;white-space:nowrap}.btn-arrange-mobile:before{animation:shimmer 3s linear infinite;background:linear-gradient(110deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.2) 45%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.2) 55%,hsla(0,0%,100%,0) 70%);background-size:200% 100%;content:"";inset:0;position:absolute}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-arrange-mobile:hover{box-shadow:0 6px 16px -2px rgba(124,58,237,.4);transform:translateY(-1px)}.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{align-items:center;background:transparent;border:none;color:var(--text-light);cursor:pointer;display:flex;flex:1;flex-direction:column;font-size:11px;font-weight:600;gap:2px;justify-content:center;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{border-radius:16px;display:flex;flex-direction:column;margin:16px;max-height:85vh;max-height:85dvh;overflow:hidden;width:calc(100% - 32px)}.modal-overlay-new .modal-header{flex-shrink:0;padding:16px}.modal-overlay-new .modal-body{flex:1;overflow-y:auto;padding:16px}.modal-overlay-new .modal-footer{flex-shrink:0;flex-wrap:wrap;gap:8px;padding:12px 16px}.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{font-size:16px;padding:12px;width:100%}.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;gap:6px;overflow-x:auto;padding-bottom:4px}.task-form-new .tab-group .tab-btn{flex-shrink:0;font-size:11px;padding:8px 10px}.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{align-items:flex-start;flex-direction:column;gap:10px}.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{border-radius:50%;font-size:10px;height:36px;width:36px}.task-form-new .monthday-selector .monthday-grid{display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.task-form-new .duration-wrapper{align-items:center;display:flex;flex-direction:row;gap:12px}.task-form-new .duration-presets{display:flex;flex-wrap:nowrap;gap:6px}.task-form-new .duration-preset{font-size:11px;padding:4px 8px}.task-form-new .duration-2h{display:none}.task-form-new .recurring-start-date{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px}.task-form-new .recurring-start-date-label{align-items:center;display:flex;gap:4px;white-space:nowrap}.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{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;padding:10px var(--space-5);transition:all var(--transition-normal)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:hover{background:var(--bg-color)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);box-shadow:0 8px 20px -4px rgba(99,102,241,.4);color:var(--white)}.btn-primary:hover{background:linear-gradient(135deg,#5558e3,#4338ca);box-shadow:0 12px 24px -4px rgba(99,102,241,.5);transform:translateY(-1px)}.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{color:var(--white)}.btn-danger,.btn-danger:hover{background:var(--danger-color)}.btn-ghost{background:transparent;color:var(--text-light)}.btn-ghost:hover{background:var(--color-slate-100);color:var(--text-color)}.btn-sm{font-size:var(--font-size-xs);padding:6px var(--space-3)}.btn-lg{font-size:var(--font-size-md);padding:12px var(--space-6)}.btn-icon{border-radius:var(--radius-lg);display:inline-flex;height:36px;padding:0;width:36px}.btn-icon,.btn-reschedule{align-items:center;justify-content:center}.btn-reschedule{background:linear-gradient(to right,#7c3aed,var(--color-primary-600));border:none;border-radius:var(--radius-xl);box-shadow:0 4px 14px 0 rgba(124,58,237,.3);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--space-2);padding:10px var(--space-4);position:relative;transition:all var(--transition-normal);width:100%}.btn-reschedule:hover{transform:scale(.98)}.btn-reschedule:active{transform:scale(.95)}.btn-reschedule .btn-icon{font-size:16px}.btn-loading{color:transparent!important;position:relative}.btn-loading:after{animation:btn-spin .8s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes btn-spin{to{transform:rotate(1turn)}}.form-group{margin-bottom:var(--space-4);overflow:visible;overflow-x:auto}.form-group:last-child{margin-bottom:0}.form-label{align-items:center;color:var(--text-light);display:flex;font-size:11px;font-weight:800;gap:6px;letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.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{border:2px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-color);font-size:var(--font-size-base);padding:12px 16px;transition:all var(--transition-normal);width:100%}.form-input,.form-input:focus{background-color:var(--bg-light)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.form-input::-moz-placeholder{color:var(--text-light)}.form-input::placeholder{color:var(--text-light)}.form-input-time{background-color:var(--bg-color);border:none;border-radius:var(--radius-xl);color:var(--text-color);font-family:var(--font-sans);font-size:18px;font-weight:700;padding:12px;width:100%}.form-input-time:focus{background-color:var(--white);box-shadow:0 0 0 3px rgba(99,102,241,.15);outline:none}.form-input-time::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.form-textarea{min-height:80px;resize:vertical}.form-input select,select.form-input{background-position:right 12px center;padding-right:32px}.form-input select,select.form-input,select.refresh-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 256 256'%3E%3Cpath d='m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer}select.refresh-select{background-position:right 8px center;padding-right:28px}.form-row{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr 1fr}.form-error{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);padding:var(--space-3)}.radio-group{display:flex;flex-wrap:wrap;gap:var(--space-4)}.radio-label{font-size:var(--font-size-base);gap:6px}.checkbox-label,.radio-label{align-items:center;cursor:pointer;display:inline-flex;margin-right:var(--space-4)}.checkbox-label input,.radio-label input{margin-right:6px}.task-form-new{padding:8px 0}.recurring-section{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:32px;margin-bottom:var(--space-5);padding:20px 24px;position:relative}.recurring-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.recurring-title{align-items:center;color:var(--text-light);display:flex;font-size:var(--font-size-base);font-weight:700;gap:var(--space-2)}.recurring-title i{color:var(--primary-color);font-size:18px}.recurring-header-row .tab-group{flex:none;width:auto}.recurring-tab{background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;flex:none!important;font-size:10px;font-weight:700;padding:6px 16px;transition:all var(--transition-normal)}.recurring-tab,.recurring-tab:hover{color:var(--text-light)}.recurring-tab.active{background-color:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--primary-color)}.recurring-panel{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4)}.recurring-info{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-4);justify-content:space-between}.recurring-desc{color:var(--text-light);flex-shrink:1;font-size:var(--font-size-sm);font-weight:500;line-height:1.6;min-width:0}.recurring-desc .highlight{color:var(--primary-color);font-weight:700}.recurring-interval{align-items:center;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:inline-flex;flex-shrink:0;gap:4px;padding:4px 6px}.recurring-interval-text{color:var(--text-light);font-size:10px;font-weight:700}.recurring-interval .interval-value{background:transparent;border:none;color:var(--primary-color);font-size:14px;font-weight:800;outline:none;text-align:center;width:24px}.recurring-interval input:focus{outline:none}.weekday-selector{display:flex;gap:6px;justify-content:space-between}.day-chip{align-items:center;background:transparent;border:2px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-light);cursor:pointer;display:flex;font-size:11px;font-weight:700;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.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;gap:6px;grid-template-columns:repeat(7,1fr)}.monthday-chip{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;display:flex;font-size:10px;font-weight:700;height:32px;justify-content:center;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{color:#818cf8;font-size:10px;font-weight:500}.recurring-start-date{align-items:center;border-top:1px solid rgba(199,210,254,.5);display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4)}.recurring-start-date-label{align-items:center;color:var(--text-light);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:6px}.recurring-start-date-label i{color:#f87171;font-size:16px}.recurring-start-date-input{background-color:var(--white);border:1px solid var(--border-color)!important;border-radius:var(--radius-lg);color:var(--text-color);cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px}.recurring-start-date-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.1);outline:none}.duration-wrapper{display:flex;flex-wrap:nowrap;gap:var(--space-4)}.duration-input,.duration-wrapper{align-items:center;overflow:visible}.duration-input{background:var(--bg-light);border-radius:16px;display:inline-flex;flex:0 0 auto;min-width:150px;padding:4px;position:relative;transition:all var(--transition-normal);z-index:1}.duration-input:focus-within{background:var(--white);border-color:#c7d2fe}.duration-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.duration-btn:hover{background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--primary-color)}.duration-btn:active{transform:scale(.9)}.duration-display{align-items:baseline;display:flex;gap:4px;padding:0 4px}.duration-value{color:var(--text-color);font-size:18px;font-weight:800;line-height:1.2;text-align:center}.duration-unit-label{color:var(--text-light);font-size:10px;font-weight:700}.duration-presets{display:flex;flex-shrink:0;gap:6px;position:relative;z-index:0}.duration-preset{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;font-size:10px;font-weight:700;padding:6px 12px;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);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff}.input-wrapper{position:relative}.input-icon{color:var(--color-slate-400);font-size:18px;left:var(--space-4);position:absolute;top:50%;transform:translateY(-50%);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{align-items:center;animation:modalFadeIn var(--transition-slow) cubic-bezier(.16,1,.3,1);backdrop-filter:blur(4px);background:rgba(30,41,59,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideIn var(--transition-slow) cubic-bezier(.16,1,.3,1);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-3xl);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow-x:auto;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);background:var(--modal-header-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6);position:sticky;top:0;z-index:10}[class*=modal-] .header-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;display:flex;height:32px;justify-content:center;width:32px}.modal-title{color:var(--text-color);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.modal-close,.modal-title{font-size:var(--font-size-xl)}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-slate-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--color-danger-50);color:var(--color-danger-500)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-6)}.modal-footer{backdrop-filter:blur(20px);background:var(--modal-footer-bg);border-top:1px solid var(--border-color);bottom:0;display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);position:sticky;z-index:10}.settings-modal{border-radius:var(--radius-xl);box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:360px;padding:var(--space-6);width:90%}.modal-sm{max-width:360px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-overlay-new{align-items:center;backdrop-filter:blur(4px);background:rgba(15,23,42,.4);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.modal-worktime{animation:modalSlideIn var(--transition-slow) cubic-bezier(.16,1,.3,1);background:var(--bg-white);border-radius:var(--radius-3xl);box-shadow:0 25px 50px rgba(0,0,0,.25);padding:var(--space-8);width:420px}.modal-worktime-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.modal-worktime-title{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:8px}.modal-close-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-slate-400);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.modal-close-btn:hover{background:var(--bg-light);color:var(--text-color)}.modal-worktime-body{display:flex;flex-direction:column;gap:var(--space-4)}.modal-worktime-submit{background:var(--color-primary-600);border:none;border-radius:var(--radius-xl);box-shadow:0 4px 14px rgba(79,70,229,.4);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-top:var(--space-8);padding:var(--space-4);transition:all var(--transition-normal);width:100%}.modal-worktime-submit:hover{background:var(--color-primary-700)}.modal-worktime-footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.user-avatar{align-items:center;background:var(--color-slate-200);border-radius:50%;color:var(--color-slate-600);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:32px;justify-content:center;width:32px}.user-avatar-primary{background:var(--color-primary-500);color:#fff}.user-avatar-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-2);padding:6px 10px;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:hsla(0,0%,100%,.1)}.user-avatar-btn .dropdown-icon{color:var(--color-slate-400);font-size:12px}.avatar-sm{font-size:var(--font-size-xs);height:24px;width:24px}.avatar-md{font-size:var(--font-size-sm);height:32px;width:32px}.avatar-lg{font-size:var(--font-size-base);height:40px;width:40px}.avatar-xl{font-size:var(--font-size-lg);height:48px;width:48px}.avatar-group{display:flex}.avatar-group .user-avatar{border:2px solid var(--white);margin-left:-8px}.avatar-group .user-avatar:first-child{margin-left:0}.user-dropdown{display:inline-block;position:relative}.user-dropdown-menu{border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);margin-top:8px;min-width:160px;top:100%;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .15s;width:100%}.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{background:var(--bg-light);height:1px;margin:8px 0}.dropdown-menu{animation:dropdownFadeIn .15s ease;background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);margin-top:8px;min-width:240px;padding:8px;position:absolute;right:0;top:100%;z-index:100}.dropdown-menu.show{display:block}.menu-header{border-bottom:1px solid var(--border-color);margin-bottom:8px;padding:16px}.menu-header .full-name{color:var(--text-color);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.menu-header .email{color:var(--text-light);display:block;font-size:13px}.menu-item{align-items:center;background:transparent;border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .15s;width:100%}.menu-item:hover{background:var(--bg-light)}.menu-item.danger{color:var(--danger-color)}.menu-item.danger:hover{background:#fef2f2}.menu-divider{background:var(--bg-light);height:1px;margin:8px 0}.user-dropdown-icon{color:var(--text-light);height:16px;width:16px}.user-dropdown-menu{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12);margin-top:12px;padding:8px;position:absolute;right:0;width:256px;z-index:50}.user-dropdown-icon-box{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;margin-right:12px;width:32px}.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{color:var(--text-color);font-size:14px;font-weight:600}.user-dropdown-item.danger .user-dropdown-label{color:var(--danger-color);font-weight:700}.card{background:var(--white);border:1px solid var(--color-slate-100);border-radius:var(--radius-xl);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{align-items:center;border-bottom:1px solid var(--color-slate-100);display:flex;justify-content:space-between;padding:var(--space-4)}.card-title{color:var(--color-slate-800);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.card-body{padding:var(--space-4)}.card-footer,.platform-card-footer{background:var(--bg-light);border-top:2px solid var(--border-color);padding:var(--space-4)}.sidebar-tasks-container{background:#fff;border:1px solid var(--color-slate-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.quick-input-wrapper{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:12px;transition:all .2s}.quick-input-wrapper:focus-within{box-shadow:0 0 0 2px rgba(79,70,229,.2)}.quick-input-container{position:relative}.quick-input{background:var(--bg-color);border:none;border-radius:12px;font-size:14px;outline:none;padding:10px 16px 10px 40px;width:100%}.quick-input::-moz-placeholder{color:var(--text-light)}.quick-input::placeholder{color:var(--text-light)}.quick-input-icon{color:#818cf8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.ai-input-wrapper{position:relative;width:400px}.ai-input{background:var(--bg-light);border:2px solid var(--border-color);border-radius:10px;font-size:14px;padding:10px 16px 10px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ai-input:focus{background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow);outline:none;width:480px}.ai-input::-moz-placeholder{color:var(--text-light)}.ai-input::placeholder{color:var(--text-light)}.ai-input-wrapper i{color:var(--primary-color);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-footer{background:var(--color-slate-50);border-top:1px solid var(--color-slate-100);padding:var(--space-4) var(--space-5)}.permission-item{align-items:flex-start;background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s}.permission-item:hover{border-color:var(--primary-color)}.permission-item input[type=checkbox]{cursor:pointer;height:18px;margin-top:2px;width:18px}.permission-info{display:flex;flex-direction:column;gap:2px}.permission-name{color:var(--text-color);font-size:13px;font-weight:500}.permission-code{color:var(--text-light);font-family:monospace;font-size:11px}@keyframes floating{0%,to{transform:translateY(0) rotate(0deg)}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:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.login-bg,.login-page{min-height:100vh}.login-bg{align-items:center;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);display:flex;justify-content:center;padding:16px}.login-card{animation:cardSlideUp .8s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);background:var(--login-card-bg);border:1px solid var(--login-card-border);border-radius:40px;box-shadow:var(--login-card-shadow);display:flex;height:680px;max-width:1024px;overflow:hidden;width:100%}.login-left{background:var(--login-left-bg);display:none;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px;position:relative;width:45%}@media (min-width:1025px){.login-left{display:flex}}.login-left-blur{background:rgba(99,102,241,.1);border-radius:50%;filter:blur(60px);height:256px;margin-right:-80px;margin-top:-80px;position:absolute;right:0;top:0;width:256px}.login-logo{gap:12px;position:relative;z-index:10}.login-logo,.login-logo-icon{align-items:center;display:flex}.login-logo-icon{background:var(--color-tudou);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);height:40px;justify-content:center;transform:rotate(6deg);width:40px}.login-logo-text{color:var(--login-logo-text);font-size:20px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.login-brand{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;z-index:10}.login-tudou{animation:floating 3s ease-in-out infinite;margin-bottom:32px;position:relative}.login-tudou-body{align-items:center;background:var(--color-tudou);border:4px solid var(--color-tudou-dark);border-radius:50% 50% 45% 45%;box-shadow:0 20px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;height:192px;justify-content:center;position:relative;width:160px}.login-tudou-hat{border-bottom:4px solid var(--color-tudou-hat-dark);border-radius:8px 8px 0 0;height:40px;top:-24px;width:80px}.login-tudou-hat,.login-tudou-hat-brim{background:var(--color-tudou-hat);position:absolute}.login-tudou-hat-brim{border-radius:4px;height:8px;top:-4px;width:96px}.login-tudou-eyes{display:flex;gap:32px;margin-bottom:8px}.login-tudou-eye{background:var(--color-tudou-dark);border-radius:50%;height:12px;width:12px}.login-tudou-mouth{border-bottom:4px solid var(--color-tudou-dark);border-radius:0 0 12px 12px;height:12px;width:24px}.login-tudou-butterfly{color:var(--color-tudou-dark);margin-top:16px;opacity:.8}.login-task-card{background:var(--login-task-card-bg);border:1px solid var(--login-task-card-border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:8px;height:128px;padding:12px;position:absolute;right:-48px;top:40px;transform:rotate(-12deg);width:96px}.login-task-line{background:var(--login-task-line-bg);border-radius:4px;height:8px}.login-task-line-2{background:var(--login-task-line-bg-2);border-radius:4px;height:8px;width:80%}.login-task-check{align-items:center;background:var(--login-task-check-bg);border-radius:50%;color:var(--login-task-check-color);display:flex;font-size:16px;height:32px;justify-content:center;margin:auto;width:32px}.login-brand-title{color:var(--login-brand-title);font-size:28px;font-weight:700;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{align-items:center;background:var(--login-footer-pill-bg);border:1px solid var(--login-footer-pill-border);border-radius:16px;display:inline-flex;gap:12px;padding:8px 16px}.login-footer-avatar,.login-footer-avatars{display:flex;margin-left:-8px}.login-footer-avatar{align-items:center;border:2px solid var(--login-left-bg);border-radius:50%;height:24px;justify-content:center;width:24px}.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;letter-spacing:.1em;text-transform:uppercase}.login-right{display:flex;flex:1;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:48px 80px}@media (max-width:1024px){.login-right{padding:48px}}.login-right-title{margin-bottom:48px}.login-right-title h3{color:var(--login-right-title);font-size:28px;font-weight:700;margin-bottom:8px}.login-right-title p{color:var(--login-right-desc);font-weight:500}.login-form-group{margin-bottom:24px}.login-form-label{color:var(--login-form-label);display:block;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.login-input-wrapper{position:relative}.login-input-icon{color:var(--login-input-icon);font-size:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.login-input-wrapper:focus-within .login-input-icon{color:var(--primary-color)}.login-input{background:var(--login-input-bg);border:2px solid var(--login-input-border);border-radius:16px;color:var(--login-input-text);font-size:14px;font-weight:500;outline:none;padding:16px 16px 16px 48px;transition:all .2s;width:100%}.login-input:focus{background:var(--login-input-focus-bg);border-color:var(--login-input-focus);box-shadow:0 0 0 4px var(--login-input-focus-shadow)}.login-input::-moz-placeholder{color:var(--login-input-placeholder)}.login-input::placeholder{color:var(--login-input-placeholder)}.login-input:-webkit-autofill,.login-input:-webkit-autofill:focus,.login-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 100px var(--login-input-bg) inset!important;-webkit-text-fill-color:var(--login-input-text)!important}.login-btn{align-items:center;background:var(--primary-color);border:none;border-radius:16px;color:var(--login-btn-color);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:16px;transition:all .2s;width:100%}.login-btn:hover{box-shadow:0 0 20px var(--login-btn-hover-shadow)}.login-btn:active{transform:scale(.98)}.login-btn:disabled{cursor:not-allowed;opacity:.5}.login-link{background:none;border:none;color:var(--login-link);cursor:pointer;font-size:14px;font-weight:700}.login-link:hover{text-decoration:underline}.login-error{align-items:center;background:var(--login-error-bg);border:1px solid var(--login-error-border);border-radius:16px;color:var(--login-error-text);display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:24px;padding:20px}.login-error i{font-size:20px}.login-success{align-items:center;background:var(--login-success-bg);border:1px solid var(--login-success-border);border-radius:16px;color:var(--login-success-text);display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:20px}.shake-animation{animation:shake .5s ease-in-out}.login-divider{align-items:center;border-top:1px solid var(--login-divider);color:var(--login-divider-text);display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:32px}.login-divider-text{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.login-social-btns{display:flex;gap:12px}.login-social-btn{align-items:center;background:var(--login-social-btn-bg);border:1px solid var(--login-social-btn-border);border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.login-social-btn:hover{background:var(--login-social-btn-hover-bg);border-color:var(--login-social-btn-hover-border)}.login-social-btn i{color:var(--login-social-btn-icon);font-size:24px}:root,:root.light,:root:not([data-theme=dark]){--login-bg:#f8fafc;--login-gradient-1:#fef3c7;--login-gradient-2:#e0e7ff;--login-card-bg:hsla(0,0%,100%,.8);--login-card-shadow:0 40px 100px -20px rgba(0,0,0,.1);--login-card-border:#fff;--login-left-bg:#1e293b;--login-logo-text:#fff;--color-tudou:#e6a74c;--color-tudou-dark:#c78e3d;--color-tudou-hat:#1e1b4b;--color-tudou-hat-dark:#0f172a;--login-task-card-bg:#fff;--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:#fff;--login-brand-title:#fff;--login-brand-desc:#94a3b8;--login-footer-pill-bg:hsla(0,0%,100%,.05);--login-footer-pill-border:hsla(0,0%,100%,.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:#fff;--login-input-focus-shadow:rgba(99,102,241,.05);--login-input-placeholder:#cbd5e1;--login-btn-color:#fff;--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:#fff;--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:#fff;--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:#fff;--login-brand-title:#fff;--login-brand-desc:#94a3b8;--login-footer-pill-bg:hsla(0,0%,100%,.05);--login-footer-pill-border:hsla(0,0%,100%,.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:#fff;--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:#fff;--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:#fff;--login-brand-title:#fff;--login-brand-desc:#94a3b8;--login-footer-pill-bg:hsla(0,0%,100%,.05);--login-footer-pill-border:hsla(0,0%,100%,.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:#fff;--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)}.task-list,.task-list-scroll{padding:var(--space-3) var(--space-5)}.task-list-scroll{flex:1;overflow-y:auto}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.task-item{align-items:flex-start;background:#fff;border:1px solid var(--border-color);border-left:4px solid transparent;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-normal)}.task-item:hover{border-color:var(--color-slate-300);box-shadow:0 4px 12px rgba(0,0,0,.08)}.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{background:#e3f2fd;opacity:.5}.task-item.completed{opacity:.6}.task-item.completed .task-title{color:var(--color-slate-400);text-decoration:line-through}.task-content{flex:1;min-width:0}.task-title{color:var(--text-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{align-items:center;color:var(--text-light);display:flex;flex-wrap:wrap;font-size:10px;font-weight:var(--font-weight-medium);gap:6px}.task-type-badge{border-radius:var(--radius-sm);display:inline-block;font-size:9px;font-weight:var(--font-weight-bold);margin-right:0;padding:2px 6px;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{align-items:center;display:flex;padding-right:var(--space-2);pointer-events:none}.task-check input{pointer-events:auto}.task-check input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.conflict-icon{margin-right:4px}.conflict-info{background:var(--color-danger-50);border-radius:var(--radius-md);color:var(--color-danger-600);font-size:var(--font-size-xs);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.conflict-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-md);color:#856404;font-size:var(--font-size-sm);margin-bottom:var(--space-4);padding:var(--space-3)}.task-duration{align-items:center;color:var(--color-slate-400);display:inline-flex;font-size:var(--font-size-xs);gap:4px;margin-left:var(--space-2)}.duration-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:2px 4px;text-align:center;width:50px}.duration-input:focus{border-color:var(--primary-color);outline:none}.task-card-new{background:#fff;border:1px solid var(--color-slate-100);border-left-width:4px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);cursor:pointer;margin-bottom:var(--space-3);padding:var(--space-4);transition:all var(--transition-normal)}.task-card-new:hover{box-shadow:0 8px 20px -5px rgba(0,0,0,.08);transform:translateY(-2px)}.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{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--task-recurring-bg);border:1px solid var(--task-recurring-border);border-left:4px solid var(--task-recurring-left-border);border-radius:16px;box-shadow:var(--task-recurring-shadow);color:var(--task-recurring-text);cursor:pointer;margin-bottom:12px;overflow:hidden;padding:14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-recurring-time{background:var(--task-recurring-time-bg);border:1px solid var(--task-recurring-border-color);border-radius:6px;color:var(--task-recurring-time-color);font-size:10px;font-weight:800;padding:2px 8px}.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:1px solid var(--task-recurring-border-color);border-radius:10px;padding:8px 10px}.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{align-items:center;background:var(--task-recurring-btn-bg);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(245,158,11,.3);color:var(--task-recurring-btn-color);cursor:pointer;display:flex;flex:1;font-size:11px;font-weight:700;gap:4px;justify-content:center;padding:8px;transition:transform .2s}.btn-recurring-pause:hover{transform:scale(1.02)}.task-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.task-card-meta{align-items:center;display:flex;gap:var(--space-2)}.task-card-time{align-items:center;background:var(--color-slate-50);border-radius:var(--radius-md);color:var(--color-slate-400);display:flex;font-size:10px;font-weight:var(--font-weight-bold);gap:4px;padding:2px 8px}.task-card-time i{font-size:10px}.task-card-type{font-size:9px;font-weight:800;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.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{align-items:center;background:#fff;border:2px solid var(--color-slate-200);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all var(--transition-normal);width:20px}.task-check-new.checked,.task-check-new:hover{border-color:var(--color-primary-500)}.check-dot{background:var(--color-primary-500);border-radius:50%;height:10px;transform:scale(0);transition:transform var(--transition-fast);width:10px}.task-check-new.checked .check-dot{transform:scale(1)}.task-card-title{color:var(--color-slate-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-footer{align-items:center;color:var(--color-slate-400);display:flex;font-size:10px;font-weight:var(--font-weight-medium);justify-content:space-between;margin-top:var(--space-3)}.task-card-duration{align-items:center;display:flex;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{font-family:var(--font-sans);overflow:visible;padding:var(--space-2) 0}.task-form-new *{font-family:inherit}.task-item-skeleton{align-items:flex-start;background:#fff;border:1px solid var(--color-slate-100);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);overflow:hidden;padding:var(--space-3);position:relative}.task-item-skeleton:before{animation:skeleton-shimmer 1.5s linear infinite;background:linear-gradient(90deg,var(--color-slate-50) 25%,var(--color-slate-100) 50%,var(--color-slate-50) 75%);background-size:200% 100%;content:"";inset:0;position:absolute}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-check{border:2px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;height:16px;margin-top:2px;position:relative;width:16px;z-index:1}.skeleton-content{flex:1;position:relative;z-index:1}.skeleton-title{background:var(--border-color);border-radius:6px;height:12px;margin-bottom:var(--space-2);width:60%}.skeleton-meta{background:var(--color-slate-100);border-radius:5px;height:10px;width:40%}.skeleton-status{align-items:center;color:var(--color-primary-400);display:flex;font-size:9px;font-weight:var(--font-weight-bold);gap:4px;position:relative;z-index:1}.skeleton-status i{animation:spin 1s linear infinite}.sidebar-tasks-container{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex:1;flex-direction:column;overflow:hidden}.app-new-layout{background:var(--bg-color);flex-direction:row}.app-new-layout,.sidebar-new{display:flex;height:100vh;overflow:hidden}.sidebar-new{background:var(--white);border-right:1px solid var(--border-color);box-shadow:4px 0 24px rgba(0,0,0,.02);flex-direction:column;flex-shrink:0;position:relative;width:288px;z-index:10}.sidebar-header{background:var(--bg-color);border-bottom:1px solid var(--border-color)}.sidebar-header,.sidebar-tabs{align-items:center;display:flex;height:64px;padding:0 20px}.sidebar-logo-row{align-items:center;box-sizing:border-box;display:flex;gap:12px;height:100%;justify-content:flex-start;width:100%}.sidebar-logo{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.sidebar-logo-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.sidebar-title{color:var(--text-color);font-size:16px;font-weight:700;letter-spacing:-.025em;line-height:1;margin:0}.sidebar-badge{border-radius:9999px;color:var(--text-light);display:inline-block;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:middle}.sidebar-badge,.tab-group{background:var(--bg-light)}.tab-group{border-radius:12px;display:flex;gap:4px;padding:4px;width:100%}.tab-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1;font-size:12px;font-weight:700;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.tab-btn.active{background:var(--white);box-shadow:0 1px 2px rgba(0,0,0,.1);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;margin-top:0;padding:0 20px}.filter-pill{border:none;border-radius:9999px;cursor:pointer;font-size:11px;font-weight:700;padding:4px 12px;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{align-items:center;background:linear-gradient(90deg,#7c3aed,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 14px 0 rgba(124,58,237,.3);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;justify-content:center;margin:16px 20px;overflow:hidden;padding:10px 16px;position:relative;transition:all .2s;width:calc(100% - 40px)}.btn-arrange:before{animation:shimmer 3s linear infinite;background:linear-gradient(110deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.2) 45%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.2) 55%,hsla(0,0%,100%,0) 70%);background-size:200% 100%;content:"";inset:0;position:absolute}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-arrange:hover{box-shadow:0 8px 20px -3px rgba(124,58,237,.4);transform:translateY(-2px) scale(.98)}.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{background:var(--bg-color);border-top:1px solid var(--border-color);padding:16px 20px}.btn-new-task{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#4f46e5;cursor:pointer;font-size:12px;font-weight:700;padding:12px;transition:all .2s;width:100%}.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-primary:not(:disabled).fc-button-active,.fc .fc-button:hover{background:#357abd!important}.fc .fc-daygrid-day{cursor:pointer}.fc .fc-daygrid-day:hover{background:#f8f9fa}.fc-event{border:none!important;cursor:pointer}.fc .fc-timegrid-slot{height:48px}.task-event{border-radius:3px;padding:2px 4px}.recurring-task-event{border-style:dashed!important}.recurring-task-event:before{content:"🔄 "}.calendar-view{display:flex;flex:1;flex-direction:column;font-size:var(--font-size-sm);min-height:0;position:relative;z-index:1}.calendar-view>.header-new{flex-shrink:0;position:relative;z-index:100}.calendar-view .fc{font-family:inherit}.calendar-view .fc-toolbar-title{color:var(--color-slate-800);font-size:17px!important;font-weight:var(--font-weight-semibold)!important}.calendar-view .fc-today-button{background:var(--color-slate-100)!important;border:none!important;border-radius:var(--radius-lg)!important;color:var(--color-slate-600)!important;font-weight:var(--font-weight-medium)!important;padding:6px 12px!important;text-transform:none!important;transition:all var(--transition-normal)!important}.calendar-view .fc-today-button:hover{background:var(--color-slate-200)!important;color:var(--color-slate-800)!important}.calendar-view .fc-next-button,.calendar-view .fc-prev-button,.calendar-view .fc-toolbar-chunk .fc-next-button,.calendar-view .fc-toolbar-chunk .fc-prev-button{align-items:center!important;background:transparent!important;border:none!important;border-radius:var(--radius-lg)!important;box-shadow:none!important;color:var(--color-slate-400)!important;display:inline-flex!important;justify-content:center!important;padding:6px 10px!important;transition:all var(--transition-normal)!important}.calendar-view .fc-next-button:hover,.calendar-view .fc-prev-button:hover,.calendar-view .fc-toolbar-chunk .fc-next-button:hover,.calendar-view .fc-toolbar-chunk .fc-prev-button:hover{background:transparent!important;color:var(--color-slate-800)!important}.calendar-view .fc-button-group{background:var(--color-slate-100)!important;border-radius:var(--radius-lg)!important;display:inline-flex!important;gap:2px!important;padding:3px!important}.calendar-view .fc-button-group .fc-button{background:transparent!important;border:none!important;border-radius:6px!important;box-shadow:none!important;color:var(--color-slate-500)!important;font-weight:var(--font-weight-medium)!important;padding:6px 14px!important;text-transform:none!important;transition:all var(--transition-normal)!important}.calendar-view .fc-button-group .fc-button:hover{background:transparent!important;color:var(--color-slate-600)!important}.calendar-view .fc-button-group .fc-button-active,.calendar-view .fc-button-group .fc-button.fc-button-active{background:#fff!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;color:var(--color-slate-800)!important}.calendar-view .fc-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.calendar-view .fc-toolbar-chunk{align-items:center;display:flex;gap:var(--space-2)}.calendar-view .fc-col-header-cell{color:var(--color-slate-600)!important;font-weight:var(--font-weight-semibold)!important;padding:var(--space-3) 0!important}.calendar-view .fc-daygrid-day-number,.calendar-view .fc-timegrid-slot-label{color:var(--color-slate-600);font-weight:var(--font-weight-medium)}.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;font-size:var(--font-size-xs)!important;padding:2px 6px!important}.view-toggle-group{background:var(--bg-light);border-radius:8px;display:inline-flex;gap:2px;padding:3px}.view-toggle-btn{background:transparent;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all var(--transition-normal)}.view-toggle-btn:hover{color:var(--color-slate-700)}.view-toggle-btn.active{background:var(--white);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--text-color)}.calendar-header{align-items:center;border-bottom:1px solid var(--border-slate);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-4) var(--space-6)}.week-grid-container{background:var(--bg-light);border:1px solid var(--border-slate);border-radius:var(--radius-3xl);box-shadow:0 8px 30px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden}.week-grid-header{align-items:center;border-bottom:1px solid var(--border-slate);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.week-grid{display:flex;flex-direction:column}.week-grid-title{background:var(--bg-light);border-bottom:1px solid var(--border-slate);display:grid;grid-template-columns:80px repeat(7,1fr);min-height:48px}.week-grid-time-header{color:var(--text-light);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.week-grid-day-header,.week-grid-time-header{align-items:center;border-right:1px solid var(--border-slate);display:flex;height:48px;justify-content:center;padding:var(--space-3)}.week-grid-day-header{flex-direction:column;gap:4px}.week-grid-day-header.weekend{background:var(--bg-light)}.week-grid-day-header.today{background:rgba(99,102,241,.1)}.week-grid-day-header span:first-child{color:var(--text-light);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.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;height:2400px;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch;touch-action:pan-y}.week-grid-times{border-right:1px solid var(--border-slate);display:flex;flex-direction:column;height:2400px;overflow:hidden}.week-grid-time-cell{align-items:flex-start;border-bottom:1px solid var(--border-slate);color:var(--color-slate-400);display:flex;font-size:10px;font-weight:var(--font-weight-medium);height:100px;justify-content:center;padding-top:var(--space-2)}.week-grid-days-container{display:grid;grid-column:2/-1;grid-template-columns:repeat(7,1fr);height:2400px;position:relative}.week-grid-day{background-image:linear-gradient(var(--border-slate) 1px,transparent 1px);background-size:100% 100px;border-left:1px solid var(--border-slate);height:100%;position:relative}.week-grid-day.today{background-color:rgba(99,102,241,.05)}.week-grid-now-line{height:2px;right:0;z-index:30}.week-grid-now-label,.week-grid-now-line{background:var(--color-primary-500);left:0;position:absolute}.week-grid-now-label{border-radius:0 4px 4px 0;color:#fff;font-size:9px;font-weight:var(--font-weight-bold);padding:2px 6px;top:-8px}.week-grid-hour-line{border-bottom:1px solid var(--border-slate);height:100px}.week-grid-task{cursor:pointer;left:4px;overflow:hidden;position:absolute;right:4px;transition:transform var(--transition-normal),box-shadow var(--transition-normal);z-index:10}.week-grid-task:hover{transform:scale(1.05);z-index:20}.resize-handle{cursor:ns-resize;height:12px;left:0;pointer-events:auto;position:absolute;right:0;z-index:20}.resize-handle-top{top:-6px}.resize-handle-bottom{bottom:-6px}.day-grid-container{background:var(--white);border:1px solid var(--border-slate);border-radius:var(--radius-3xl);box-shadow:0 8px 30px rgba(0,0,0,.04)}.day-grid,.day-grid-container{display:flex;flex:1;flex-direction:column;overflow:hidden}.day-grid-title{background:var(--bg-light);border-bottom:1px solid var(--border-slate);display:grid;flex-shrink:0;grid-template-columns:80px 1fr;min-height:48px}.day-grid-body{display:flex;flex:1;overflow:visible}.day-grid-times{background:var(--bg-light);border-right:1px solid var(--border-slate);flex-shrink:0;width:80px}.day-grid-time-cell{align-items:flex-start;border-bottom:1px solid var(--border-slate);color:var(--color-slate-400);display:flex;font-size:10px;font-weight:var(--font-weight-medium);height:100px;justify-content:center;padding-top:var(--space-2)}.day-grid-slot{flex:1;overflow:visible}.day-grid-slot,.day-grid-slot .week-grid-day{position:relative}.month-grid-container{background:var(--white);border:1px solid var(--border-slate);border-radius:var(--radius-3xl);box-shadow:0 8px 30px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden}.month-grid-header{align-items:center;background:var(--bg-light);border-bottom:1px solid var(--border-slate);display:flex;padding:var(--space-3) var(--space-4)}.month-grid-nav-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-slate-500);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.month-grid-nav-btn:hover{background:var(--border-color);color:var(--color-slate-700)}.month-grid-title{color:var(--color-slate-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0 var(--space-3)}.month-grid-today-btn{background:var(--color-primary-100);border:none;border-radius:var(--radius-md);color:var(--color-primary-500);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:auto;padding:6px 12px;transition:all var(--transition-normal)}.month-grid-today-btn:hover{background:var(--color-primary-200)}.month-grid-weekdays{border-bottom:1px solid var(--border-slate);display:grid;grid-template-columns:repeat(7,1fr)}.month-grid-weekday{background:var(--bg-light);color:var(--color-slate-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-3) var(--space-2);text-align:center;text-transform:uppercase}.month-grid-weekday.weekend{color:var(--color-slate-400)}.month-grid-days{display:grid;flex:1;grid-template-columns:repeat(7,1fr)}.month-grid-day{background:var(--white);border-bottom:1px solid var(--border-slate);border-right:1px solid var(--border-slate);cursor:pointer;min-height:100px;padding:var(--space-2);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{align-items:center;border-radius:50%;color:var(--color-slate-700);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:28px;justify-content:center;margin-bottom:4px;width:28px}.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{border-left:3px solid;border-radius:4px;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.month-grid-task-item:hover{opacity:.8}.month-grid-task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-grid-task-more{color:var(--color-primary-500);cursor:pointer;font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 6px;transition:all var(--transition-normal)}.month-grid-task-more:hover{color:var(--color-primary-600);text-decoration:underline}.week-grid-nav{align-items:center;background:var(--bg-light);border-bottom:1px solid var(--border-slate);display:flex;padding:var(--space-3) var(--space-4)}.week-grid-nav-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.week-grid-nav-btn:hover{background:var(--border-color);color:var(--text-color)}.week-grid-nav-title{color:var(--text-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0 var(--space-3)}.week-grid-today-btn{background:var(--primary-glow);border:none;border-radius:var(--radius-md);color:var(--color-primary-500);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:auto;padding:6px 12px;transition:all var(--transition-normal)}.week-grid-today-btn:hover{background:var(--primary-color);color:var(--white)}.calendar-day-placeholder,.calendar-month-placeholder{align-items:center;background:var(--white);border:1px solid var(--border-slate);border-radius:var(--radius-3xl);box-shadow:0 8px 30px rgba(0,0,0,.04);display:flex;justify-content:center;min-height:400px}.calendar-area{flex:1;overflow-y:auto;padding:var(--space-6);position:relative;z-index:1}.calendar-wrapper{background:var(--white);border:1px solid var(--border-slate);border-radius:24px;box-shadow:0 8px 30px rgba(0,0,0,.04);overflow-x:hidden;overflow-y:auto}:root.light .calendar-wrapper,:root:not([data-theme=dark]) .calendar-wrapper{border:none;box-shadow:none}:root.light .week-grid-day,:root.light .week-grid-days-container,:root:not([data-theme=dark]) .week-grid-day,:root:not([data-theme=dark]) .week-grid-days-container{border-left:none}:root.light .week-grid-day-header,:root.light .week-grid-time-header,:root.light .week-grid-times,:root:not([data-theme=dark]) .week-grid-day-header,:root:not([data-theme=dark]) .week-grid-time-header,:root:not([data-theme=dark]) .week-grid-times{border-right:.5px solid var(--border-color)}:root.light .week-grid-day,:root:not([data-theme=dark]) .week-grid-day{background-image:linear-gradient(var(--border-color) 1px,transparent 1px);border-left:.5px solid var(--border-color)}:root.light .week-grid-hour-line,:root.light .week-grid-title,:root:not([data-theme=dark]) .week-grid-hour-line,:root:not([data-theme=dark]) .week-grid-title{border-bottom:.5px solid var(--border-color)}:root.dark .week-grid-day-header,:root.dark .week-grid-time-header,:root.dark .week-grid-times{border-right-width:.5px}:root.dark .week-grid-day{border-left-width:.5px}:root.dark .week-grid-hour-line,:root.dark .week-grid-title{border-bottom-width:.5px}.filter-bar{align-items:center;background:var(--bg-light);border-radius:8px;display:flex;flex-wrap:nowrap;gap:0;min-height:auto;overflow-x:auto;padding:0}.filter-bar .filter-btn-group{display:flex;gap:0;width:100%}.filter-btn{background:transparent;border:none;border-radius:6px;cursor:pointer;flex:1;font-size:11px;font-weight:700;padding:4px 0;transition:all .2s}.filter-btn,.filter-btn:hover{color:var(--text-light)}.filter-btn.active{background:var(--white);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--text-color)}.reschedule-tip{background:transparent;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;color:#333;font-size:13px;line-height:1.5;margin-bottom:0;padding:16px 20px}.reschedule-tip .btn{font-size:13px;padding:8px 12px}.message-toast{align-items:center;animation:fadeIn .3s ease;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-3);left:50%;max-width:90%;padding:var(--space-4) var(--space-6);position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:var(--z-toast)}.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:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tip-bar{align-items:center;background:#eef2ff;border-bottom:1px solid #e0e7ff;color:#4f46e5;display:flex;font-size:11px;font-weight:500;gap:var(--space-2);padding:8px 20px}.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}.day-grid-time-cell,.week-grid-hour-line{height:50px!important}.calendar-area{padding:0!important}}.graph-explorer{background:var(--bg-color);display:flex;flex-direction:column;height:100vh}.graph-explorer-layout{display:flex;flex:1;overflow:hidden}.graph-explorer-sidebar{background:var(--white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:360px}.graph-explorer-main{flex:1}.graph-explorer-detail,.graph-explorer-main{display:flex;flex-direction:column;overflow:hidden}.graph-explorer-detail{background:var(--white);border-left:1px solid var(--border-color);flex-shrink:0;width:380px}.search-panel{display:flex;flex-direction:column;height:100%}.search-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.search-panel-title{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);margin:0}.search-panel-title i{color:var(--color-primary-500)}.mock-data-toggle{align-items:center;background:var(--color-slate-100);border:none;border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.mock-data-toggle:hover{background:var(--color-slate-200);color:var(--text-color)}.mock-data-toggle.active{background:var(--color-primary-50);color:var(--color-primary-600)}.search-panel-content{flex:1;overflow-y:auto;padding:var(--space-4)}.search-panel-section{margin-top:var(--space-5)}.search-panel-section-title{align-items:center;color:var(--text-light);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-3) 0;text-transform:uppercase}.search-panel-section-title i{font-size:14px}.search-panel-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4)}.search-panel-actions .btn{flex:1}.query-mode-tabs{margin-bottom:var(--space-4)}.query-mode-tabs-list{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.query-mode-tab{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.query-mode-tab:hover{border-color:var(--color-primary-300);color:var(--color-primary-500)}.query-mode-tab.active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-600)}.query-mode-tab i{font-size:16px}.quick-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-filter-btn{background:var(--color-slate-100);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-light);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);transition:all var(--transition-normal)}.quick-filter-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-600)}.filter-builder{display:flex;flex-direction:column;gap:var(--space-3)}.filter-builder-empty{color:var(--text-disabled);font-size:var(--font-size-sm);padding:var(--space-4);text-align:center}.filter-builder-list{display:flex;flex-direction:column;gap:var(--space-3)}.filter-condition{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3)}.filter-condition-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.filter-field-select{flex:2}.filter-field-select,.filter-operator-select{font-size:var(--font-size-sm);padding:var(--space-2)}.filter-operator-select{flex:1}.filter-remove-btn{flex-shrink:0;height:32px;width:32px}.filter-condition-value .form-input{font-size:var(--font-size-sm);padding:var(--space-2)}.filter-add-btn{align-self:flex-start}.path-query-form{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.path-arrow{color:var(--color-primary-400);display:flex;font-size:20px;justify-content:center}.path-query-hint{align-items:center;background:var(--color-primary-50);border-radius:var(--radius-lg);color:var(--color-primary-600);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3)}.path-query-hint i{font-size:16px}.graph-canvas-container{background:var(--bg-light);flex:1;overflow:hidden;position:relative}.graph-canvas-svg{display:block;height:100%;width:100%}.graph-loading{align-items:center;background:rgba(248,250,252,.9);display:flex;flex-direction:column;gap:var(--space-3);inset:0;justify-content:center;position:absolute;z-index:10}.graph-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary-500);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.graph-empty{align-items:center;color:var(--text-light);display:flex;flex-direction:column;gap:var(--space-2);inset:0;justify-content:center;position:absolute}.graph-empty i{color:var(--color-slate-300);font-size:48px}.graph-empty p{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.graph-empty span{color:var(--text-disabled);font-size:var(--font-size-sm)}.graph-node-group{cursor:pointer}.graph-node-group:hover .graph-node{filter:brightness(1.1)}.graph-edge{stroke-linecap:round}.graph-edge-label{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.node-detail-panel{display:flex;flex-direction:column;height:100%}.node-detail-empty{align-items:center;color:var(--text-light);display:flex;flex:1;flex-direction:column;gap:var(--space-2);justify-content:center}.node-detail-empty i{color:var(--color-slate-300);font-size:48px}.node-detail-empty p{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.node-detail-empty span{color:var(--text-disabled);font-size:var(--font-size-sm)}.node-detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-5)}.node-detail-icon{align-items:center;border-radius:var(--radius-xl);box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--white);display:flex;font-size:20px;font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.node-detail-title h2{color:var(--text-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.node-detail-type{color:var(--text-light);font-size:var(--font-size-sm)}.node-detail-content{flex:1;overflow-y:auto;padding:var(--space-4)}.node-detail-section{margin-bottom:var(--space-5)}.node-detail-section:last-child{margin-bottom:0}.node-detail-section-title{align-items:center;color:var(--text-light);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--space-2);letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-3) 0;text-transform:uppercase}.node-detail-section-title i{font-size:14px}.node-detail-tag{background:var(--color-primary-50);border-radius:var(--radius-full);color:var(--color-primary-600);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.node-detail-meta{display:flex;flex-direction:column;gap:var(--space-2)}.node-detail-meta-item{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.node-detail-meta-label{color:var(--text-light);flex-shrink:0;font-size:var(--font-size-sm)}.node-detail-meta-value{color:var(--text-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:right;word-break:break-all}.node-detail-id{background:var(--color-slate-100);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-xs);padding:2px 6px}.node-detail-properties{display:flex;flex-direction:column;gap:var(--space-2)}.node-detail-property{align-items:flex-start;background:var(--bg-light);border-radius:var(--radius-md);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2)}.node-detail-property-key{color:var(--text-light);flex-shrink:0;font-size:var(--font-size-sm)}.node-detail-property-value{color:var(--text-color);font-size:var(--font-size-sm);text-align:right;word-break:break-all}.node-detail-footer{background:var(--color-slate-50);border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);padding:var(--space-4)}.loading-spinner{align-items:center;display:inline-flex;justify-content:center}.loading-spinner-sm .loading-spinner-circle{border-width:2px;height:16px;width:16px}.loading-spinner-md .loading-spinner-circle{border-width:2px;height:24px;width:24px}.loading-spinner-lg .loading-spinner-circle{border-width:3px;height:40px;width:40px}.loading-spinner-circle{animation:spin .8s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary-500)}@media (max-width:1024px){.graph-explorer-sidebar{width:300px}.graph-explorer-detail{width:320px}}@media (max-width:768px){.graph-explorer-layout{flex-direction:column}.graph-explorer-detail,.graph-explorer-sidebar{border:none;height:auto;max-height:40vh;width:100%}.graph-explorer-sidebar{border-bottom:1px solid var(--border-color)}.graph-explorer-detail{border-top:1px solid var(--border-color)}}