@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Crimson+Pro:wght@400;600&display=swap);:root{--accent:#dc143c;--accent-light:#ef4444;--accent-dark:#991b1b;--secondary:#10b981;--secondary-light:#34d399;--danger:#dc2626;--danger-light:#fca5a5;--status-todo:#3b82f6;--status-inprogress:#dc143c;--status-done:#10b981;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-display:"Sora",sans-serif;--font-body:"Crimson Pro",serif;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}:root,[data-theme=light]{--primary:#0f172a;--primary-light:#1e293b;--primary-dark:#020617;--bg-base:#fafaf9;--bg-surface:#fff;--bg-elevated:#f5f5f4;--bg-input:#fff;--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-200:#e7e5e4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#44403c;--gray-800:#292524;--gray-900:#1c1917;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#78716c;--border-color:#e7e5e4;--border-focus:#dc143c;--sidebar-bg:#fff;--sidebar-border:#e7e5e4;--sidebar-active-bg:#dc143c1f;--sidebar-active-text:#991b1b;--card-bg:#fff;--card-border:#f5f5f4;--card-hover-border:#e7e5e4;--column-bg:#fff;--column-header-bg:linear-gradient(135deg,#f5f5f4,#fff);--column-border:#f5f5f4;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--auth-bg-from:#0f172a;--auth-bg-to:#020617}[data-theme=dark]{--primary:#cdd6f4;--primary-light:#bac2de;--primary-dark:#a6adc8;--bg-base:#1e1e2e;--bg-surface:#181825;--bg-elevated:#313244;--bg-input:#313244;--gray-50:#1e1e2e;--gray-100:#181825;--gray-200:#313244;--gray-300:#45475a;--gray-400:#585b70;--gray-500:#6c7086;--gray-600:#7f849c;--gray-700:#9399b2;--gray-800:#bac2de;--gray-900:#cdd6f4;--text-primary:#cdd6f4;--text-secondary:#bac2de;--text-muted:#9399b2;--border-color:#313244;--border-focus:#f38ba8;--sidebar-bg:#181825;--sidebar-border:#313244;--sidebar-active-bg:#f38ba82e;--sidebar-active-text:#f5c2e7;--card-bg:#181825;--card-border:#313244;--card-hover-border:#45475a;--column-bg:#181825;--column-header-bg:linear-gradient(135deg,#1e1e2e,#181825);--column-border:#313244;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;--shadow-2xl:0 25px 50px -12px #0009;--auth-bg-from:#11111b;--auth-bg-to:#1e1e2e;--accent:#f38ba8;--accent-light:#f5c2e7;--accent-dark:#eba0ac;--secondary:#a6e3a1;--danger:#f38ba8;--danger-light:#f38ba855;--status-todo:#89b4fa;--status-inprogress:#f38ba8;--status-done:#a6e3a1}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafaf9;background:var(--bg-base);color:#1c1917;color:var(--text-primary);font-family:Crimson Pro,serif;font-family:var(--font-body);min-height:100vh;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background var(--transition-slow),color var(--transition-slow)}.display-text,button,h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif;font-family:var(--font-display)}.loading-screen{align-items:center;background:#fff;background:var(--bg-surface);display:flex;height:100vh;justify-content:center}.loading-spinner{animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;border:4px solid #44403c;border-top-color:#dc143c;border:4px solid var(--gray-700);border-radius:50%;border-top-color:var(--accent);height:48px;width:48px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-slow),height var(--transition-slow);width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#dc143c,#991b1b);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#e7e5e4;background:var(--gray-200);color:#292524;color:var(--gray-800)}.btn-secondary:hover{background:#d6d3d1;background:var(--gray-300)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--danger) 0,#b91c1c 100%);color:#fff}.btn-danger:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ghost{background:#0000;border:2px solid #d6d3d1;border:2px solid var(--gray-300);color:#44403c;color:var(--gray-700)}.btn-ghost:hover{background:#f5f5f4;background:var(--gray-100);border-color:#a8a29e;border-color:var(--gray-400)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.input-group{margin-bottom:20px}.input-group label{color:#44403c;color:var(--gray-700);display:block;font-family:Sora,sans-serif;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.input-group input,.input-group select,.input-group textarea{background:#fff;background:var(--bg-input);border:2px solid #e7e5e4;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);color:#1c1917;color:var(--text-primary);font-family:Crimson Pro,serif;font-family:var(--font-body);font-size:16px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#dc143c;border-color:var(--accent);box-shadow:0 0 0 3px #dc143c1a;outline:none}.input-group textarea{min-height:100px;resize:vertical}.card{background:#fff;background:var(--card-bg);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-slow);background:#fff;background:var(--bg-surface);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.badge{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:inline-flex;font-family:Sora,sans-serif;font-family:var(--font-display);font-size:13px;font-weight:600;gap:6px;letter-spacing:.3px;padding:6px 12px}.badge-todo{background:#3b82f626;color:#1e40af}.badge-inprogress{background:#dc143c26;color:#991b1b}.badge-done{background:#10b98126;color:#065f46}.badge-priority-high{background:#dc262626;color:#991b1b}.badge-priority-medium{background:#dc143c26;color:#991b1b}.badge-priority-low{background:#3b82f626;color:#1e40af}.avatar{background:linear-gradient(135deg,#dc143c,#991b1b);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;font-family:Sora,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.avatar,.avatar-group{align-items:center;display:flex}.avatar-group .avatar{margin-left:-12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{transform:translateY(-4px) scale(1.1);z-index:10}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f5f5f4;background:var(--gray-100);border-radius:6px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc143c,#991b1b);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border-radius:6px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#991b1b;background:var(--accent-dark)}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}*,:after,:before{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.btn,a,button{transition:all .2s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}[data-theme=dark] .badge-todo{background:#89b4fa26;color:#89b4fa}[data-theme=dark] .badge-inprogress{background:#f38ba826;color:#f38ba8}[data-theme=dark] .badge-done{background:#a6e3a126;color:#a6e3a1}[data-theme=dark] .badge-priority-high,[data-theme=dark] .badge-priority-medium{background:#f38ba826;color:#f38ba8}[data-theme=dark] .badge-priority-low{background:#89b4fa26;color:#89b4fa}[data-theme=dark] .avatar{background:linear-gradient(135deg,#f38ba8,#eba0ac);border-color:#fff;border-color:var(--bg-surface);color:#1e1e2e}[data-theme=dark] ::-webkit-scrollbar-track{background:#f5f5f4;background:var(--bg-elevated)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f38ba8,#eba0ac)}[data-theme=dark] .input-group input,[data-theme=dark] .input-group select,[data-theme=dark] .input-group textarea{background:#f5f5f4;background:var(--bg-elevated);border-color:#e7e5e4;border-color:var(--border-color);color:#1c1917;color:var(--text-primary)}[data-theme=dark] .input-group input:focus,[data-theme=dark] .input-group select:focus,[data-theme=dark] .input-group textarea:focus{border-color:#dc143c;border-color:var(--accent);box-shadow:0 0 0 3px #f38ba826}[data-theme=dark] .input-group label{color:#57534e;color:var(--text-secondary)}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-background{inset:0;position:absolute;z-index:0}.auth-gradient{background:linear-gradient(135deg,var(--auth-bg-from) 0,var(--auth-bg-to) 100%);inset:0;position:absolute}.auth-pattern{animation:patternMove 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 50%,#f59e0b26 0,#0000 50%),radial-gradient(circle at 80% 80%,#10b98126 0,#0000 50%),radial-gradient(circle at 40% 20%,#3b82f61a 0,#0000 50%);inset:0;position:absolute}@keyframes patternMove{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.auth-card{animation:slideUp .5s cubic-bezier(.4,0,.2,1);background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:480px;padding:48px;position:relative;width:100%;z-index:1}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{align-items:center;display:flex;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.auth-logo-img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));height:64px;object-fit:contain;width:64px}.auth-logo-fallback{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border-radius:var(--radius-lg);box-shadow:0 8px 24px #f59e0b59;color:#fff;display:flex;font-family:var(--font-display);font-size:28px;font-weight:900;height:64px;justify-content:center;width:64px}.auth-app-name{color:var(--accent);font-size:11px;letter-spacing:2px;margin:0 0 10px;text-transform:uppercase}.auth-app-name,.auth-header h2{font-family:var(--font-display);font-weight:700}.auth-header h2{color:var(--text-primary);font-size:28px;letter-spacing:-.5px;margin:0 0 8px}.auth-header p{color:var(--text-muted);font-size:15px;margin:0}.auth-form{margin-bottom:24px}.btn-block{font-size:16px;justify-content:center;margin-top:8px;padding:14px 24px;width:100%}.auth-footer{border-top:1px solid var(--border-color);padding-top:24px;text-align:center}.auth-footer p{color:var(--text-secondary);font-size:15px}.auth-footer a{color:var(--accent);font-family:var(--font-display);font-weight:600;text-decoration:none;transition:color var(--transition-base)}.auth-footer a:hover{color:var(--accent-dark);text-decoration:underline}.error-message{animation:shake .4s;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid var(--danger-light);border-radius:var(--radius-md);color:var(--danger);font-family:var(--font-display);font-size:14px;font-weight:500;margin-bottom:24px;padding:16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.auth-card{padding:32px 24px}.auth-header h2{font-size:24px}}.edit-profile-modal{max-width:560px}.epm-header{align-items:center;background:var(--bg-elevated);border-bottom:2px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:24px 32px}.epm-header h2{color:var(--text-primary);font-size:22px;font-weight:700}.epm-body{gap:4px;padding:28px 32px}.epm-avatar-section,.epm-body{display:flex;flex-direction:column}.epm-avatar-section{align-items:center;gap:8px;margin-bottom:24px}.epm-avatar-wrapper{border-radius:50%;cursor:pointer;display:inline-block;position:relative}.epm-avatar-img{border-radius:50%;display:block;height:96px;object-fit:cover;width:96px}.epm-avatar-img,.epm-avatar-placeholder{border:4px solid var(--accent);box-shadow:var(--shadow-lg)}.epm-avatar-placeholder{font-size:28px!important;height:96px!important;width:96px!important}.epm-avatar-overlay{align-items:center;background:#0000008c;border-radius:50%;color:#fff;display:flex;flex-direction:column;font-family:var(--font-display);font-size:12px;font-weight:600;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-base)}.epm-avatar-wrapper:hover .epm-avatar-overlay{opacity:1}.epm-avatar-hint{font-size:12px}.epm-avatar-hint,.epm-section-title{color:var(--text-muted);font-family:var(--font-display)}.epm-section-title{align-items:center;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.8px;margin:16px 0 8px;text-transform:uppercase}.epm-section-title span{color:var(--text-muted);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.success-message{animation:slideUp .3s ease;background:#a6e3a126;border:2px solid #a6e3a180;border-radius:var(--radius-md);color:var(--secondary);font-family:var(--font-display);font-size:14px;font-weight:600;padding:14px 16px}.epm-footer{background:var(--bg-elevated);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:2px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}@media (max-width:640px){.epm-body{padding:20px}.epm-footer,.epm-header{padding:16px 20px}}.notification-overlay{inset:0;position:fixed;z-index:999}.notification-dropdown{animation:slideDown .2s ease;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:600px;position:fixed;right:20px;top:60px;width:400px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;background:var(--bg-elevated);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.notification-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:8px}.unread-badge{background:var(--danger);border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 7px;text-align:center}.notification-list{max-height:540px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all var(--transition-base)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-elevated)}.notification-item.unread{background:#f59e0b0d;border-left:3px solid var(--accent)}.notification-item.unread:hover{background:#f59e0b1a}.notification-icon{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;width:32px}.notification-content{flex:1 1;min-width:0}.notification-message{color:var(--text-primary);font-size:14px;line-height:1.4;margin-bottom:4px}.notification-item.unread .notification-message{font-weight:600}.notification-meta{color:var(--text-muted);display:flex;font-size:12px;gap:8px}.notification-meta span:first-child{color:var(--text-secondary);font-weight:600}.notification-mark-read{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all var(--transition-base);width:24px}.notification-item:hover .notification-mark-read{opacity:1}.notification-mark-read:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}.notification-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:48px 20px;text-align:center}.notification-empty p{font-size:14px;margin-top:12px}@media (max-width:768px){.notification-dropdown{left:10px;max-height:calc(100vh - 80px);right:10px;width:auto}}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:280px}.sidebar-header{border-bottom:1px solid var(--sidebar-border);padding:24px 20px}.sidebar-logo{align-items:center;color:var(--primary);display:flex;gap:12px}.sidebar-logo-img{object-fit:contain}.sidebar-logo-fallback,.sidebar-logo-img{border-radius:var(--radius-sm);height:32px;width:32px}.sidebar-logo-fallback{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);color:#fff;font-family:var(--font-display);font-size:18px;font-weight:900;justify-content:center}.sidebar-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:-.5px}.sidebar-user{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--gray-200);display:flex;gap:12px;padding:20px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:var(--text-muted);font-size:13px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px}.sidebar-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-family:var(--font-display);font-size:15px;font-weight:500;gap:12px;margin-bottom:4px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all var(--transition-base)}.sidebar-nav-item:before{background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;transform:translateX(-3px);transition:transform var(--transition-base);width:3px}.sidebar-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.sidebar-nav-item.active:before{transform:translateX(0)}.sidebar-section{margin-top:24px}.sidebar-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 16px}.sidebar-section-header span{color:var(--gray-500);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.sidebar-add-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-base);width:24px}.sidebar-add-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.1) rotate(90deg)}.sidebar-projects{max-height:calc(100vh - 500px);overflow-y:auto}.sidebar-project-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:14px;gap:12px;margin-bottom:2px;padding:10px 16px;position:relative;text-decoration:none;transition:all var(--transition-base)}.sidebar-project-item.active,.sidebar-project-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-project-item.active{font-weight:600}.project-color-indicator{border-radius:50%;box-shadow:0 0 0 3px #0000000d;flex-shrink:0;height:12px;transition:all var(--transition-base);width:12px}.sidebar-project-item.active .project-color-indicator,.sidebar-project-item:hover .project-color-indicator{box-shadow:0 0 0 3px #0000001a;transform:scale(1.2)}.project-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-empty{padding:24px 16px;text-align:center}.sidebar-empty p{color:var(--text-muted);font-size:14px;margin-bottom:12px}.btn-sm{font-size:13px;padding:8px 16px}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:16px}@media (max-width:1024px){.sidebar{width:240px}}@media (max-width:768px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform var(--transition-base);z-index:100}.sidebar.open{transform:translateX(0)}}.theme-toggle-btn{align-items:center;background:#0000;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;font-weight:600;gap:10px;margin-bottom:8px;padding:12px 16px;transition:all var(--transition-base)!important;width:100%}.theme-toggle-btn:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}[data-theme=dark] .sidebar-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#cdd6f4,#fab387);-webkit-background-clip:text;background-clip:text}.sidebar-notifications{border-bottom:2px solid var(--border-color);padding:12px 20px}.sidebar-notification-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:15px;font-weight:600;gap:12px;padding:10px 12px;position:relative;transition:all var(--transition-base);width:100%}.sidebar-notification-btn:hover{background:var(--bg-elevated)}.sidebar-notification-btn.active{background:var(--accent);color:#fff}.notification-count-badge{background:var(--danger);border:2px solid var(--bg-surface);border-radius:10px;color:#fff;font-size:10px;font-weight:700;left:28px;min-width:16px;padding:2px 5px;position:absolute;text-align:center;top:6px}.sidebar-notification-btn.active .notification-count-badge{border-color:var(--accent)}.sidebar-user-avatar-img{border:4px solid var(--accent);border-radius:50%;box-shadow:var(--shadow-lg);display:block;height:96px;object-fit:cover;width:96px}.project-list-container{margin:0 auto;max-width:1400px;padding:40px}.project-list-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:24px}.project-list-header h1{color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.project-list-header p{color:var(--text-muted);font-size:16px}.empty-state{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:80px 40px;text-align:center}.empty-state-icon{align-items:center;background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-50) 100%);border-radius:var(--radius-lg);color:var(--gray-400);display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.empty-state h2{color:var(--gray-900);font-size:24px;font-weight:700;margin-bottom:12px}.empty-state p{color:var(--gray-500);font-size:16px;margin-bottom:24px}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:inherit;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition-base)}.project-card:before{background:linear-gradient(135deg,#f59e0b0d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.project-card:hover:before{opacity:1}.project-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.project-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;transition:transform var(--transition-base)}.project-card-header:not(.has-image):before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.project-card-header svg{position:relative;z-index:1}.project-card-body{display:flex;flex:1 1;flex-direction:column;padding:24px}.project-card-body h3{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:16px;overflow:hidden}.project-meta{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.project-date,.project-members{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-display);font-size:13px;font-weight:500;gap:6px}.avatar-sm{font-size:12px!important;height:32px!important;width:32px!important}@media (max-width:768px){.project-list-container{padding:24px 20px}.project-list-header h1{font-size:28px}.projects-grid{grid-template-columns:1fr}}.task-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all var(--transition-base)}.task-card:before{background:linear-gradient(135deg,#f59e0b08,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.task-card:hover:before{opacity:1}.task-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.task-card.dragging{box-shadow:var(--shadow-2xl);opacity:.5;transform:rotate(3deg)}.task-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.task-priority-badge{align-items:center;display:flex;gap:6px}.priority-indicator{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.task-title{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.4;margin-bottom:8px}.task-description,.task-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:12px}.task-footer{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:12px}.task-footer,.task-meta{align-items:center;display:flex}.task-meta{gap:12px}.task-attachments,.task-due-date{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-display);font-size:12px;font-weight:500;gap:4px}.task-due-date.overdue{font-weight:600}.task-due-date.overdue svg{animation:attention 1s ease-in-out infinite}@keyframes attention{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.task-assignees{align-items:center;display:flex}.avatar-xs{border:2px solid #fff!important;font-size:10px!important;height:24px!important;width:24px!important}.task-card-markdown{color:var(--text-secondary);font-size:13px;line-height:1.5}.task-card-markdown p{margin:0 0 4px}.task-card-markdown p:last-child{margin-bottom:0}.task-card-markdown strong{color:var(--text-primary);font-weight:600}.task-card-markdown em{font-style:italic}.task-card-markdown code{background:var(--bg-elevated);border-radius:3px;color:var(--accent);font-family:Courier New,monospace;font-size:12px;padding:1px 4px}.task-card-markdown ol,.task-card-markdown ul{margin:0;padding-left:20px}.task-card-markdown li{margin:2px 0}.task-card-markdown a{color:var(--accent);text-decoration:none}.task-card-markdown h1,.task-card-markdown h2,.task-card-markdown h3{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 4px}.task-due-date.due-soon{background:#f59e0b1a;border-color:var(--accent);color:var(--accent);font-weight:600}.task-due-date.overdue{animation:pulse-overdue 2s ease-in-out infinite;background:#ef44441a;border-color:var(--danger);color:var(--danger);font-weight:700}.due-soon-badge{background:var(--accent);border-radius:10px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}@keyframes pulse-overdue{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.task-subtasks-progress{align-items:center;background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;margin:8px 0;padding:8px 12px}.subtasks-progress-bar{background:var(--border-color);border-radius:3px;flex:1 1;height:6px;margin-left:4px;overflow:hidden}.subtasks-progress-fill{background:var(--secondary);border-radius:3px;height:100%;transition:width .3s ease}.task-card:hover .subtasks-progress-fill{background:var(--accent)}.task-modal{max-height:90vh;max-width:1200px;width:100%}.task-modal-header{align-items:center;background:var(--bg-elevated);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 32px}.task-modal-header h2{color:var(--text-primary);font-size:24px;font-weight:700}.task-modal-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 280px;max-height:calc(90vh - 180px);overflow-y:auto;padding:32px}.task-modal-main{display:flex;flex-direction:column;gap:24px}.task-attachments-section{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px;transition:all var(--transition-base)}.attachment-item:hover{background:var(--gray-50);border-color:var(--gray-300)}.attachment-icon{flex-shrink:0;font-size:20px}.attachment-name{color:var(--gray-900);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{color:var(--gray-500);font-family:var(--font-display);font-size:12px}.comments-section{background:var(--bg-elevated);border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:20px}.comments-section h3{color:var(--text-primary);font-size:16px;font-weight:700}.comments-list{display:flex;flex-direction:column;gap:16px;max-height:300px;overflow-y:auto}.comment-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px}.task-modal-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.sidebar-section label{color:var(--text-secondary);display:block;font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:12px}.sidebar-section input[type=date],.sidebar-section select{border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;padding:10px 12px;width:100%}.assignee-checkbox{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;gap:10px;margin-bottom:4px;padding:8px;transition:background var(--transition-base)}.assignee-checkbox:hover{background:var(--gray-100)}.task-modal-footer{background:var(--bg-elevated);border-top:2px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}@media (max-width:768px){.task-modal-body{grid-template-columns:1fr}.task-modal-sidebar{order:-1}}.markdown-preview{border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;line-height:1.6;min-height:100px;padding:12px 14px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--text-primary);font-weight:700;margin-bottom:8px;margin-top:16px}.markdown-preview h1{font-size:22px;padding-bottom:6px}.markdown-preview h2{font-size:18px}.markdown-preview h3{font-size:16px}.markdown-preview p{color:var(--text-secondary);margin-bottom:12px}.markdown-preview ol,.markdown-preview ul{margin-bottom:12px}.markdown-preview li{color:var(--text-secondary);margin-bottom:4px}.markdown-preview code{border-radius:var(--radius-sm);color:var(--accent);font-family:Courier New,monospace;font-size:13px}.markdown-preview pre{border:1px solid var(--border-color);margin-bottom:12px;padding:12px}.markdown-preview pre code{background:#0000}.markdown-preview blockquote{color:var(--text-muted);font-style:italic;margin:12px 0;padding-left:16px}.markdown-preview a{font-weight:600}.markdown-preview a:hover{text-decoration:underline}.markdown-preview table{margin-bottom:12px}.markdown-preview table td,.markdown-preview table th{padding:8px 12px}.markdown-preview table th{background:var(--bg-elevated)}.markdown-preview table td{color:var(--text-secondary)}.markdown-preview hr{margin:16px 0}.markdown-preview img{margin:12px 0}.markdown-preview del{color:var(--text-muted);text-decoration:line-through}.comment-content.markdown-preview{background:#0000;border:none;font-size:14px;line-height:1.5;min-height:auto;padding:0}.comment-content.markdown-preview p{color:var(--text-secondary);margin-bottom:6px}.comment-content.markdown-preview p:last-child{margin-bottom:0}.comment-content.markdown-preview code{font-size:12px}.image-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:16px}.gallery-item{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all var(--transition-base)}.gallery-item:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.gallery-image{display:block;height:150px;object-fit:cover;width:100%}.gallery-overlay{align-items:center;background:#000000b3;display:flex;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-base)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay .btn{background:#fff3;border:1px solid #ffffff4d;color:#fff}.gallery-overlay .btn:hover{background:#ffffff4d}.gallery-name{background:var(--bg-surface);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.selected-assignees{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.assignee-tag{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;font-size:13px;gap:6px;padding:4px 8px 4px 4px;transition:all var(--transition-base)}.assignee-tag:hover{border-color:var(--accent)}.assignee-tag span{color:var(--text-primary);font-weight:500}.remove-assignee{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all var(--transition-base)}.remove-assignee:hover{background:var(--danger-light);color:var(--danger)}.assignee-dropdown-wrapper{position:relative}.assignee-dropdown-toggle{align-items:center;background:#0000;border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-display);font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all var(--transition-base);width:100%}.assignee-dropdown-toggle:hover{background:#f59e0b0d;border-color:var(--accent);color:var(--accent)}.assignee-dropdown{animation:slideUp .2s ease;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;left:0;max-height:280px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.assignee-search{background:var(--bg-elevated);border:none;border-bottom:2px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;padding:10px 12px}.assignee-search::placeholder{color:var(--text-muted)}.assignee-list{max-height:220px;overflow-y:auto}.assignee-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:all var(--transition-base)}.assignee-item:last-child{border-bottom:none}.assignee-item:hover{background:var(--bg-elevated)}.assignee-item.assigned{background:#f59e0b14;font-weight:500}.assignee-item.assigned:hover{background:#f59e0b1f}.assigned-checkmark{color:var(--secondary);font-size:16px;font-weight:700;margin-left:auto}.assignee-empty{color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.assignee-dropdown-wrapper:focus-within .assignee-dropdown{display:flex}.task-subtasks-section{border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:24px}.subtasks-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.subtask-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:10px 12px;transition:all var(--transition-base)}.subtask-item:hover{border-color:var(--accent);box-shadow:0 2px 4px #0000000d}.subtask-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;margin:0}.subtask-checkbox input[type=checkbox]{accent-color:var(--secondary);cursor:pointer;height:18px;width:18px}.subtask-checkbox span{color:var(--text-primary);font-size:14px;transition:all var(--transition-base)}.subtask-checkbox span.completed{color:var(--text-muted);opacity:.7;text-decoration:line-through}.subtask-input{display:flex;gap:8px}.subtask-input input{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 12px;transition:all var(--transition-base)}.subtask-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.subtask-input input::placeholder{color:var(--text-muted)}.board-filters{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px;padding:16px}.board-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.board-filters-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.filter-count{background:var(--accent);border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.board-filters-content{display:flex;flex-wrap:wrap;gap:24px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all var(--transition-base)}.filter-chip:hover{background:var(--bg-surface);border-color:var(--accent);transform:translateY(-1px)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.filter-chip.active:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.filter-chip.priority-high.active{background:var(--danger);border-color:var(--danger)}.filter-chip.priority-high.active:hover{background:#dc2626;border-color:#dc2626}.filter-chip.priority-medium.active{background:var(--accent);border-color:var(--accent)}.filter-chip.priority-low.active,.filter-chip.status-todo.active{background:var(--status-todo);border-color:var(--status-todo)}.filter-chip.status-inprogress.active{background:var(--status-inprogress);border-color:var(--status-inprogress)}.filter-chip.status-done.active{background:var(--status-done);border-color:var(--status-done)}@media (max-width:768px){.board-filters-content{flex-direction:column;gap:16px}.filter-group{min-width:100%}}.activity-log-modal{display:flex;flex-direction:column;max-height:90vh;max-width:800px}.activity-log-header{align-items:center;background:var(--bg-elevated);border-bottom:2px solid var(--border-color);display:flex;gap:16px;padding:24px}.activity-log-project-image{background-position:50%;background-size:cover;border:2px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0;height:48px;width:48px}.activity-log-title{align-items:center;display:flex;flex:1 1;gap:12px}.activity-log-title h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.activity-log-title p{color:var(--text-muted);font-size:13px;margin:2px 0 0}.activity-log-content{flex:1 1;overflow-y:auto;padding:24px}.activity-log-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:64px 20px;text-align:center}.activity-log-empty p{color:var(--text-secondary);font-size:16px;font-weight:600;margin-top:16px}.activity-log-empty span{font-size:14px;margin-top:4px}.activity-timeline{position:relative}.activity-date-group{margin-bottom:32px;position:relative}.activity-date-header{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding-left:48px;text-transform:uppercase}.activity-item{display:flex;gap:16px;margin-bottom:20px;padding-left:8px;position:relative}.activity-timeline-line{background:var(--border-color);bottom:-20px;left:23px;position:absolute;top:32px;width:2px}.activity-date-group:last-child .activity-item:last-child .activity-timeline-line{display:none}.activity-icon{align-items:center;border:3px solid var(--bg-surface);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;z-index:1}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.activity-message{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.5;word-break:break-word}.activity-time{color:var(--text-muted);flex-shrink:0;font-size:12px;white-space:nowrap}.activity-details{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;line-height:1.5;margin-top:8px;padding:12px}@media (max-width:768px){.activity-log-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.activity-log-content,.activity-log-header{padding:16px}.activity-date-header{padding-left:40px}.activity-timeline-line{left:19px}.activity-icon{height:28px;width:28px}.activity-header{align-items:flex-start;flex-direction:column}.activity-time{margin-left:44px}}.kanban-container{display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden;padding:32px}.kanban-header{border-bottom:2px solid var(--border-color);flex-shrink:0;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.kanban-header,.kanban-header-left{align-items:flex-start;display:flex}.kanban-header-left{gap:16px}.project-color-dot{border-radius:50%;box-shadow:0 0 0 4px #0000000d;flex-shrink:0;height:16px;margin-top:6px;width:16px}.kanban-header h1{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.8px}.project-subtitle{color:var(--text-muted);font-size:15px;margin-top:4px}.kanban-header-right{align-items:center;display:flex;flex-shrink:0;gap:16px}.kanban-board-scroll{flex:1 1;overflow-x:auto;overflow-y:hidden;padding-bottom:12px}.kanban-board{align-items:flex-start;display:flex;gap:20px;height:100%;min-height:0;padding-right:8px}.kanban-column{background:var(--column-bg);border:2px solid var(--column-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 220px);min-width:300px;transition:box-shadow var(--transition-base),border-color var(--transition-base);width:300px}.kanban-column:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-lg)}.kanban-column-header{align-items:center;background:var(--column-header-bg);border-bottom:2px solid var(--column-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.kanban-column-title{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.column-indicator{border-radius:50%;box-shadow:0 0 0 3px #0000000d;flex-shrink:0;height:12px;width:12px}.column-name-display{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;gap:6px;min-width:0;padding:4px 8px;transition:background var(--transition-base)}.column-name-display:hover{background:var(--bg-elevated)}.column-name-display h3{color:var(--text-primary);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-edit-icon{color:var(--text-muted);flex-shrink:0;opacity:0;transition:opacity var(--transition-base)}.column-name-display:hover .column-edit-icon{opacity:1}.column-rename-input-group{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0}.column-rename-input{background:var(--bg-input);border:2px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 0 3px #f59e0b26;color:var(--text-primary);flex:1 1;font-family:var(--font-display);font-size:14px;font-weight:700;min-width:0;outline:none;padding:4px 8px}.column-rename-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all var(--transition-base);width:26px}.column-rename-btn.confirm{background:var(--secondary);color:#fff}.column-rename-btn.confirm:hover{background:#059669;transform:scale(1.1)}.column-rename-btn.cancel{background:var(--gray-200);color:var(--gray-600)}.column-rename-btn.cancel:hover{background:var(--gray-300);transform:scale(1.1)}.task-count{background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0;font-family:var(--font-display);font-size:12px;font-weight:700;padding:3px 8px}.column-add-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all var(--transition-base);width:30px}.column-add-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.1) rotate(90deg)}.column-delete-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;opacity:0;transition:all var(--transition-base);width:30px}.kanban-column-header:hover .column-delete-btn{opacity:1}.column-delete-btn:hover{background:#ef44441a;color:var(--danger);transform:scale(1.1)}.kanban-column-content{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:14px;transition:background var(--transition-base)}.kanban-column-content.dragging-over{background:linear-gradient(135deg,#f59e0b0d,#d977060d)}.empty-column{color:var(--text-muted);padding:32px 16px;text-align:center}.empty-column p{color:var(--text-muted);font-size:13px;margin-bottom:10px}.add-column-card{align-items:flex-start;background:var(--bg-surface);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);display:flex;flex-shrink:0;justify-content:center;min-height:120px;min-width:260px;transition:all var(--transition-base);width:260px}.add-column-card:hover{background:#f59e0b0a;border-color:var(--accent)}.add-column-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--gray-400);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-display);font-size:14px;font-weight:600;gap:10px;height:100%;justify-content:center;min-height:120px;padding:24px;transition:color var(--transition-base);width:100%}.add-column-btn:hover{color:var(--accent)}.add-column-form{display:flex;flex-direction:column;gap:12px;padding:20px;width:100%}.add-column-input{background:var(--bg-elevated);border:2px solid var(--accent);border-radius:var(--radius-md);box-shadow:0 0 0 3px #f59e0b26;color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:600;outline:none;padding:10px 14px;width:100%}.add-column-colors{display:flex;flex-wrap:wrap;gap:6px}.color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:22px;transition:all var(--transition-base);width:22px}.color-swatch:hover{transform:scale(1.2)}.color-swatch.selected{border-color:var(--gray-900);box-shadow:inset 0 0 0 2px #fff;transform:scale(1.15)}.error-state{color:var(--gray-500);font-size:18px;padding:80px 40px;text-align:center}@media (max-width:768px){.kanban-container{padding:20px}.kanban-header{flex-direction:column;gap:16px}.kanban-header-right{justify-content:space-between;width:100%}}.filter-badge{background:var(--accent);border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:6px;padding:2px 6px}.board-filters-modal{max-height:80vh;max-width:700px;overflow-y:auto}.folios-list-page{margin:0 auto;padding:32px}.folios-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.folios-list-title{align-items:center;display:flex;gap:12px}.folios-list-title h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0}.folios-count{background:var(--bg-elevated);border-radius:12px;color:var(--text-muted);font-size:14px;font-weight:600;padding:4px 12px}.folios-list-actions{margin-bottom:24px}.search-box{align-items:center;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:12px;max-width:400px;padding:12px 16px;transition:all var(--transition-base)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:var(--text-muted)}.folios-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.folio-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all var(--transition-base)}.folio-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.folio-card-icon{align-items:center;background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--accent);display:flex;height:48px;justify-content:center;width:48px}.folio-card-content{flex:1 1}.folio-card-content h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folio-card-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.folio-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:16px}.folio-card-author{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px}.folio-card-date{font-size:12px;gap:6px}.folio-card-date,.folios-loading{align-items:center;color:var(--text-muted);display:flex}.folios-loading{flex-direction:column;justify-content:center;padding:80px 20px}.folios-loading p{font-size:16px;margin-top:16px}.folios-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.folios-empty h3{color:var(--text-secondary);font-size:24px;margin:16px 0 8px}.folios-empty p{color:var(--text-muted);font-size:16px;margin:0 0 24px}@media (max-width:768px){.folios-list-page{padding:16px}.folios-list-header{align-items:flex-start;flex-direction:column;gap:16px}.folios-list-title h1{font-size:24px}.folios-grid{gap:16px;grid-template-columns:1fr}.search-box{max-width:100%}}.markdown-editor{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;overflow:hidden}.markdown-toolbar{align-items:center;background:var(--bg-surface);border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:4px;padding:8px}.toolbar-group{border-right:1px solid var(--border-color);display:flex;gap:2px;padding:0 8px}.toolbar-group:last-child{border-right:none}.toolbar-group-right{margin-left:auto}.toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 10px;position:relative;transition:all var(--transition-base)}.toolbar-btn:hover{background:var(--bg-elevated);border-color:var(--border-color);color:var(--text-primary)}.toolbar-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.uploading-spinner{animation:spin .6s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent);height:12px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:12px}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}.markdown-editor-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.markdown-textarea{background:var(--bg-elevated);border:none;color:var(--text-primary);flex:1 1;font-family:Monaco,Courier New,monospace;font-size:14px;line-height:1.6;outline:none;padding:16px;resize:none}.markdown-textarea::placeholder{color:var(--text-muted)}.markdown-preview{background:var(--bg-elevated);flex:1 1;overflow-y:auto;padding:24px}.preview-empty{align-items:center;display:flex;justify-content:center;min-height:300px}.markdown-preview h1{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:32px;font-weight:700;margin:32px 0 16px;padding-bottom:8px}.markdown-preview h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:24px 0 12px}.markdown-preview h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:20px 0 10px}.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--text-primary);font-weight:600;margin:16px 0 8px}.markdown-preview p{color:var(--text-primary);line-height:1.7;margin:12px 0}.markdown-preview a{border-bottom:1px solid #0000;color:var(--accent);text-decoration:none;transition:border-color var(--transition-base)}.markdown-preview a:hover{border-bottom-color:var(--accent)}.markdown-preview strong{color:var(--text-primary);font-weight:700}.markdown-preview em{font-style:italic}.markdown-preview code{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:3px;color:var(--danger);font-family:Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.markdown-preview pre{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);margin:16px 0;overflow-x:auto;padding:16px}.markdown-preview pre code{background:none;border:none;color:var(--text-primary);padding:0}.markdown-preview ol,.markdown-preview ul{margin:12px 0;padding-left:24px}.markdown-preview li{line-height:1.7;margin:6px 0}.markdown-preview blockquote{background:var(--bg-surface);border-left:4px solid var(--accent);color:var(--text-secondary);margin:16px 0;padding:12px 20px}.markdown-preview img{border:2px solid var(--border-color);border-radius:var(--radius-md);height:auto;margin:16px 0;max-width:100%}.markdown-preview table{border-collapse:collapse;margin:16px 0;width:100%}.markdown-preview table td,.markdown-preview table th{border:1px solid var(--border-color);padding:10px;text-align:left}.markdown-preview table th{background:var(--bg-surface);color:var(--text-primary);font-weight:700}.markdown-preview hr{border:none;border-top:2px solid var(--border-color);margin:24px 0}@media (max-width:768px){.markdown-toolbar{padding:6px}.toolbar-group{padding:0 4px}.toolbar-btn{font-size:12px;padding:5px 8px}.markdown-textarea{font-size:13px}.markdown-preview{padding:16px}}body.dark-theme .toolbar-btn{color:#9ca3af}body.dark-theme .toolbar-btn:hover{background:#262626;border-color:#404040;color:#f3f4f6}body.dark-theme .toolbar-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}body.dark-theme .toolbar-group{border-color:#404040}body.dark-theme .preview-empty{color:#6b7280}.folio-editor-page{background:var(--bg-surface);display:flex;flex-direction:column;height:100vh}.folio-editor-header{align-items:center;background:var(--bg-elevated);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.folio-editor-actions{align-items:center;display:flex;gap:8px}.folio-editor-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.folio-title-section{border-bottom:2px solid var(--border-color);padding:24px 24px 16px}.folio-title-input{background:#0000;border:none;color:var(--text-primary);font-size:32px;font-weight:700;outline:none;padding:12px 0;width:100%}.folio-title-input::placeholder{color:var(--text-muted)}.folio-editor-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px}.folio-editor-footer{align-items:center;background:var(--bg-elevated);border-top:2px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.folio-author-info{align-items:center;display:flex;gap:12px}.folio-author-name{color:var(--text-primary);font-size:13px;font-weight:600}.folio-edited-by{color:var(--text-muted);font-size:12px;margin-top:2px}.folio-timestamp{color:var(--text-muted);font-size:13px}.folio-editor-error,.folio-editor-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100vh;justify-content:center}.folio-editor-error h2,.folio-editor-loading p{color:var(--text-secondary);font-size:18px;margin-top:16px}.folio-editor-error button{margin-top:24px}@media (max-width:768px){.folio-editor-header{align-items:flex-start;flex-direction:column;gap:12px}.folio-editor-actions{justify-content:flex-end;width:100%}.folio-title-input{font-size:24px}.folio-editor-body{padding:16px}.folio-editor-footer{align-items:flex-start;flex-direction:column;gap:12px}}[data-theme=light] .folio-editor-page{background:#fff}[data-theme=light] .folio-editor-footer,[data-theme=light] .folio-editor-header{background:#f8f9fa;border-color:#e5e7eb}[data-theme=light] .folio-title-input{background:#fff;color:#111827}[data-theme=light] .folio-editor-body{background:#fff}[data-theme=light] .markdown-editor{background:#fff;border-color:#e5e7eb}[data-theme=light] .markdown-toolbar{background:#f8f9fa;border-color:#e5e7eb}[data-theme=light] .markdown-preview,[data-theme=light] .markdown-textarea{background:#fff;color:#111827}[data-theme=dark].folio-editor-page{background:#1a1a1a}[data-theme=dark].folio-editor-footer,[data-theme=dark].folio-editor-header{background:#262626;border-color:#404040}[data-theme=dark].folio-title-input{background:#1a1a1a;color:#f3f4f6}[data-theme=dark].folio-editor-body{background:#1a1a1a}[data-theme=dark].markdown-editor{background:#1a1a1a;border-color:#404040}[data-theme=dark].markdown-toolbar{background:#262626;border-color:#404040}[data-theme=dark].markdown-textarea{background:#262626;color:#f3f4f6}[data-theme=dark].markdown-preview{background:#1a1a1a;color:#f3f4f6}[data-theme=dark].markdown-preview code{background:#262626;border-color:#404040;color:#f97316}[data-theme=dark].markdown-preview pre{background:#262626;border-color:#404040}[data-theme=dark].markdown-preview blockquote{background:#262626;border-color:#3b82f6}[data-theme=dark].markdown-preview table td,[data-theme=dark].markdown-preview table th{border-color:#404040}[data-theme=dark].markdown-preview table th{background:#262626}[data-theme=dark].markdown-preview img{border-color:#404040}.folio-editor-nav{align-items:center;display:flex;gap:8px}.nav-separator{color:var(--text-muted);font-size:18px;-webkit-user-select:none;user-select:none}[data-theme=dark].nav-separator{color:#6b7280}@media (max-width:768px){.folio-editor-nav{flex-wrap:wrap;gap:4px}.nav-separator{display:none}}.folio-title-display{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin:0;padding:24px 0}.folio-preview-content{color:var(--text-primary);font-size:16px;line-height:1.8;margin:0 auto;max-width:900px;padding:32px}.folio-preview-content h1{color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:48px 0 24px}.folio-preview-content h2{color:var(--text-primary);font-size:28px;font-weight:600;line-height:1.3;margin:40px 0 20px}.folio-preview-content h3{color:var(--text-primary);font-size:22px;font-weight:600;line-height:1.4;margin:32px 0 16px}.folio-preview-content p{margin:16px 0}.folio-preview-content ol,.folio-preview-content ul{margin:16px 0;padding-left:32px}.folio-preview-content li{margin:8px 0}.folio-preview-content code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#f97316;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;padding:2px 6px}.folio-preview-content pre{background:#1e1e1e;border-radius:8px;margin:24px 0;overflow-x:auto;padding:16px}.folio-preview-content pre code{background:#0000;border:none;color:#d4d4d4;padding:0}.folio-preview-content blockquote{background:#f8fafc;border-left:4px solid #3b82f6;font-style:italic;margin:24px 0;padding:16px 24px}.folio-preview-content table{border-collapse:collapse;margin:24px 0;width:100%}.folio-preview-content table td,.folio-preview-content table th{border:1px solid #e5e7eb;padding:12px;text-align:left}.folio-preview-content table th{background:#f9fafb;font-weight:600}.folio-preview-content img{border:1px solid #e5e7eb;border-radius:8px;height:auto;margin:24px 0;max-width:100%}.folio-preview-content a{border-bottom:1px solid #3b82f6;color:#3b82f6;text-decoration:none;transition:all .2s}.folio-preview-content a:hover{border-bottom-color:#2563eb;color:#2563eb}.preview-empty{color:var(--text-muted);padding:80px 40px;text-align:center}.preview-empty p{font-size:18px;margin-bottom:24px}[data-theme=dark].folio-preview-content,[data-theme=dark].folio-preview-content h1,[data-theme=dark].folio-preview-content h2,[data-theme=dark].folio-preview-content h3,[data-theme=dark].folio-title-display{color:#f3f4f6}[data-theme=dark].folio-preview-content code{background:#262626;border-color:#404040}[data-theme=dark].folio-preview-content blockquote{background:#262626;border-color:#3b82f6}[data-theme=dark].folio-preview-content table td,[data-theme=dark].folio-preview-content table th{border-color:#404040}[data-theme=dark].folio-preview-content table th{background:#262626}[data-theme=dark].folio-preview-content img{border-color:#404040}.dashboard{background:var(--gray-50);display:flex;min-height:100vh}.dashboard-content{flex:1 1;min-width:0;overflow-x:hidden}.dashboard{background:var(--bg-base)}[data-theme=dark] .modal-content{background:var(--bg-surface)}[data-theme=dark] input[type=date],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=text],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-elevated)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] select option{background:var(--bg-elevated);color:var(--text-primary)}[data-theme=dark] .comments-section,[data-theme=dark] .task-attachments-section{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .attachment-item,[data-theme=dark] .comment-item,[data-theme=dark] .sidebar-section{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] label{color:var(--text-secondary)!important}[data-theme=dark] .project-list-header h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--text-primary)}[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] .error-message{background:#f38ba81a;border-color:#f38ba866;color:#f38ba8}[data-theme=dark] .btn-secondary{background:var(--bg-elevated);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-ghost{border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}[data-theme=dark] .task-modal-footer,[data-theme=dark] .task-modal-header{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .kanban-header{border-color:var(--border-color)}[data-theme=dark] .empty-state{background:var(--bg-surface)}[data-theme=dark] .empty-state-icon{background:var(--bg-elevated)}
/*# sourceMappingURL=main.1f67aa59.css.map*/