:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #8b5cf6;--accent-color: #06b6d4;--bg-primary: #f8f9fb;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--bg-quaternary: #f3f4f6;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-quaternary: #9ca3af;--text-inverse: #ffffff;--border-primary: #e5e7eb;--border-secondary: #f3f4f6;--border-tertiary: #d1d5db;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--status-online: #22c55e;--status-away: #f59e0b;--status-offline: #6b7280;--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--gradient-secondary: linear-gradient(135deg, var(--info-color), var(--primary-color));--gradient-success: linear-gradient(135deg, var(--success-color), var(--accent-color));--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 3px;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal: 1040;--z-index-tooltip: 1050}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-secondary);line-height:1.5}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-secondary);border-right:var(--border-width-sm) solid var(--border-primary);padding:var(--space-2xl) 0;position:fixed;height:100vh;overflow-y:auto;z-index:var(--z-index-sticky)}.user-profile{display:flex;align-items:center;padding:0 var(--space-2xl) var(--space-2xl);border-bottom:var(--border-width-sm) solid var(--border-secondary);margin-bottom:var(--space-2xl)}.user-avatar{position:relative;margin-right:var(--space-md)}.user-avatar img{width:var(--space-4xl);height:var(--space-4xl);border-radius:50%;object-fit:cover}.avatar-placeholder{width:var(--space-4xl);height:var(--space-4xl);border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--font-size-lg)}.employee-avatar{width:var(--space-4xl);height:var(--space-4xl);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--space-md);flex-shrink:0;overflow:hidden}.employee-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.attendee-avatar{width:var(--space-2xl);height:var(--space-2xl);border-radius:50%;display:flex;align-items:center;justify-content:center;border:var(--border-width-md) solid var(--text-inverse);margin-left:calc(-1 * var(--space-sm));overflow:hidden}.attendee-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.attendee-avatar:first-child{margin-left:0}.status-indicator{position:absolute;bottom:var(--space-xs);right:var(--space-xs);width:10px;height:10px;border-radius:50%;border:var(--border-width-md) solid var(--text-inverse)}.status-indicator.online{background-color:var(--success-color)}.user-info{flex:1}.user-info h3{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.user-info .status{font-size:var(--font-size-xs);color:var(--success-color)}.user-profile .fa-chevron-down{color:var(--text-quaternary);font-size:var(--font-size-xs)}.nav-menu ul{list-style:none}.nav-item{margin-bottom:var(--space-xs)}.nav-item a{display:flex;align-items:center;padding:var(--space-md) var(--space-2xl);text-decoration:none;color:var(--text-tertiary);font-size:var(--font-size-base);font-weight:500;transition:all .2s}.nav-item a:hover{background-color:var(--bg-tertiary);color:var(--text-secondary)}.nav-item.active a{background-color:var(--primary-color);color:var(--text-inverse);margin:0 var(--space-lg);border-radius:var(--radius-lg)}.nav-item i{width:20px;margin-right:var(--space-md);font-size:var(--font-size-lg)}.my-projects{padding:var(--space-2xl);border-top:var(--border-width-sm) solid var(--border-secondary);margin-top:var(--space-2xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-secondary)}.add-btn{display:flex;align-items:center;background:none;border:none;color:var(--primary-color);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background-color .2s}.add-btn:hover{background-color:var(--bg-quaternary)}.add-btn i{margin-right:var(--space-xs);font-size:10px}.project-list{list-style:none}.project-item{display:flex;align-items:center;padding:var(--space-sm) 0;font-size:var(--font-size-base);color:var(--text-secondary)}.project-indicator{width:8px;height:8px;border-radius:50%;margin-right:var(--space-md)}.project-indicator.purple{background-color:var(--secondary-color)}.project-indicator.blue{background-color:var(--info-color)}.project-indicator.cyan{background-color:var(--accent-color)}.settings{position:absolute;bottom:var(--space-2xl);left:0;right:0;padding:0 var(--space-2xl)}.settings-link{display:flex;align-items:center;padding:var(--space-md) 0;text-decoration:none;color:var(--text-tertiary);font-size:var(--font-size-base);font-weight:500}.settings-link i{width:20px;margin-right:var(--space-md);font-size:var(--font-size-lg)}.main-content{flex:1;margin-left:280px;padding:var(--space-3xl) var(--space-4xl);background-color:var(--bg-primary);display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden}.main-header{margin-bottom:var(--space-3xl)}.date-info{font-size:var(--font-size-base);color:var(--text-tertiary);margin-bottom:var(--space-sm)}.greeting{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3xl)}.greeting-question{color:var(--primary-color)}.tab-navigation{display:flex;gap:var(--space-sm)}.tab-btn{padding:var(--space-md) var(--space-2xl);border:var(--border-width-sm) solid var(--border-primary);background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--font-size-base);font-weight:500;border-radius:24px;cursor:pointer;transition:all .2s}.tab-btn.active{background-color:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}.tab-btn:hover:not(.active){background-color:var(--bg-tertiary);border-color:var(--border-tertiary)}.dashboard-content{display:flex;flex-direction:column;gap:var(--space-3xl);flex:1;overflow:visible}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:32px}section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}section .section-header{display:flex;align-items:center;margin-bottom:20px}section .section-header i{margin-right:var(--space-sm);color:var(--text-tertiary)}section .section-header h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);flex:1}.header-actions{display:flex;align-items:center;color:var(--text-tertiary);font-size:var(--font-size-base);cursor:pointer}.header-actions i{margin-left:var(--space-sm);font-size:var(--font-size-sm)}.reminders-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.reminders-section .header-left{display:flex;align-items:center}.reminders-section .header-actions{display:flex;gap:var(--space-sm)}.reminder-settings-btn{width:var(--space-2xl);height:var(--space-2xl);border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.reminder-settings-btn:hover{background:var(--bg-quaternary);color:var(--text-secondary);transform:none;box-shadow:none}.collapsible-section{border:var(--border-width-sm) solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.section-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background-color:var(--bg-tertiary);border-bottom:var(--border-width-sm) solid var(--bg-quaternary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;transition:all .2s;outline:none}.section-toggle:hover{background-color:var(--bg-quaternary)}.toggle-content{display:flex;align-items:center;flex:1;padding:0 var(--space-md)}.toggle-icon{margin-right:var(--space-md);color:var(--text-tertiary);font-size:var(--font-size-sm);transition:transform .3s ease;width:14px;text-align:center}.toggle-label-group{display:flex;align-items:center;gap:6px;background:transparent;padding:0;border-radius:0;border:none;box-shadow:none;transition:all .2s}.section-toggle:hover .toggle-label-group{border-color:transparent;box-shadow:none}.toggle-actions{display:flex;align-items:center;gap:var(--space-sm);align-self:stretch;padding:0 var(--space-md)}.toggle-label{font-size:var(--font-size-base);font-weight:500;color:var(--text-secondary)}.count-badge{background:var(--primary-color);color:var(--text-inverse);padding:2px 6px;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:500;min-width:14px;text-align:center;box-shadow:none}.reminder-list{padding:var(--space-xl);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:1;transform:translateY(0);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.reminder-list.collapsed{max-height:0!important;padding:0 var(--space-xl);opacity:0;transform:translateY(-10px)}.reminder-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md);margin-bottom:6px;border:none;border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all .2s;outline:none;position:relative}.reminder-item:last-child{margin-bottom:0}.reminder-item:hover{background:var(--bg-primary);box-shadow:var(--shadow-sm);transform:none}.reminder-item:focus{outline:var(--border-width-md) solid var(--primary-color);outline-offset:var(--border-width-md)}.reminder-item.completed{background:var(--bg-primary);opacity:.9}.reminder-item.completed:hover{background:var(--bg-quaternary);opacity:1}.reminder-content{display:flex;align-items:flex-start;flex:1;gap:var(--space-md)}.reminder-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--bg-primary);flex-shrink:0;transition:all .2s;position:relative}.reminder-item:hover .reminder-icon{background:var(--border-primary);transform:none}.reminder-icon i{color:var(--text-tertiary);font-size:var(--font-size-base);transition:all .2s}.reminder-item.completed .reminder-icon{background:var(--success-bg)}.reminder-item.completed .reminder-icon i{color:var(--success-color)}.reminder-item[data-priority=high] .reminder-icon{background:var(--error-bg)}.reminder-item[data-priority=high] .reminder-icon i{color:var(--error-color)}.reminder-item[data-priority=medium] .reminder-icon{background:var(--warning-bg)}.reminder-item[data-priority=medium] .reminder-icon i{color:var(--warning-color)}.reminder-text{flex:1;min-width:0;margin-left:0}.reminder-title{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);line-height:1.3;margin-bottom:var(--space-xs)}.reminder-item.completed .reminder-title{text-decoration:line-through;color:var(--text-tertiary);font-weight:400}.reminder-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.priority-indicator{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.3px;box-shadow:none}.priority-indicator.high{background:var(--error-bg);color:var(--error-color);border:var(--border-width-sm) solid var(--error-border)}.priority-indicator.medium{background:var(--warning-bg);color:var(--warning-color);border:var(--border-width-sm) solid var(--warning-border)}.priority-indicator.low{background:var(--success-bg);color:var(--success-color);border:var(--border-width-sm) solid var(--success-border)}.completion-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;background:var(--success-bg);color:var(--success-color);text-transform:uppercase;letter-spacing:.3px;border:var(--border-width-sm) solid var(--success-border);box-shadow:none}.reminder-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.reminder-time:before{content:"⏰";font-size:var(--font-size-xs)}.reminder-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity .2s}.reminder-item:hover .reminder-actions,.reminder-item:focus .reminder-actions{opacity:1}.reminder-action-btn{width:var(--space-2xl);height:var(--space-2xl);border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.reminder-action-btn:hover{background:var(--bg-quaternary);color:var(--text-secondary);transform:none}.reminder-action-btn:focus{outline:var(--border-width-md) solid var(--primary-color);outline-offset:var(--border-width-md)}.reminder-empty-state{padding:var(--space-2xl) var(--space-xl);text-align:center;background:var(--bg-secondary)}.empty-state-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg)}.empty-state-icon i{font-size:var(--font-size-2xl);color:var(--text-tertiary)}.reminder-empty-state h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.reminder-empty-state p{font-size:var(--font-size-base);color:var(--text-tertiary);margin:0 0 var(--space-xl) 0;line-height:1.5}.add-reminder-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--primary-color);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s}.add-reminder-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.add-reminder-btn:focus{outline:var(--border-width-md) solid var(--primary-color);outline-offset:var(--border-width-md)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.project-card{padding:var(--space-xl);border:var(--border-width-sm) solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s}.project-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.add-project{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-tertiary);border-style:dashed;min-height:120px}.add-project i{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);color:var(--border-secondary)}.project-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);color:var(--text-inverse)}.project-icon.purple{background-color:var(--purple-500)}.project-icon.blue{background-color:var(--blue-500)}.project-icon.cyan{background-color:var(--cyan-500)}.project-icon.green{background-color:var(--green-500)}.project-icon.orange{background-color:var(--orange-500)}.project-card h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.project-card p{font-size:var(--font-size-sm);color:var(--text-tertiary)}.calendar-widget{position:relative;margin-bottom:24px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#f9fafb;padding:12px;border-radius:12px}.day-header{text-align:center;font-size:11px;font-weight:600;color:#9ca3af;padding:8px 0;text-transform:uppercase;letter-spacing:.5px}.date{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#374151;cursor:pointer;border-radius:8px;transition:all .2s ease;background:#fff;border:1px solid transparent;min-height:36px;position:relative;padding:4px}.date-number{font-size:14px;font-weight:500;line-height:1}.date:hover{background-color:#f3f4f6;border-color:#e5e7eb;transform:translateY(-1px)}.date.current{background-color:#6366f1;color:#fff;font-weight:600;box-shadow:0 2px 8px #6366f14d}.date.current .date-number{color:#fff}.date.has-events{background-color:#fef3c7;border-color:#f59e0b}.date.has-events:hover{background-color:#fde68a}.date.empty{background:transparent;border:none;cursor:default}.date.empty:hover{background:transparent;transform:none}.event-indicators{display:flex;gap:2px;margin-top:2px;justify-content:center}.event-dot{width:6px;height:6px;border-radius:50%;background-color:#6366f1}.event-dot.meeting{background-color:#3b82f6}.event-dot.deadline{background-color:#ef4444}.event-dot.deadline.high{background-color:#dc2626}.event-dot.event{background-color:#10b981}.event-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;min-width:200px;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.date:hover .event-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.tooltip-content{font-size:12px}.tooltip-event{padding:4px 0;border-bottom:1px solid #f3f4f6}.tooltip-event:last-child{border-bottom:none}.tooltip-event-title{font-weight:600;color:#374151;margin-bottom:2px}.tooltip-event-time{color:#6b7280;font-size:11px}.tooltip-event-location{color:#059669;font-size:11px;margin-bottom:2px}.more-events-indicator{margin-top:8px;padding:4px 8px;background-color:#f3f4f6;border-radius:4px;font-size:12px;color:#6b7280;text-align:center}.quick-event-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.quick-event-content{background:#fff;border-radius:12px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.quick-event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quick-event-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.close-quick-modal{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-quick-modal:hover{color:#374151}.quick-event-body{margin-bottom:24px}.quick-event-body .form-group{margin-bottom:16px}.quick-event-body .form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.quick-event-body .form-group input,.quick-event-body .form-group select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.quick-event-body .form-group input:focus,.quick-event-body .form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.quick-event-footer{display:flex;gap:12px;justify-content:flex-end}.quick-event-footer button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-quick-event{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-quick-event:hover{background:#f9fafb;border-color:#9ca3af}.save-quick-event{background:#6366f1;border:1px solid #6366f1;color:#fff}.save-quick-event:hover{background:#4f46e5;border-color:#4f46e5}.calendar-month-selector{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .2s ease}.calendar-month-selector:hover{background-color:#f3f4f6}.calendar-month-selector .current-month{font-weight:600;color:#374151}.calendar-month-selector i{font-size:12px;color:#6b7280}.calendar-nav{display:flex;gap:4px;margin-left:12px}.calendar-nav .nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;background:none;border:none;padding:0}.calendar-nav .nav-btn:hover{background-color:#f3f4f6;color:#374151}.calendar-nav .nav-btn:active{transform:scale(.95)}@media (max-width: var(--breakpoint-md)){.calendar-section .header-actions{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.calendar-nav{margin-left:0;margin-top:4px}.calendar-month-selector{font-size:14px}.event-card{padding:12px}.event-header h4{font-size:14px}.event-details{gap:8px}.event-icon{width:28px;height:28px;font-size:12px}.event-details span{font-size:11px}.attendees{gap:4px}.attendee-avatar{width:24px;height:24px}.attendee-avatar img{width:20px;height:20px}}.meeting-info{border-top:1px solid #f3f4f6;padding-top:20px}.events-container{display:flex;flex-direction:column;gap:16px}.event-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.event-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-1px)}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.event-header h4{font-size:16px;font-weight:600;color:#111827;margin:0;line-height:1.3}.event-actions{display:flex;gap:8px;align-items:center}.event-time{font-size:12px;color:#6b7280;margin-bottom:12px;font-weight:500}.event-details{display:flex;align-items:center;gap:12px}.event-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;color:#6366f1;font-size:14px}.event-icon i{color:inherit}.event-details span{font-size:12px;color:#6b7280;font-weight:500;flex:1}.empty-events-state{text-align:center;padding:32px 16px}.empty-events-icon{width:64px;height:64px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#9ca3af;font-size:24px}.empty-events-state h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.empty-events-state p{font-size:14px;color:#6b7280;margin:0 0 20px}.add-first-event-btn{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.add-first-event-btn:hover{background:#4f46e5;transform:translateY(-1px)}.add-first-event-btn i{font-size:12px}.meeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.meeting-actions{display:flex;gap:8px;align-items:center}.quick-add-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#6366f1;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:10px}.quick-add-btn:hover{background:#4f46e5;transform:scale(1.05)}.meeting-header h4{font-size:16px;font-weight:600;color:#111827}.meeting-header i{color:#9ca3af;cursor:pointer}.meeting-time{font-size:12px;color:#6b7280;margin-bottom:12px}.meeting-details{display:flex;align-items:center;gap:12px}.meeting-details i{color:#6b7280}.meeting-details span{font-size:12px;color:#6b7280}.attendees{display:flex;align-items:center;margin-left:auto}.attendee-count{font-size:11px;color:#6b7280;margin-left:8px}.spotlight-tabs{display:flex;gap:24px;margin-bottom:20px;border-bottom:1px solid #f3f4f6}.spotlight-tab{background:none;border:none;padding:12px 0;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.spotlight-tab.active{color:#6366f1;border-bottom-color:#6366f1}.employee-card{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f9fafb}.employee-card:last-child{border-bottom:none}.employee-card img{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:cover}.employee-info{flex:1}.employee-info h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.employee-info p{font-size:12px;color:#6b7280}.employee-card .fa-heart{color:#ef4444;cursor:pointer;transition:color .2s}.employee-card .fa-heart:hover{color:#dc2626}.spotlight-tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-item{display:flex;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f9fafb}.comment-item:last-child{border-bottom:none}.comment-info{flex:1}.comment-info h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.comment-time{font-weight:400;color:#9ca3af;font-size:12px}.comment-info p{font-size:13px;color:#6b7280;line-height:1.4;font-style:italic}.reward-item{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f9fafb}.reward-item:last-child{border-bottom:none}.reward-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;margin-right:12px;flex-shrink:0}.reward-info{flex:1}.reward-info h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.reward-info p{font-size:12px;color:#6b7280;margin-bottom:4px}.reward-points{font-size:12px;color:#10b981;font-weight:600}.kanban-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0}.kanban-title h2{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px}.project-category{font-size:14px;color:#6b7280;font-weight:500}.kanban-controls{display:flex;align-items:center;gap:12px}.kanban-options{display:flex;gap:6px;align-items:center}.kanban-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid #e1e4e8;background:#fff;color:#374151;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;height:36px;white-space:nowrap;box-sizing:border-box;line-height:1}.kanban-btn:hover{border-color:#d0d7de;background-color:#f6f8fa;box-shadow:0 1px 3px #0000001a}.kanban-btn.add-task-btn{background-color:#6366f1;color:#fff;border-color:#6366f1;font-weight:600;align-self:center}.kanban-btn.add-task-btn:hover{background-color:#5856eb;border-color:#5856eb;box-shadow:0 2px 4px #6366f133}.kanban-btn i{font-size:12px;margin:0}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;min-height:600px;padding:0 4px}.kanban-column{background:#fafbfc;border-radius:6px;padding:12px;min-height:600px;border:1px solid #e1e4e8}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 4px}.column-header h3{font-size:12px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.5px}.column-actions{color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.column-actions:hover{background-color:#e5e7eb}.column-content{display:flex;flex-direction:column;gap:0;min-height:500px;transition:background-color .2s;border-radius:8px;padding:4px}.column-content.drag-over{background-color:#e0e7ff;border:2px dashed #6366f1}.task-card{background:#fff;border-radius:4px;padding:8px 10px;border:1px solid #e1e4e8;cursor:grab;transition:all .15s ease;margin-bottom:4px}.task-card:hover{background-color:#f6f8fa;border-color:#d0d7de;box-shadow:0 1px 3px #0000001a}.task-card.dragging{opacity:.6;transform:rotate(2deg) scale(1.02);cursor:grabbing;z-index:1000;box-shadow:0 4px 12px #00000026}.task-image{width:100%;height:60px;border-radius:3px;overflow:hidden;margin-bottom:8px}.task-image img{width:100%;height:100%;object-fit:cover}.task-content h4{font-size:13px;font-weight:500;color:#24292f;margin:0 0 6px;line-height:1.3}.task-labels{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}.task-label{padding:1px 5px;border-radius:6px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.2px}.task-label.design{background-color:#fef3c7;color:#d97706}.task-label.frontend{background-color:#dbeafe;color:#2563eb}.task-label.backend{background-color:#dcfce7;color:#16a34a}.task-label.database{background-color:#f3e8ff;color:#9333ea}.task-label.api{background-color:#fed7d7;color:#e53e3e}.task-label.docs{background-color:#e0f2fe;color:#0891b2}.task-label.analytics{background-color:#fff2e5;color:#ea580c}.task-label.integration{background-color:#f0fdf4;color:#15803d}.task-label.security{background-color:#fecaca;color:#dc2626}.task-label.refactor{background-color:#e0e7ff;color:#6366f1}.task-label.collaboration{background-color:#fdf2f8;color:#ec4899}.task-label.feature{background-color:#ecfdf5;color:#059669}.task-label.performance{background-color:#fff7ed;color:#c2410c}.task-label.review{background-color:#f1f5f9;color:#475569}.task-label.mobile{background-color:#fef3c7;color:#ca8a04}.task-label.responsive{background-color:#e0f2fe;color:#0369a1}.task-stats{display:flex;gap:8px;margin-bottom:6px;align-items:center}.task-stat{display:flex;align-items:center;gap:3px;font-size:11px;color:#6b7280;font-weight:400}.task-stat i{font-size:10px}.task-assignees{display:flex;gap:-4px;align-items:center}.assignee-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:600;border:1px solid white;margin-left:-3px;box-shadow:0 1px 2px #0000000f}.assignee-avatar:first-child{margin-left:0}.add-task-placeholder{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px dashed #d0d7de;border-radius:4px;color:#6b7280;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s;margin-top:auto;margin-bottom:0}.add-task-placeholder:hover{border-color:#6366f1;color:#6366f1;background-color:#f6f8fa}.add-task-placeholder i{font-size:11px}.task-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;align-items:center;justify-content:center;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}.modal-header h3{font-size:20px;font-weight:600;color:#111827;margin:0}.close-modal{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-modal:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#6366f1}.label-input,.assignee-input{display:flex;gap:8px;margin-bottom:12px}.label-input input,.assignee-input input{flex:1}.label-input button,.assignee-input button{padding:12px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.label-input button:hover,.assignee-input button:hover{background:#5b5bc7}.selected-labels,.selected-assignees{display:flex;flex-wrap:wrap;gap:8px}.selected-label{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:16px;font-size:12px;font-weight:500;color:#374151}.selected-label button{background:none;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:0;line-height:1}.selected-label button:hover{color:#ef4444}.selected-assignee{display:flex;align-items:center;gap:8px;padding:4px;background:#f3f4f6;border-radius:20px}.selected-assignee .assignee-avatar{width:24px;height:24px;font-size:10px;margin:0}.selected-assignee button{background:none;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:0 6px;line-height:1}.selected-assignee button:hover{color:#ef4444}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.form-actions button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.form-actions button[type=button]{background:none;border:1px solid #d1d5db;color:#374151}.form-actions button[type=button]:hover{background:#f9fafb;border-color:#9ca3af}.form-actions button[type=submit]{background:#6366f1;border:1px solid #6366f1;color:#fff}.form-actions button[type=submit]:hover{background:#5b5bc7;border-color:#5b5bc7}.tasks-dashboard-row{display:grid;grid-template-columns:2fr 1fr;gap:32px;width:100%}.tasks-left-column,.tasks-right-column{display:flex;flex-direction:column;gap:24px}.my-tasks-card,.my-goals-card,.time-tracking-card,.notes-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.header-left{display:flex;align-items:center}.header-left i{margin-right:8px;color:#6b7280}.header-left h3{font-size:18px;font-weight:600;color:#111827}.tasks-add-btn{width:28px;height:28px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-right:12px}.tasks-add-btn:hover{border-color:#6366f1;color:#6366f1}.tasks-add-btn i{font-size:12px;color:#6b7280}.tasks-add-btn:hover i{color:#6366f1}.header-actions .fa-ellipsis-h{color:#9ca3af;cursor:pointer;padding:6px}.tracking-notes-section{display:flex;flex-direction:column;gap:24px}.task-group{margin-bottom:24px}.task-group-header{display:flex;align-items:center;padding:12px 0;cursor:pointer;border-bottom:1px solid #f3f4f6}.task-group-header i{margin-right:8px;color:#9ca3af;font-size:12px;transition:transform .3s ease}.task-chevron{cursor:pointer}.task-status{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.task-status.in-progress{color:#3b82f6}.task-status.todo{color:#6b7280}.task-status.upcoming{color:#f59e0b}.task-count{font-size:11px;color:#9ca3af;margin-left:4px}.task-group-info{margin-left:auto;display:flex;gap:80px;font-size:11px;color:#9ca3af;font-weight:500}.task-list{padding:16px 0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.task-list.collapsed{max-height:0!important;padding:0;opacity:0}.task-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f9fafb;transition:all .2s}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:#f9fafb;margin:0 -16px;padding:12px 16px;border-radius:8px}.task-checkbox{margin-right:12px}.task-checkbox input[type=checkbox]{display:none}.task-checkbox label{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:block;cursor:pointer;position:relative;transition:all .2s}.task-checkbox input[type=checkbox]:checked+label{background-color:#6366f1;border-color:#6366f1}.task-checkbox input[type=checkbox]:checked+label:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.task-content{flex:1;margin-right:12px}.task-title{font-size:14px;color:#374151;font-weight:500}.task-item.completed .task-title{text-decoration:line-through;color:#9ca3af}.task-priority{margin-right:80px}.priority-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.priority-badge.high{background-color:#fef2f2;color:#dc2626}.priority-badge.medium{background-color:#fef3c7;color:#d97706}.priority-badge.low{background-color:#f0fdf4;color:#16a34a}.task-due-date{font-size:12px}.due-today{color:#dc2626;font-weight:500}.due-later{color:#6b7280}.add-task-btn{display:flex;align-items:center;padding:8px 12px;background:none;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:12px;cursor:pointer;transition:all .2s;margin-top:8px}.add-task-btn:hover{border-color:#6366f1;color:#6366f1;background-color:#f0f0ff}.add-task-btn i{margin-right:6px;font-size:10px}.my-goals-card .goals-list{margin-top:0}.goals-list{space-y:16px}.goal-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f9fafb}.goal-item:last-child{border-bottom:none}.goal-info{flex:1;margin-right:24px}.goal-info h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.goal-info p{font-size:12px;color:#6b7280}.goal-progress{display:flex;align-items:center;gap:12px;min-width:120px}.progress-bar{flex:1;height:6px;background-color:#f3f4f6;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:#6366f1;border-radius:3px;transition:width .3s ease}.progress-text{font-size:12px;font-weight:600;color:#374151;min-width:32px}.time-tracker-content{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:24px}.tracker-project{margin-bottom:16px}.project-selector{display:flex;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .2s}.project-selector:hover{border-color:#d1d5db}.project-selector i:first-child{margin-right:8px;color:#6b7280}.project-selector span{flex:1;font-size:14px;color:#374151;font-weight:500}.project-selector i:last-child{color:#9ca3af;font-size:12px}.time-display{text-align:center}.time-status{font-size:10px;font-weight:600;color:#f59e0b;letter-spacing:1px;margin-bottom:8px}.time-counter{font-size:36px;font-weight:700;color:#111827;margin-bottom:16px;font-family:Courier New,monospace}.start-timer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.start-timer-btn:hover{background-color:#5b5bc7}.start-timer-btn.running{background-color:#dc2626}.start-timer-btn.running:hover{background-color:#b91c1c}.previous-tasks{margin-top:24px}.previous-tasks h4{font-size:14px;font-weight:600;color:#374151;margin-bottom:16px}.previous-task-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.previous-task-item:last-child{border-bottom:none}.task-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;margin-right:12px}.task-icon.ai{background:linear-gradient(135deg,#10b981,#06b6d4)}.task-icon.dashboard{background:linear-gradient(135deg,#f59e0b,#f97316)}.task-details{flex:1;display:flex;flex-direction:column}.task-name{font-size:13px;font-weight:500;color:#374151;margin-bottom:2px}.task-time{font-size:11px;color:#9ca3af}.previous-task-item .fa-ellipsis-h{color:#d1d5db;cursor:pointer}.add-note-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:none;color:#6366f1;font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:background-color .2s}.add-note-btn:hover{background-color:#f0f0ff}.notes-list{margin-top:16px}.note-item{display:flex;padding:16px 0;border-bottom:1px solid #f3f4f6}.note-item:last-child{border-bottom:none}.note-status{width:8px;height:8px;border-radius:50%;background-color:#e5e7eb;margin:6px 12px 0 0;flex-shrink:0}.note-status.completed{background-color:#10b981}.note-content{flex:1}.note-content h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.note-content p{font-size:12px;color:#6b7280;margin-bottom:8px}.note-tags{display:flex;align-items:center;gap:8px}.tag{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500}.tag.today{background-color:#fef3c7;color:#d97706}.tag.meeting{background-color:#dbeafe;color:#2563eb}.tag.todo{background-color:#f3f4f6;color:#6b7280}.tag.new{background-color:#dcfce7;color:#16a34a}.note-date{font-size:10px;color:#9ca3af;margin-left:auto}.note-item.completed .note-content h4,.note-item.completed .note-content p{opacity:.6}.resources-header{background:#fff;border-radius:16px;padding:24px 24px 20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.resources-title-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.resources-title-section h2{font-size:28px;font-weight:800;color:#111827;letter-spacing:-.5px;margin:0}.resources-search{display:flex;max-width:400px;gap:8px}.search-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#6366f1}.search-btn{padding:12px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.search-btn:hover{background:#5b5bc7}.quick-categories{display:flex;gap:12px;flex-wrap:wrap}.category-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#fff}.category-pill.documents{background:linear-gradient(135deg,#f59e0b,#f97316)}.category-pill.templates{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.category-pill.forms{background:linear-gradient(135deg,#ec4899,#be185d)}.category-pill.policies{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.category-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.category-count{background:#ffffff4d;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.resources-main-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.resources-left,.resources-right{display:flex;flex-direction:column;gap:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h3{font-size:18px;font-weight:600;color:#111827;margin:0}.resource-badge-new{background:#ef4444;color:#fff;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px}.view-all-link{background:none;border:none;color:#6366f1;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.view-all-link:hover{color:#5b5bc7}.featured-compact{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.featured-grid{display:flex;flex-direction:column;gap:16px}.resource-card.compact{display:flex;gap:16px;padding:16px;border:1px solid #f3f4f6;border-radius:12px;cursor:pointer;transition:all .2s}.resource-card.compact:hover{border-color:#e5e7eb;box-shadow:0 4px 12px #0000000d}.resource-thumb{width:80px;height:60px;border-radius:8px;overflow:hidden;position:relative;flex-shrink:0}.placeholder-doc{width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.placeholder-doc.template{background:linear-gradient(135deg,#f59e0b,#f97316)}.placeholder-doc.guide{background:linear-gradient(135deg,#10b981,#06b6d4)}.placeholder-doc i{font-size:24px}.resource-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;padding:2px 6px;border-radius:6px;font-size:8px;font-weight:700;letter-spacing:.5px}.resource-badge.popular{background:#f59e0b}.resource-compact-info{flex:1}.resource-category{font-size:10px;font-weight:700;color:#6b7280;letter-spacing:1px;margin-bottom:4px;display:block}.resource-compact-info h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:8px;line-height:1.3}.resource-meta{display:flex;align-items:center;justify-content:space-between}.resource-rating{display:flex;gap:2px}.resource-rating i{color:#fbbf24;font-size:12px}.resource-size{font-size:11px;color:#9ca3af;font-weight:500}.popular-downloads{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.download-list{display:flex;flex-direction:column;gap:12px}.download-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s}.download-item:hover{border-color:#e5e7eb;background-color:#f9fafb}.download-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.download-icon .fa-file-pdf{color:#ef4444}.download-icon .fa-file-excel{color:#10b981}.download-icon .fa-file-word{color:#3b82f6}.download-icon .fa-file-powerpoint{color:#f59e0b}.download-icon .fa-file-alt{color:#6b7280}.download-icon .fa-file-code{color:#8b5cf6}.download-info{flex:1}.download-name{display:block;font-size:13px;font-weight:600;color:#111827;margin-bottom:2px}.download-stats{font-size:11px;color:#6b7280}.download-btn-small{width:28px;height:28px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:12px;color:#6b7280}.download-btn-small:hover{border-color:#6366f1;color:#6366f1;background-color:#f0f0ff}.category-showcase-compact{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.category-cards-grid{display:grid;grid-template-columns:1fr;gap:12px}.category-card-small{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s}.category-card-small:hover{border-color:#e5e7eb;background-color:#f9fafb}.category-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.category-card-small.policy .category-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.category-card-small.training .category-icon{background:linear-gradient(135deg,#10b981,#059669)}.category-card-small.guidelines .category-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.category-card-small.templates .category-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.category-card-small.reports .category-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.category-card-small.resources .category-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.category-info{flex:1}.category-name{display:block;font-size:13px;font-weight:600;color:#111827;margin-bottom:2px}.category-count{font-size:11px;color:#6b7280}.category-card-small .category-count{color:#6b7280!important;text-shadow:none!important}.recent-activity{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.activity-indicator{background:#10b981;color:#fff;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:12px;padding:12px;border:1px solid #f3f4f6;border-radius:8px}.activity-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.activity-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.activity-info{flex:1}.activity-text{display:block;font-size:12px;color:#374151;margin-bottom:2px;line-height:1.4}.activity-text strong{color:#111827}.activity-text em{color:#6366f1;font-style:normal;font-weight:500}.activity-time{font-size:10px;color:#9ca3af}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:12px}.stat-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.stat-info{flex:1}.stat-number{display:block;font-size:18px;font-weight:700;color:#111827;margin-bottom:2px}.stat-label{font-size:11px;color:#6b7280;font-weight:500}.blogs-hero{background:linear-gradient(135deg,#f8f9fb,#fff);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-text h2{font-size:36px;font-weight:700;color:#111827;line-height:1.2;margin-bottom:0}.highlight{color:#ef4444}.highlight-blue{color:#3b82f6}.highlight-green{color:#10b981}.highlight-orange{color:#f59e0b}.hero-image{position:relative}.hero-image-container{position:relative;width:100%;height:240px;border-radius:12px;overflow:hidden;margin-bottom:16px}.hero-img{width:100%;height:100%;object-fit:cover}.placeholder-hero{width:100%;height:240px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:48px;position:relative;margin-bottom:16px}.hero-badge{position:absolute;top:16px;right:16px;background:#ef4444;color:#fff;padding:6px 12px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px}.hero-article-info{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}.author-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.author-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.author-name{font-size:12px;color:#6b7280;font-weight:500}.hero-article-info h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px;line-height:1.3}.hero-article-info p{font-size:14px;color:#6b7280;line-height:1.4;margin-bottom:12px}.article-meta{display:flex;gap:16px}.category{font-size:12px;color:#6366f1;font-weight:600}.read-time{font-size:12px;color:#9ca3af}.blogs-section{margin-bottom:40px}.section-header-blogs{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header-blogs h3{font-size:24px;font-weight:700;color:#111827;margin:0}.see-all{color:#6366f1;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.see-all:hover{color:#5b5bc7}.blogs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .2s;cursor:pointer}.blog-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.blog-image{position:relative;height:160px;overflow:hidden}.blog-img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.blog-card:hover .blog-img{transform:scale(1.05)}.placeholder-blog{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:32px;background:#f3f4f6}.blog-category{position:absolute;top:12px;left:12px;background:#ffffffe6;color:#374151;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-category.travel{background:#06b6d4e6;color:#fff}.blog-category.design{background:#ec4899e6;color:#fff}.blog-category.streaming{background:#8b5cf6e6;color:#fff}.blog-category.history{background:#92400ee6;color:#fff}.blog-content{padding:20px}.blog-content h4{font-size:16px;font-weight:600;color:#111827;margin-bottom:8px;line-height:1.3}.blog-content p{font-size:14px;color:#6b7280;line-height:1.4;margin-bottom:12px}.blog-meta{display:flex;align-items:center;gap:8px}.blog-date{font-size:12px;color:#9ca3af}.must-read-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.must-read-main{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.blog-image-large{position:relative;height:240px;overflow:hidden}.blog-img-large{width:100%;height:100%;object-fit:cover}.placeholder-blog-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:48px;background:#f3f4f6}.must-read-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-article{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:12px;cursor:pointer;transition:all .2s}.sidebar-article:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.blog-image-small{width:80px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.blog-img-small{width:100%;height:100%;object-fit:cover}.placeholder-blog-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:20px;background:#f3f4f6}.sidebar-article .blog-content{padding:0;flex:1}.sidebar-article .blog-content h4{font-size:14px;margin-bottom:6px}.sidebar-article .blog-category{position:static;background:transparent;color:#6366f1;font-size:10px;padding:0;margin-bottom:4px;display:block}.editors-pick-main{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:24px}.blog-image-hero{position:relative;height:320px;overflow:hidden}.blog-img-hero{width:100%;height:100%;object-fit:cover}.placeholder-blog-hero{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:64px;background:#f3f4f6}.editors-pick-main .blog-content{padding:32px}.editors-pick-main .blog-content h2{font-size:28px;font-weight:700;color:#111827;margin-bottom:12px;line-height:1.2}.editors-pick-main .blog-content p{font-size:16px;color:#6b7280;line-height:1.5}.editors-pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pick-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .2s}.pick-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.pick-card .blog-image{height:120px}.fab{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#6366f1;border:none;border-radius:50%;font-size:20px;cursor:grab;box-shadow:0 8px 24px #6366f14d,0 4px 12px #6366f133;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.fab i{color:#fff;font-size:20px}.fab:hover{background:linear-gradient(135deg,#5b5bc7,#7c3aed);transform:translateY(-3px) scale(1.05);box-shadow:0 12px 32px #6366f166,0 6px 16px #6366f14d}.fab:active{cursor:grabbing;transform:translateY(-1px) scale(.95);box-shadow:0 4px 12px #6366f180}@keyframes fabPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fab:hover{animation:fabPulse 2s infinite}.fab:focus{outline:2px solid #6366f1;outline-offset:2px}.fab:focus:not(:focus-visible){outline:none}.daisy-ai-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;height:calc(100vh - 200px);min-height:600px}.daisy-left-column{display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.daisy-right-column{display:flex;flex-direction:column;gap:20px}.daisy-chat-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.daisy-avatar{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin-right:16px}.daisy-avatar i{font-size:20px;color:#fff}.daisy-info{flex:1}.daisy-info h3{font-size:18px;font-weight:600;margin:0 0 4px;color:#fff}.daisy-status{font-size:14px;color:#fffc}.daisy-actions{display:flex;gap:8px}.daisy-action-btn{width:36px;height:36px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.daisy-action-btn:hover{background:#fff3;transform:translateY(-1px)}.daisy-chat-container{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.daisy-message{display:flex;gap:12px;max-width:80%}.daisy-message.daisy-user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.daisy-bot .message-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.daisy-user .message-avatar{background:#f3f4f6;color:#6b7280}.message-content{flex:1}.message-bubble{padding:12px 16px;border-radius:16px;margin-bottom:4px}.daisy-bot .message-bubble{background:#f8f9fa;border:1px solid #e9ecef}.daisy-user .message-bubble{background:#6366f1;color:#fff}.message-bubble p{margin:0 0 8px;font-size:14px;line-height:1.4}.message-bubble p:last-child{margin-bottom:0}.message-bubble ul{margin:8px 0;padding-left:20px}.message-bubble li{font-size:14px;margin-bottom:4px}.message-time{font-size:12px;color:#9ca3af}.daisy-user .message-time{text-align:right;display:block}.daisy-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;font-size:12px;font-weight:500;color:#374151}.quick-action-card:hover{border-color:#6366f1;background-color:#f0f0ff;transform:translateY(-1px)}.quick-action-card i{font-size:16px;color:#6366f1}.daisy-chat-input{padding:20px 24px;border-top:1px solid #f3f4f6}.team-chat-container{display:flex;height:100vh;background:#fff;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.team-chat-sidebar{width:260px;background:var(--bg-secondary);color:var(--text-primary);display:flex;flex-direction:column;border-right:1px solid var(--border-primary)}.back-navigation{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-secondary)}.back-btn{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s;width:100%;text-align:left}.back-btn:hover{background:var(--bg-tertiary);color:var(--primary-color)}.back-btn i{font-size:12px}.workspace-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:space-between}.workspace-info h2{font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.workspace-status{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-tertiary)}.status-indicator{width:var(--space-sm);height:var(--space-sm);border-radius:50%;background:var(--status-online)}.status-indicator.online{background:var(--status-online)}.status-indicator.away{background:var(--status-away)}.status-indicator.offline{background:var(--status-offline)}.workspace-menu-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s}.workspace-menu-btn:hover{background:var(--bg-tertiary);color:var(--primary-color)}.sidebar-section{padding:var(--space-lg) 0;border-bottom:1px solid var(--border-secondary)}.sidebar-section:last-child{border-bottom:none}.sidebar-section .section-header{display:flex;align-items:center;padding:0 var(--space-xl) var(--space-sm) var(--space-xl);gap:var(--space-sm)}.section-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;font-size:var(--font-size-xs)}.sidebar-section h3{font-size:var(--font-size-md);font-weight:600;color:var(--text-secondary);margin:0;flex:1}.add-channel-btn,.add-dm-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);transition:all .2s}.add-channel-btn:hover,.add-dm-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.channel-list,.dm-list,.app-list{display:flex;flex-direction:column}.channel-item,.dm-item,.app-item{display:flex;align-items:center;padding:var(--space-xs) var(--space-xl);margin:0 var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:var(--font-size-base);font-weight:500}.channel-item:hover,.dm-item:hover,.app-item:hover{background:var(--bg-tertiary)}.channel-item.active{background:var(--primary-color);color:var(--text-inverse)}.channel-icon{margin-right:var(--space-sm);font-size:var(--font-size-lg);color:var(--text-tertiary)}.channel-item.active .channel-icon{color:var(--text-inverse)}.channel-name,.user-name,.app-name{flex:1;color:var(--text-tertiary);font-weight:500}.channel-item.active .channel-name,.dm-item.active .user-name,.app-item.active .app-name{color:var(--text-inverse)}.unread-badge{background:var(--error-color);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:600;padding:2px var(--space-xs);border-radius:10px;min-width:16px;text-align:center}.team-chat-sidebar .user-avatar{position:relative;margin-right:var(--space-sm)}.team-chat-sidebar .user-avatar img{width:20px;height:20px;border-radius:var(--radius-sm)}.status-dot{position:absolute;bottom:-2px;right:-2px;width:var(--space-sm);height:var(--space-sm);border-radius:50%;border:2px solid var(--bg-secondary)}.status-dot.online{background:var(--status-online)}.status-dot.away{background:var(--status-away)}.status-dot.offline{background:var(--status-offline)}.app-icon{margin-right:var(--space-sm);font-size:var(--font-size-lg)}.team-chat-main{flex:1;display:flex;flex-direction:column;background:#fff}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.channel-info h2{font-size:18px;font-weight:700;margin:0 0 2px;color:#111827}.member-count{font-size:13px;color:#6b7280}.chat-actions{display:flex;gap:8px}.chat-action-btn{width:36px;height:36px;border:none;border-radius:8px;background:#f9fafb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-action-btn:hover{background:#f3f4f6;color:#374151}.messages-container{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.message-group{display:flex;flex-direction:column;gap:4px}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.team-chat-main .message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-author{font-weight:600;font-size:15px;color:#111827}.message-time{font-size:12px;color:#6b7280}.message-content{margin-left:44px;line-height:1.5}.message-content p{margin:0 0 8px;font-size:15px;color:#374151}.message-content p:last-child{margin-bottom:0}.voice-message{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;margin-top:8px;max-width:300px}.play-btn{width:32px;height:32px;border:none;border-radius:50%;background:#6366f1;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.play-btn:hover{background:#4f46e5}.voice-waveform{display:flex;align-items:center;gap:2px;flex:1}.waveform-bar{width:3px;height:16px;background:#d1d5db;border-radius:2px;animation:waveform 1.5s ease-in-out infinite}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}@keyframes waveform{0%,to{height:16px;background:#d1d5db}50%{height:24px;background:#6366f1}}.voice-duration{font-size:13px;color:#6b7280;font-weight:500}.poll-message{margin-top:8px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-width:400px}.poll-option{display:flex;align-items:center;gap:8px;padding:8px 0}.poll-option input[type=radio]{margin:0}.poll-option label{font-size:14px;color:#374151;cursor:pointer}.poll-footer{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.vote-count{font-size:13px;color:#6b7280}.message-input-container{padding:16px 24px;border-top:1px solid #e5e7eb;background:#fff}.input-toolbar{display:flex;gap:4px;margin-bottom:8px;padding:0 4px}.format-btn{width:28px;height:28px;border:none;border-radius:4px;background:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.format-btn:hover{background:#f3f4f6;color:#374151}.input-area{display:flex;align-items:flex-end;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.input-wrapper{flex:1}.message-input{width:100%;border:none;outline:none;resize:none;font-size:15px;line-height:1.5;font-family:inherit;min-height:20px;max-height:120px;padding:4px 8px;background:transparent}.message-input::placeholder{color:#9ca3af}.attach-btn,.emoji-btn,.voice-btn,.send-btn{width:32px;height:32px;border:none;border-radius:6px;background:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.attach-btn:hover,.emoji-btn:hover,.voice-btn:hover{background:#f3f4f6;color:#374151}.send-btn{background:#6366f1;color:#fff}.send-btn:hover{background:#4f46e5}.input-actions{display:flex;gap:4px}.team-chat-right-panel{width:300px;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.panel-header h3{font-size:16px;font-weight:600;margin:0;color:#111827}.close-panel-btn{width:24px;height:24px;border:none;border-radius:4px;background:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-panel-btn:hover{background:#f3f4f6;color:#374151}.panel-content{flex:1;padding:20px}@media (max-width: var(--breakpoint-lg)){.team-chat-sidebar{width:220px}.team-chat-right-panel{width:260px}}@media (max-width: var(--breakpoint-md)){.team-chat-container{flex-direction:column;height:auto}.team-chat-sidebar{width:100%;height:200px;flex-direction:row;overflow-x:auto}.team-chat-right-panel{display:none!important}.messages-container{height:400px}}.input-container{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:24px;background:#fff;transition:border-color .2s}.input-container:focus-within{border-color:#6366f1}.input-container input{flex:1;border:none;outline:none;font-size:14px;color:#374151}.input-container input::placeholder{color:#9ca3af}.input-action-btn{width:32px;height:32px;border:none;border-radius:50%;background:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.input-action-btn:hover{background:#f3f4f6;color:#374151}.send-btn{width:32px;height:32px;border:none;border-radius:50%;background:#6366f1;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn:hover{background:#5856eb;transform:scale(1.05)}.daisy-insights-card,.daisy-suggestions-card,.daisy-activity-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.insights-header,.suggestions-header,.activity-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.insights-header h4,.suggestions-header h4,.activity-header h4{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1}.insights-header i,.suggestions-header i,.activity-header i{color:#6366f1;font-size:16px}.insights-badge{background:#10b981;color:#fff;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px;animation:pulse 2s infinite}.insights-content{display:flex;flex-direction:column;gap:16px}.insight-item{display:flex;align-items:flex-start;gap:12px}.insight-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.insight-icon.productivity{background:linear-gradient(135deg,#10b981,#059669)}.insight-icon.schedule{background:linear-gradient(135deg,#f59e0b,#d97706)}.insight-icon.tasks{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.insight-info h5{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px}.insight-info p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #f3f4f6;border-radius:8px;transition:all .2s}.suggestion-item:hover{border-color:#e5e7eb;background-color:#f9fafb}.suggestion-type{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.suggestion-type i{font-size:12px}.suggestion-item p{flex:1;font-size:13px;color:#374151;margin:0;line-height:1.4}.suggestion-btn{padding:6px 12px;border:1px solid #6366f1;border-radius:6px;background:#fff;color:#6366f1;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.suggestion-btn:hover{background:#6366f1;color:#fff}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:8px 0}.activity-time{font-size:11px;color:#9ca3af;font-weight:500;min-width:60px;margin-left:12px}.activity-desc{display:flex;align-items:center;gap:8px;flex:1}.activity-desc i{font-size:12px;color:#6366f1}.activity-desc span{font-size:13px;color:#374151}@media (max-width: var(--breakpoint-xl)){.dashboard-row{grid-template-columns:1fr}.reminder-item{padding:12px}.reminder-content{gap:12px}.reminder-icon{width:36px;height:36px}.reminder-meta{flex-direction:column;align-items:flex-start;gap:6px}.tasks-dashboard-row{grid-template-columns:1fr;gap:24px}.tasks-left-column,.tasks-right-column{gap:20px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.resources-main-layout{grid-template-columns:1fr;gap:20px}.resources-title-section{flex-direction:column;gap:16px;align-items:flex-start}.resources-search{width:100%;max-width:none}.quick-categories{justify-content:flex-start}.quick-stats{grid-template-columns:1fr}.hero-content{grid-template-columns:1fr;gap:24px}.blogs-grid{grid-template-columns:repeat(2,1fr)}.must-read-grid{grid-template-columns:1fr;gap:20px}.editors-pick-grid{grid-template-columns:repeat(2,1fr)}.daisy-ai-layout{grid-template-columns:1fr;gap:20px}.daisy-quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-md)){.sidebar{transform:translate(-100%);transition:transform .3s}.reminders-section .section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-toggle{padding:12px 16px}.toggle-label-group{padding:8px 14px}.toggle-icon{font-size:14px;margin-right:12px}.reminder-item{padding:14px 16px;margin-bottom:8px;border-radius:12px}.reminder-content{gap:12px}.reminder-icon{width:36px;height:36px;border-radius:10px}.reminder-icon i{font-size:16px}.reminder-title{font-size:14px;margin-bottom:6px}.reminder-actions{opacity:1}.reminder-action-btn{width:30px;height:30px}.reminder-meta{flex-direction:column;align-items:flex-start;gap:6px}.priority-indicator,.completion-status{font-size:10px;padding:4px 8px;letter-spacing:.6px}.reminder-time{font-size:11px}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;padding:24px 20px;height:100vh;overflow-y:auto;overflow-x:hidden}.greeting{font-size:24px}.tab-navigation{flex-wrap:wrap}.projects-grid{grid-template-columns:1fr}.fab{bottom:20px;right:20px;width:48px;height:48px;font-size:18px;cursor:grab;box-shadow:0 6px 20px #6366f14d,0 3px 8px #6366f133}.resources-header{margin:-24px -20px 24px;padding:20px}.resources-title-section h2{font-size:24px}.resources-search{flex-direction:column;gap:8px}.quick-categories{grid-template-columns:repeat(2,1fr);gap:8px}.category-pill{padding:6px 12px}.blogs-hero{margin:-24px -20px 24px;padding:24px 20px}.hero-text h2{font-size:24px}.blogs-grid,.editors-pick-grid{grid-template-columns:1fr;gap:16px}.editors-pick-main .blog-content{padding:24px}.editors-pick-main .blog-content h2{font-size:20px}.daisy-ai-layout{height:auto;min-height:500px}.daisy-left-column{height:500px}.daisy-quick-actions{grid-template-columns:1fr;gap:8px}.quick-action-card{flex-direction:row;text-align:left;padding:12px 16px}.quick-action-card i{margin-right:12px;margin-bottom:0}}@media (max-width: var(--breakpoint-sm)){.main-content{padding:16px}section{padding:16px}.dashboard-content{gap:20px}.greeting{font-size:20px}.tab-btn{padding:8px 16px;font-size:13px}}.calendar-page{display:flex;height:calc(100vh - 120px);gap:var(--space-lg);padding:var(--space-lg)}.calendar-page .calendar-main{flex:1;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.calendar-page .calendar-header{padding:var(--space-xl);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.calendar-page .calendar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.calendar-page .calendar-title h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0}.calendar-page .create-event-btn{background:var(--primary-color);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:background-color .2s}.calendar-page .create-event-btn:hover{background:var(--primary-hover)}.calendar-page .calendar-controls{display:flex;justify-content:space-between;align-items:center}.calendar-page .date-navigation{display:flex;align-items:center;gap:var(--space-md)}.calendar-page .nav-btn{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;color:var(--text-secondary);transition:all .2s}.calendar-page .nav-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.calendar-page .current-month{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;min-width:100px;text-align:center}.calendar-page .today-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--text-secondary);font-weight:500;transition:all .2s}.calendar-page .today-btn:hover{background:var(--bg-quaternary)}.calendar-page .view-controls{display:flex;align-items:center;gap:var(--space-md)}.calendar-page .view-selector{border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer}.calendar-page .filter-btn{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;color:var(--text-secondary);transition:all .2s}.calendar-page .filter-btn:hover{background:var(--bg-tertiary)}.calendar-page .calendar-grid-container{display:flex;height:calc(100% - 120px);overflow:hidden}.calendar-page .time-column{width:80px;border-right:1px solid var(--border-primary);background:var(--bg-tertiary)}.calendar-page .time-header{height:60px;border-bottom:1px solid var(--border-primary)}.calendar-page .time-slots{display:flex;flex-direction:column}.calendar-page .time-slot{height:60px;padding:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-secondary)}.calendar-page .calendar-days{display:flex;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.calendar-page .day-header{flex:1;padding:var(--space-md);text-align:center;border-right:1px solid var(--border-primary);min-width:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.calendar-page .day-name{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-xs)}.calendar-page .day-date{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.calendar-page .calendar-events{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(20,60px);gap:1px;background:var(--border-primary);overflow:auto;min-height:600px}.calendar-page .event-block{background:var(--bg-secondary);border-radius:var(--radius-sm);margin:3px;cursor:pointer;transition:all .2s;overflow:hidden;border:1px solid var(--border-secondary);min-height:50px;position:relative}.calendar-page .event-block:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);z-index:10}.calendar-page .event-content{padding:var(--space-sm);height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.calendar-page .event-content h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-page .event-content p{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-page .event-tag{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;margin-top:var(--space-xs)}.calendar-page .event-tag.internal{background:#6366f11a;color:var(--primary-color)}.calendar-page .event-tag.external{background:#ec48991a;color:#ec4899}.calendar-page .event-attendees{display:flex;gap:2px;margin-top:var(--space-xs)}.calendar-page .event-attendees .attendee-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;border:2px solid white}.calendar-page .event-attendees .attendee-avatar img{width:100%;height:100%;object-fit:cover}.calendar-page .calendar-sidebar{width:300px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.calendar-page .mini-calendar{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-lg)}.calendar-page .mini-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.calendar-page .mini-calendar-header h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.calendar-page .mini-calendar-nav{display:flex;gap:var(--space-xs)}.calendar-page .mini-nav-btn{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all .2s}.calendar-page .mini-nav-btn:hover{background:var(--bg-quaternary);color:var(--text-secondary)}.calendar-page .mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-page .mini-day-header{text-align:center;font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--space-xs);font-weight:500}.calendar-page .mini-date{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.calendar-page .mini-date:hover{background:var(--bg-quaternary)}.calendar-page .mini-date.selected{background:var(--primary-color);color:#fff}.calendar-page .upcoming-events{flex:1}.calendar-page .upcoming-header{margin-bottom:var(--space-lg)}.calendar-page .upcoming-header h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.calendar-page .upcoming-list{display:flex;flex-direction:column;gap:var(--space-md)}.calendar-page .upcoming-event{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);position:relative}.calendar-page .event-time-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#ef4444;color:#fff;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.calendar-page .upcoming-event .event-content h5{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.calendar-page .upcoming-event .event-content p{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-xs)}.calendar-page .upcoming-event .event-content p:before{content:"";width:4px;height:4px;background:var(--text-tertiary);border-radius:50%;flex-shrink:0}.calendar-page .meeting-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:1000}.calendar-page .meeting-modal.show{display:flex}.calendar-page .meeting-modal .modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.calendar-page .meeting-modal .modal-header{padding:var(--space-xl);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.calendar-page .meeting-modal .modal-header h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.calendar-page .close-modal{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-tertiary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s}.calendar-page .close-modal:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.calendar-page .meeting-modal .modal-body{padding:var(--space-xl)}.calendar-page .meeting-modal .form-group{margin-bottom:var(--space-lg)}.calendar-page .meeting-modal .form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.calendar-page .meeting-modal .form-group input{width:100%;padding:var(--space-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-secondary);color:var(--text-primary)}.calendar-page .meeting-modal .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.calendar-page .date-input,.calendar-page .time-input,.calendar-page .location-input,.calendar-page .link-input{position:relative}.calendar-page .date-input i,.calendar-page .time-input i,.calendar-page .location-input i{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.calendar-page .copy-btn{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s}.calendar-page .copy-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.calendar-page .invitees-container{display:flex;flex-direction:column;gap:var(--space-md)}.calendar-page .selected-invitees{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.calendar-page .invitee-tag{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.calendar-page .invitee-tag img{width:24px;height:24px;border-radius:50%;object-fit:cover}.calendar-page .invitee-tag span{font-size:var(--font-size-sm);color:var(--text-secondary)}.calendar-page .remove-invitee{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:all .2s}.calendar-page .remove-invitee:hover{background:var(--bg-quaternary);color:var(--text-secondary)}.calendar-page .add-invitee-btn{background:none;border:1px dashed var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all .2s}.calendar-page .add-invitee-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.calendar-page .advanced-settings-btn{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all .2s;width:100%}.calendar-page .advanced-settings-btn:hover{background:var(--bg-tertiary)}.calendar-page .meeting-modal .modal-footer{padding:var(--space-xl);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.calendar-page .save-meeting-btn{background:var(--primary-color);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:background-color .2s}.calendar-page .save-meeting-btn:hover{background:var(--primary-hover)}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;box-shadow:0 2px 8px #0000001a}@media (max-width: var(--breakpoint-md)){.mobile-menu-toggle{display:block}.main-content{padding-top:80px}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}@media (max-width: var(--breakpoint-md)){.sidebar-overlay.active{display:block}}@media (max-width: 1200px){.kanban-board{grid-template-columns:repeat(2,1fr);gap:16px}.kanban-header{flex-direction:column;gap:16px;align-items:flex-start}.kanban-controls{width:100%;justify-content:space-between}}@media (max-width: var(--breakpoint-md)){.kanban-board{grid-template-columns:1fr;gap:16px}.kanban-column{min-height:400px}.kanban-controls{flex-direction:column;gap:12px}.kanban-options{width:100%;justify-content:space-between}.task-modal{padding:16px}.modal-content{margin:0}}.inbox-container{width:100%;height:100%;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.inbox-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);position:relative}.inbox-title{display:flex;align-items:center;gap:var(--space-md)}.inbox-title h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0}.message-count{background:var(--primary-color);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500}.inbox-actions{display:flex;gap:var(--space-sm)}.inbox-action-btn{width:36px;height:36px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.inbox-action-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.message-list{flex:1;overflow-y:auto;min-height:0}.message-item{display:flex;align-items:flex-start;padding:var(--space-lg);border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:all .2s ease;position:relative}.message-item:hover{background:var(--bg-tertiary)}.message-item.unread{background:var(--bg-quaternary);border-left:3px solid var(--primary-color)}.message-item.unread:hover{background:var(--bg-tertiary)}.message-avatar{position:relative;margin-right:var(--space-md);flex-shrink:0}.message-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.unread-indicator{position:absolute;top:0;right:0;width:12px;height:12px;background:var(--primary-color);border-radius:50%;border:2px solid white}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.sender-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.message-time{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;margin-left:var(--space-md)}.message-preview{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-sm) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-meta{display:flex;gap:var(--space-sm);align-items:center}.message-type{background:var(--bg-quaternary);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.priority{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.priority.high{background:#fef2f2;color:#dc2626}.priority.medium{background:#fffbeb;color:#d97706}.priority.low{background:#f0fdf4;color:#16a34a}.message-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity .2s ease;margin-left:var(--space-md)}.message-action-btn{width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.message-action-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.05)}.inbox-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center}.empty-state-icon{width:80px;height:80px;background:var(--bg-quaternary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xl)}.empty-state-icon i{font-size:32px;color:var(--text-tertiary)}.inbox-empty-state h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.inbox-empty-state p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.filter-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;margin-top:var(--space-xs)}.filter-option{padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .2s ease;font-size:var(--font-size-sm)}.filter-option:hover{background:var(--bg-tertiary)}.filter-option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.filter-option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.inbox-search-bar{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--border-primary)}.search-input-container{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);flex:1;max-width:400px}.search-input-container i{color:var(--text-tertiary);margin-right:var(--space-sm)}.search-input{border:none;background:transparent;outline:none;font-size:var(--font-size-sm);flex:1;color:var(--text-primary)}.search-input::placeholder{color:var(--text-tertiary)}.close-search-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);margin-left:var(--space-sm);transition:all .2s ease}.close-search-btn:hover{background:var(--bg-quaternary);color:var(--text-secondary)}.message-feedback{position:fixed;bottom:var(--space-xl);right:var(--space-xl);background:var(--primary-color);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;transform:translateY(100px);opacity:0;transition:all .3s ease;font-size:var(--font-size-sm);font-weight:500}.message-feedback.show{transform:translateY(0);opacity:1}.inbox-compose-btn{position:fixed;bottom:var(--space-xl);right:var(--space-xl);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;box-shadow:var(--shadow-lg);transition:all .2s ease;font-size:var(--font-size-sm);font-weight:500;z-index:100}.inbox-compose-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 25px #6366f14d}.inbox-compose-btn i{font-size:var(--font-size-md)}@media (max-width: var(--breakpoint-md)){.inbox-container{margin:0;border-radius:0;height:100vh}.inbox-header{padding:var(--space-lg)}.inbox-title h2{font-size:var(--font-size-xl)}.message-list{flex:1;max-height:none}.message-item{padding:var(--space-md)}.message-avatar img{width:40px;height:40px}.message-actions{opacity:1}.message-feedback{bottom:var(--space-lg);right:var(--space-lg);left:var(--space-lg)}.inbox-compose-btn{bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-sm) var(--space-md)}.inbox-compose-btn span{display:none}.calendar-page{flex-direction:column;height:auto;padding:var(--space-md)}.calendar-page .calendar-main{margin-bottom:var(--space-lg)}.calendar-page .calendar-header{padding:var(--space-md)}.calendar-page .calendar-title,.calendar-page .calendar-controls{flex-direction:column;gap:var(--space-md);align-items:flex-start}.calendar-page .calendar-sidebar{width:100%}.calendar-page .calendar-grid-container{height:400px}.calendar-page .time-column{width:60px}.calendar-page .day-header{min-width:80px;padding:var(--space-sm)}.calendar-page .calendar-events{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(10,40px)}.calendar-page .event-block{margin:1px;min-height:35px}.calendar-page .event-content{padding:var(--space-xs)}.calendar-page .event-content h4{font-size:10px;line-height:1.1}.calendar-page .event-content p{font-size:9px;line-height:1.1}.calendar-page .event-attendees .attendee-avatar{width:14px;height:14px}.calendar-page .day-name{font-size:var(--font-size-xs)}.calendar-page .day-date{font-size:var(--font-size-md)}.calendar-page .event-content h4{font-size:var(--font-size-xs)}.calendar-page .event-content p{font-size:10px}.calendar-page .event-attendees .attendee-avatar{width:16px;height:16px}.calendar-page .meeting-modal .modal-content{width:95%;margin:var(--space-md)}.calendar-page .meeting-modal .modal-header,.calendar-page .meeting-modal .modal-body,.calendar-page .meeting-modal .modal-footer{padding:var(--space-md)}}@media (max-width: 1200px){.calendar-page .day-header{min-width:120px;padding:var(--space-sm)}.calendar-page .event-content h4{font-size:var(--font-size-xs)}.calendar-page .event-content p{font-size:10px}}@media (max-width: var(--breakpoint-md)){.calendar-page .calendar-events{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(10,40px);min-height:400px}.calendar-page .event-block{margin:1px;min-height:35px}.calendar-page .event-content{padding:var(--space-xs)}.calendar-page .event-content h4{font-size:10px;line-height:1.1}.calendar-page .event-content p{font-size:9px;line-height:1.1}.calendar-page .event-attendees .attendee-avatar{width:14px;height:14px}.calendar-page .day-header{min-width:80px;padding:var(--space-xs)}.calendar-page .day-name{font-size:10px}.calendar-page .day-date{font-size:var(--font-size-sm)}}