@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--border-hover: #d1d5db;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--accent-primary: #0f172a;--accent-hover: #1e293b;--accent-light: #f1f5f9;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-md: .75rem;--radius-lg: 1rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--badge-gray-bg: #f3f4f6;--badge-gray-text: #4b5563;--badge-gray-border: #e5e7eb;--badge-blue-bg: #eff6ff;--badge-blue-text: #1d4ed8;--badge-blue-border: #bfdbfe;--badge-green-bg: #f0fdf4;--badge-green-text: #15803d;--badge-green-border: #bbf7d0;--badge-red-bg: #fef2f2;--badge-red-text: #b91c1c;--badge-red-border: #fecaca;--badge-yellow-bg: #fefce8;--badge-yellow-text: #a16207;--badge-yellow-border: #fef08a;--card-gray-bg: rgba(107, 114, 128, .05);--card-gray-border: rgba(107, 114, 128, .2);--card-blue-bg: rgba(59, 130, 246, .05);--card-blue-border: rgba(59, 130, 246, .2);--card-green-bg: rgba(16, 185, 129, .05);--card-green-border: rgba(16, 185, 129, .2);--card-red-bg: rgba(239, 68, 68, .05);--card-red-border: rgba(239, 68, 68, .2);--card-yellow-bg: rgba(245, 158, 11, .05);--card-yellow-border: rgba(245, 158, 11, .2);--glass-bg: #f3f4f6}[data-theme=dark]{color-scheme:dark;--bg-primary: #121212;--bg-secondary: #0a0a0a;--bg-tertiary: #1e1e1e;--border-color: #262626;--border-hover: #404040;--text-primary: #f0f0f0;--text-secondary: #a3a3a3;--text-tertiary: #737373;--accent-primary: #3b82f6;--accent-hover: #60a5fa;--accent-light: #1e3a8a;--badge-gray-bg: #262626;--badge-gray-text: #a3a3a3;--badge-gray-border: #404040;--badge-blue-bg: #1e3a8a;--badge-blue-text: #60a5fa;--badge-blue-border: #1e40af;--badge-green-bg: #064e3b;--badge-green-text: #34d399;--badge-green-border: #047857;--badge-red-bg: #7f1d1d;--badge-red-text: #f87171;--badge-red-border: #991b1b;--badge-yellow-bg: #713f12;--badge-yellow-text: #facc15;--badge-yellow-border: #854d0e;--card-gray-bg: rgba(255, 255, 255, .03);--card-gray-border: rgba(255, 255, 255, .08);--card-blue-bg: rgba(59, 130, 246, .1);--card-blue-border: rgba(59, 130, 246, .2);--card-green-bg: rgba(16, 185, 129, .1);--card-green-border: rgba(16, 185, 129, .2);--card-red-bg: rgba(239, 68, 68, .1);--card-red-border: rgba(239, 68, 68, .2);--card-yellow-bg: rgba(245, 158, 11, .1);--card-yellow-border: rgba(245, 158, 11, .2);--glass-bg: #1e1e1e}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-sans);background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit;color:inherit;background-color:transparent}option{color:var(--text-primary);background-color:var(--bg-primary)}.app-layout{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-primary)}.sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--bg-primary)}.page-container{max-width:100%;margin:0 auto;width:100%;padding:2rem 3rem}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}h1,h2,h3,h4{font-weight:600;color:var(--text-primary)}p{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:1px solid transparent;justify-content:center}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-hover)}.btn-danger{background-color:var(--bg-primary);color:var(--danger);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-danger:hover{background-color:var(--bg-secondary)}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;color:var(--text-primary);background-color:var(--bg-primary);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--card-blue-border)}.label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-gray{background-color:var(--badge-gray-bg);color:var(--badge-gray-text);border:1px solid var(--badge-gray-border)}.badge-blue{background-color:var(--badge-blue-bg);color:var(--badge-blue-text);border:1px solid var(--badge-blue-border)}.badge-green{background-color:var(--badge-green-bg);color:var(--badge-green-text);border:1px solid var(--badge-green-border)}.badge-red{background-color:var(--badge-red-bg);color:var(--badge-red-text);border:1px solid var(--badge-red-border)}.badge-yellow{background-color:var(--badge-yellow-bg);color:var(--badge-yellow-text);border:1px solid var(--badge-yellow-border)}[data-theme=dark] .badge-blue,[data-theme=dark] .badge-green,[data-theme=dark] .badge-red,[data-theme=dark] .badge-yellow{color:#fff}[data-theme=dark] .badge-gray{color:#e5e5e5}.table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:visible;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;text-align:left}.table th,.table td{padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color);font-size:.875rem;vertical-align:middle}.table th{background-color:var(--bg-secondary);font-weight:500;color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--bg-secondary)}.board{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;height:100%;align-items:flex-start}.board-column{flex:1;min-width:250px;min-height:120px;display:flex;flex-direction:column;padding:.75rem;border-radius:var(--radius-lg);border:1px solid transparent;transition:all .3s ease-in-out}.board-column.drag-over{opacity:.8}.board-column.color-gray{background-color:var(--card-gray-bg);border-color:var(--card-gray-border)}.board-column.color-blue{background-color:var(--card-blue-bg);border-color:var(--card-blue-border)}.board-column.color-green{background-color:var(--card-green-bg);border-color:var(--card-green-border)}.board-column.color-red{background-color:var(--card-red-bg);border-color:var(--card-red-border)}.board-column.color-yellow{background-color:var(--card-yellow-bg);border-color:var(--card-yellow-border)}.board-header{font-weight:500;font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;padding:.25rem .5rem;border:none;display:flex;justify-content:space-between;align-items:center}.glass-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-tertiary);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border-color);box-shadow:0 8px 24px #0006;border-radius:var(--radius-md);padding:4px;z-index:100;min-width:140px;display:flex;flex-direction:column;gap:0px}[data-theme=light] .glass-dropdown{background:#ffffffd9;box-shadow:0 4px 16px #0000001a}.glass-dropdown-item{padding:4px 8px;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.glass-dropdown-item:hover{background:#ffffff1a}[data-theme=light] .glass-dropdown-item:hover{background:#0000000d}.glass-dropdown-item.selected{background:var(--bg-secondary)}.task-card{padding:.75rem;margin-bottom:.5rem;border-radius:var(--radius-md);cursor:grab;color:var(--text-primary);background-color:var(--card-gray-bg);border:1px solid var(--border-color);transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s ease,border-color .2s ease,background-color .2s ease,opacity .2s ease}.task-card:active{cursor:grabbing}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.board-add-btn{width:100%;margin-top:.25rem;padding:.5rem;display:flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid transparent;color:var(--text-tertiary);font-size:.875rem;cursor:pointer;text-align:left;border-radius:var(--radius-md);transition:background-color .15s,color .15s}.board-add-btn:hover{background-color:var(--bg-tertiary)}.board-add-btn.color-gray{border:1px solid var(--card-gray-border);color:var(--text-secondary)}.board-add-btn.color-blue{border:1px solid var(--card-blue-border);color:var(--badge-blue-text)}.board-add-btn.color-green{border:1px solid var(--card-green-border);color:var(--badge-green-text)}.board-add-btn.color-red{border:1px solid var(--card-red-border);color:var(--badge-red-text)}.board-add-btn.color-yellow{border:1px solid var(--card-yellow-border);color:var(--badge-yellow-text)}.board-add-btn.color-gray:hover{background-color:var(--card-gray-bg)}.board-add-btn.color-blue:hover{background-color:var(--card-blue-bg)}.board-add-btn.color-green:hover{background-color:var(--card-green-bg)}.board-add-btn.color-red:hover{background-color:var(--card-red-bg)}.board-add-btn.color-yellow:hover{background-color:var(--card-yellow-bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;gap:1.5rem}.tab{padding:.75rem .25rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}@keyframes chatPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes typeBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.typing-dot{width:6px;height:6px;background-color:#ffffffb3;border-radius:50%;animation:typeBounce 1.4s infinite ease-in-out both}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#fff3}.chrome-toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}@media(max-width:768px){.chrome-toast-container{inset:12px 12px auto}}.chrome-toast{width:360px;background-color:#202020;border-radius:8px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0009;pointer-events:auto;font-family:Segoe UI,system-ui,sans-serif;animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1) forwards;color:#fff}@media(max-width:768px){.chrome-toast-container{inset:50px 8px auto;width:auto;max-width:calc(100vw - 16px)}.chrome-toast{width:100%;box-sizing:border-box}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.chrome-toast-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 4px}.chrome-toast-app-info{display:flex;align-items:center;gap:8px}.chrome-toast-icon{width:14px;height:14px}.chrome-toast-app-name{font-size:11px;font-weight:400;color:#b0b0b0}.chrome-toast-actions{display:flex;align-items:center;gap:4px}.chrome-toast-btn{background:transparent;border:none;color:#a0a0a0;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.chrome-toast-btn:hover{background:#ffffff1a;color:#fff}.chrome-toast-body{padding:8px 14px}.chrome-toast-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.chrome-toast-message{font-size:13px;color:#d0d0d0;line-height:1.4;margin-bottom:8px}.chrome-toast-domain{font-size:11px;color:#909090;margin-bottom:2px}.chrome-toast-footer{padding:0 14px 14px}.chrome-toast-action-btn{width:100%;padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.chrome-toast-action-btn:hover{background:#ffffff26}.notif-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;padding:.5rem;border-radius:50%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notif-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-light);transform:scale(1.05)}.notif-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.notif-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background-color:var(--danger);border-radius:50%;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px #dc262633}.notif-ring{animation:bell-ring 2s infinite ease-in-out;transform-origin:top center}@keyframes bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(0)}}.notif-dropdown{position:absolute;top:calc(100% + 12px);background:var(--bg-tertiary);border:1px solid var(--border-color);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:var(--radius-lg);box-shadow:0 12px 48px #00000026,0 4px 16px #0000000d;z-index:2000;overflow:hidden;animation:slide-up-fade .3s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top right;display:flex;flex-direction:column}[data-theme=dark] .notif-dropdown{box-shadow:0 12px 48px #00000080,0 4px 16px #0003}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center}.notif-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.notif-count-badge{background:var(--accent-light);color:var(--accent-primary);padding:.125rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700}.notif-list{overflow-y:auto;display:flex;flex-direction:column;max-height:400px}.notif-item{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;align-items:flex-start;transition:all .2s ease;cursor:default;position:relative;overflow:hidden;background:var(--bg-primary)}.notif-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .2s}.notif-item.overdue:before{background:var(--danger)}.notif-item.today:before{background:var(--accent-primary)}.notif-item.progress:before{background:var(--warning)}.notif-item:hover{background-color:var(--bg-secondary)}.notif-item:active{transform:scale(.98)}.notif-icon-wrapper{padding:.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.notif-item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.notif-item-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.notif-item-time{font-size:.65rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.notif-item-message{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.notif-empty{padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.notif-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--card-green-bg);display:flex;align-items:center;justify-content:center;color:var(--success);margin-bottom:.5rem}.notif-empty-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.notif-empty-message{font-size:.875rem;color:var(--text-secondary)}.mobile-header{display:none}@media(max-width:768px){.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:1000}.app-layout{flex-direction:column;height:100dvh}.sidebar{position:fixed;bottom:0;left:0;width:100%!important;height:65px!important;flex-direction:row!important;border-right:none;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);z-index:1000;overflow:visible;padding:0;margin:0}.sidebar-header,.sidebar-collapsed-actions,.sidebar-footer{display:none!important}.sidebar-nav-container{display:flex!important;flex-direction:row!important;width:100%;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;white-space:nowrap}.sidebar-nav-container>div,.sidebar-nav-container .mobile-hidden{display:none!important}.sidebar-nav-container>nav{display:flex!important;flex-direction:row!important;align-items:center;padding:0;gap:0}.sidebar nav a{font-size:0!important;padding:1.25rem 1rem!important;background:transparent!important;justify-content:center!important;border-radius:0!important;min-width:60px}.sidebar nav a>div{display:flex}.sidebar nav a svg{width:24px!important;height:24px!important}.main-content{padding-bottom:75px}.page-container{padding:1.25rem 1rem!important;padding-bottom:2dvh!important}.page-header{flex-direction:column;align-items:flex-start!important;gap:1rem;margin-bottom:1.5rem}.page-header .btn{width:100%;justify-content:center}div[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr 1fr!important;gap:.75rem!important}div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important;gap:1.5rem!important}.home-dashboard-grid{grid-template-columns:1fr}.board-column{min-width:85vw!important}.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%;border-right:0}.table{min-width:800px}.notif-dropdown.mobile-align-right{position:fixed;top:65px;left:10px;right:10px;width:auto!important;max-width:none!important;max-height:calc(100vh - 160px);transform-origin:top;z-index:3000}}