body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#3b82f6;--secondary-color:#8b5cf6;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--dark-bg:#1e293b;--dark-surface:#334155;--light-bg:#f8fafc;--light-surface:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--theme-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--light-bg:#0f172a;--light-surface:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}.analytics-card,.analytics-page,.calendar-page,.dashboard,.enhanced-header,.enhanced-task-card,.enhanced-tasks-page,.file-card,.files-page,.main-content,.notification-item,.sidebar,.stat-card,body{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--theme-transition)}.loading-container{align-items:center;background:#f8fafc;background:var(--light-bg);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:60px;margin-bottom:2rem;width:60px}.loading-text{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:500;margin-bottom:1rem;text-align:center}.loading-subtext{color:#64748b;color:var(--text-secondary);font-size:.875rem;opacity:.8;text-align:center}.loading-dots{display:inline-block;width:20px}.loading-dots:after{animation:dots 1.5s steps(4) infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.loading-fade-out{opacity:0;transition:opacity .5s ease-out}.section-loading{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;height:400px;justify-content:center}.mini-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:30px;margin-bottom:1rem;width:30px}[data-theme=dark] .loading-container{background:#f8fafc;background:var(--light-bg)}[data-theme=dark] .loading-spinner{border-color:#e2e8f0;border-color:var(--border-color);border-top-color:#3b82f6;border-top-color:var(--primary-color)}.no-transition,.no-transition *,.no-transition :after,.no-transition :before{animation:none!important;transition:none!important}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--light-bg);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;padding:0}.app{display:flex;min-height:100vh}.main-content{background:#f8fafc;background:var(--light-bg);margin-left:280px;min-height:100vh}.content-area{background:#fff;background:var(--light-surface);border-radius:1rem;box-shadow:0 4px 20px #0000001a;margin:1rem;overflow:hidden}.sidebar{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;height:100vh;left:0;overflow-y:auto;padding:2rem 0;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding:0 2rem 2rem}.sidebar-header h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.sidebar-header p{font-size:.875rem;opacity:.8}.sidebar-nav{padding:0 1rem}.nav-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;margin-bottom:.5rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#3b82f6;background:var(--primary-color);transform:translateX(8px)}.nav-icon{text-align:center;width:24px}.nav-label{font-size:.95rem}.nav-item:before{background:linear-gradient(90deg,#ffffff1a,#ffffff0d);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.nav-item:hover:before{width:100%}.nav-item:hover{background-color:#ffffff1a;transform:translateX(5px)}.nav-item.active{background-color:#fff3;transform:translateX(5px)}.nav-item.active:before{width:100%}.nav-icon{font-size:1.25rem;margin-right:.75rem;transition:transform .3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{font-size:.875rem;font-weight:500}.sidebar-backdrop{display:none}.main-content{background-color:#f8fafc;background-color:var(--light-bg);display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:250px}.enhanced-header{background:#fff;background:var(--light-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-radius:1rem 1rem 0 0;box-shadow:0 2px 10px #0000001a;justify-content:space-between;margin:1rem 1rem 0;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.enhanced-header,.header-left{align-items:center;display:flex}.header-left{gap:2rem}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:.5rem;z-index:1001}.hamburger{height:18px;position:relative;width:24px}.hamburger span{background:#1e293b;background:var(--text-primary);border-radius:1px;display:block;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger span:first-child{position:absolute;top:0}.hamburger span:nth-child(2){position:absolute;top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0;position:absolute}.mobile-close-btn{display:none}.header-left h1{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.datetime-widget{align-items:flex-start;display:flex;flex-direction:column}.current-time{color:#3b82f6;color:var(--primary-color);font-size:1.1rem;font-weight:600}.current-date{color:#64748b;color:var(--text-secondary);font-size:.75rem}.header-center{display:flex;flex:1 1;justify-content:center;margin:0 2rem;max-width:500px}.advanced-search{max-width:400px;position:relative;width:100%}.search-icon{color:#64748b;color:var(--text-secondary);font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;background:var(--light-surface);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:2rem;color:#1e293b;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-search{background:none;border:none;border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.clear-search:hover{background:#e2e8f0;background:var(--border-color)}.header-right{gap:1rem}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#fff;background:var(--light-surface);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle:hover{border-color:#3b82f6;border-color:var(--primary-color);transform:scale(1.05)}.notifications-container{position:relative}.notifications-btn{align-items:center;background:#fff;background:var(--light-surface);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.notifications-btn:hover{border-color:#3b82f6;border-color:var(--primary-color);transform:scale(1.05)}.notifications-btn.has-notifications{animation:bell-ring 2s ease-in-out infinite}@keyframes bell-ring{0%,50%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.notification-badge{align-items:center;background:#ef4444;background:var(--danger-color);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.notifications-dropdown{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px #00000026;margin-top:.5rem;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;width:320px;z-index:1000}.notifications-dropdown,.notifications-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notifications-header{align-items:center;background:#f8fafccc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-radius:.75rem .75rem 0 0;display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.notifications-header h3{font-size:1rem;font-weight:600;margin:0}.notifications-actions{align-items:center;display:flex;gap:.5rem}.clear-all-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-color),#dc2626);border:none;border-radius:.5rem;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;text-transform:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.clear-all-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.clear-all-btn:active{box-shadow:0 1px 3px #ef444466;transform:translateY(0)}.notifications-header button{background:none;border:none;border-radius:.25rem;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background-color .3s ease}.notifications-header button:hover{background:#e2e8f0;background:var(--border-color)}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-item:hover{background:#3b82f60d;border-color:#3b82f633;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.notification-item:last-child{border-bottom:none}.notification-item.success{border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.notification-item.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color)}.notification-item.info{border-left:4px solid #3b82f6;border-left:4px solid var(--primary-color)}.notification-content p{color:#1e293b;color:var(--text-primary);font-size:.875rem;margin:0 0 .25rem}.notification-content small{color:#64748b;color:var(--text-secondary);font-size:.75rem}.remove-notification{background:none;border:none;border-radius:.25rem;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.25rem;transition:all .3s ease}.remove-notification:hover{background:#ef4444;background:var(--danger-color);color:#fff}.notifications-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding:1rem}.notifications-actions button{background:#3b82f6;background:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem;transition:background-color .3s ease;width:100%}.notifications-actions button:hover{background:#2563eb}.no-notifications{color:#64748b;color:var(--text-secondary);font-size:.875rem;padding:2rem;text-align:center}.user-profile-container{position:relative}.user-profile-btn{align-items:center;background:#fff;background:var(--light-surface);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:2rem;cursor:pointer;display:flex;gap:.5rem;padding:.25rem 1rem .25rem .25rem;transition:all .3s ease}.user-profile-btn:hover{border-color:#3b82f6;border-color:var(--primary-color);transform:translateY(-1px)}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:500}.dropdown-arrow{color:#64748b;color:var(--text-secondary);font-size:.75rem;transition:transform .3s ease}.user-profile-btn:hover .dropdown-arrow{transform:translateY(2px)}.profile-dropdown{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px #00000026;margin-top:.5rem;position:absolute;right:0;top:100%;width:280px;z-index:1000}.profile-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem}.profile-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.profile-info h3{font-size:1rem;font-weight:600;margin:0 0 .25rem}.profile-info p{color:#64748b;color:var(--text-secondary);font-size:.75rem;margin:0}.profile-menu{padding:.5rem}.profile-menu button{align-items:center;background:none;border:none;border-radius:.5rem;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.profile-menu button:hover{background:#e2e8f0;background:var(--border-color);transform:translateX(5px)}.content-area{flex:1 1;overflow-y:auto;padding:0}.enhanced-tasks-page{margin:0 auto;max-width:1200px;padding:2rem}.tasks-header h2{color:#1e293b;color:var(--text-primary);font-size:1.75rem;font-weight:700}.add-task-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-task-btn:hover{box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}.task-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.stat-card.completed{border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.stat-card.pending{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color)}.stat-card.overdue{border-left:4px solid #ef4444;border-left:4px solid var(--danger-color)}.stat-card.high-priority{border-left:4px solid #8b5cf6;border-left:4px solid var(--secondary-color)}.stat-icon{font-size:2rem;opacity:.8}.stat-content h3{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.stat-content p{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.add-task-form{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.add-task-form h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-grid input,.form-grid select,.form-grid textarea{background:#fff;background:var(--light-surface);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text-primary);font-size:.875rem;padding:.75rem;transition:all .3s ease}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-grid textarea{grid-column:1/-1;min-height:80px;resize:vertical}.form-actions{display:flex;gap:1rem}.btn-primary{background:#3b82f6;background:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#e2e8f0;background:var(--border-color);border-color:#64748b;border-color:var(--text-secondary)}.tasks-controls{align-items:center;gap:1rem;justify-content:space-between;margin-bottom:2rem}.filters,.tasks-controls{display:flex;flex-wrap:wrap}.filters{gap:.5rem}.filters button{background:#fff;background:var(--light-surface);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:2rem;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.filters button:hover{transform:translateY(-1px)}.filters button.active,.filters button:hover{border-color:#3b82f6;border-color:var(--primary-color)}.filters button.active{background:#3b82f6;background:var(--primary-color);color:#fff}.sorting select{background:#fff;background:var(--light-surface);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.sorting select:focus{border-color:#3b82f6;border-color:var(--primary-color);outline:none}.enhanced-tasks-list{display:flex;flex-direction:column;gap:1rem}.enhanced-task-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 15px #0000000f;cursor:grab;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-task-card:before{background:linear-gradient(180deg,#e2e8f0,#0000);background:linear-gradient(180deg,var(--border-color),#0000);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.enhanced-task-card:hover{border-color:#3b82f64d;box-shadow:0 15px 35px #0000001f;transform:translateY(-4px)}.enhanced-task-card:hover:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));width:6px}.enhanced-task-card:active{cursor:grabbing;transform:translateY(-2px)}.enhanced-task-card.completed{background:#10b9810d;opacity:.75}.enhanced-task-card.completed:before{background:linear-gradient(180deg,#10b981,#059669);background:linear-gradient(180deg,var(--success-color),#059669)}.enhanced-task-card.overdue{background:#ef44440d;border-color:#ef44444d}.enhanced-task-card.overdue:before{background:linear-gradient(180deg,#ef4444,#dc2626);background:linear-gradient(180deg,var(--danger-color),#dc2626)}.enhanced-task-card.due-soon{background:#f59e0b0d;border-color:#f59e0b4d}.enhanced-task-card.due-soon:before{background:linear-gradient(180deg,#f59e0b,#d97706);background:linear-gradient(180deg,var(--warning-color),#d97706)}.task-main{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.task-checkbox{cursor:pointer;height:1.25rem;margin-top:.125rem;width:1.25rem}.task-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.task-header h4{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.task-meta{flex-shrink:0;gap:.75rem}.category-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.1rem}.priority-badge{border:1px solid #fff3;border-radius:1rem;box-shadow:0 2px 4px #00000026;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.task-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1rem;max-height:3.6em;overflow:hidden;text-overflow:ellipsis}.task-description,.task-footer{color:#64748b;color:var(--text-secondary)}.task-footer{align-items:center;display:flex;font-size:.8rem;gap:1rem;justify-content:space-between}.due-date,.time-estimate{align-items:center;display:flex;gap:.25rem}.time-estimate{background:#3b82f61a;border-radius:.5rem;color:#3b82f6;color:var(--primary-color);font-weight:500;padding:.25rem .5rem}.overdue-text{color:#ef4444;color:var(--danger-color);font-weight:600}.due-soon-text{color:#f59e0b;color:var(--warning-color);font-weight:600}.task-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;opacity:.7;transition:opacity .3s ease}.enhanced-task-card:hover .task-actions{opacity:1}.delete-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;opacity:.7;padding:.5rem;transition:all .15s ease}.delete-btn:hover{background:#ef44441a;color:#ef4444;color:var(--danger-color);opacity:1}.drag-handle{align-items:center;border-radius:.6rem;color:#64748b;color:var(--text-secondary);cursor:grab;display:flex;font-size:1.1rem;justify-content:center;padding:.6rem;transition:all .3s ease}.drag-handle:hover{background:#3b82f61a;color:#3b82f6;color:var(--primary-color);transform:scale(1.05)}.drag-handle:active{cursor:grabbing;transform:scale(.95)}.no-tasks{color:#64748b;color:var(--text-secondary);padding:4rem 2rem;text-align:center}.no-tasks h3{font-size:1.25rem;margin-bottom:.5rem}.analytics-page{margin:0 auto;max-width:1400px;padding:2rem}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.analytics-header h2{color:#1e293b;color:var(--text-primary);font-size:1.75rem;font-weight:700}.header-controls{align-items:center;display:flex;gap:1rem}.period-selector{display:flex;gap:.5rem}.period-selector button{background:#fff;background:var(--light-surface);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.period-selector button.active,.period-selector button:hover{border-color:#3b82f6;border-color:var(--primary-color)}.period-selector button.active{background:#3b82f6;background:var(--primary-color);color:#fff}.reset-btn{background:var(--error-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.reset-btn:hover{background:#dc2626;transform:translateY(-1px)}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.analytics-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;min-height:280px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-card:hover{border-color:#3b82f633;box-shadow:0 12px 35px #0000001f;transform:translateY(-3px)}.analytics-card h3:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:2px;content:"";height:20px;width:4px}.analytics-card h3{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.chart-container{display:flex;flex-direction:column;height:280px;justify-content:center}.line-chart{height:100%;width:100%}.chart-point{transition:all .3s ease}.chart-point:hover{r:5;filter:drop-shadow(0 0 5px currentColor)}.bar-chart{align-items:end;display:flex;gap:.5rem;height:150px;justify-content:space-between;padding:1rem 0}.bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar{border-radius:.25rem .25rem 0 0;margin-bottom:.5rem;max-width:30px;transition:all .3s ease;width:100%}.bar:hover{filter:brightness(1.1);transform:scaleY(1.05)}.bar-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;text-align:center}.pie-chart-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;min-height:260px;padding:1rem}.pie-chart{display:block;flex-shrink:0;height:140px;margin:0 auto;width:140px}.pie-slice{cursor:pointer;transform-origin:center;transition:all .2s ease}.pie-slice:hover{stroke:#fff;stroke-width:2;filter:brightness(1.15);transform:scale(1.02)}.pie-chart-legend{max-width:200px;width:100%}.legend-item{align-items:center;background:#fff;background:var(--light-surface);border-radius:.5rem;font-size:.875rem;gap:.75rem;margin-bottom:.75rem;padding:.5rem;transition:all .3s ease}.legend-item,.legend-item:hover{color:#1e293b;color:var(--text-primary)}.legend-item:hover{background:#3b82f614;border-color:#3b82f633;box-shadow:0 2px 8px #3b82f61a;transform:translateX(4px)}.legend-color{border-radius:.25rem;flex-shrink:0;height:1rem;width:1rem}.no-data{color:#64748b;color:var(--text-secondary);padding:2rem;text-align:center}.no-data p{color:#1e293b;color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.no-data span{font-size:.875rem;opacity:.7}.progress-rings{align-items:center;display:flex;justify-content:center}.progress-ring{text-align:center}.progress-ring svg{height:120px;width:120px}.progress-ring p{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-top:1rem}.stats-grid .quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.stat-item{text-align:center}.stat-value{color:#3b82f6;color:var(--primary-color);display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#64748b;color:var(--text-secondary);font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc,0 0 30px #3b82f699}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f6;box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 20px #3b82f6,0 0 30px #3b82f6;box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-color)}}.analytics-card,.enhanced-task-card,.event-item,.file-card,.meeting-item,.stat-card{animation:fadeIn .6s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--animation-order, 0)*.1s)}.nav-item{animation:slideIn .4s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--nav-order, 0)*.1s)}.analytics-card:hover,.file-card:hover,.stat-card:hover{animation:floatAnimation 2s ease-in-out infinite}.glass-effect{background:#ffffff1a;border:1px solid #fff3}.glass-effect,[data-theme=dark] .glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .glass-effect{background:#1e293bcc;border:1px solid #ffffff1a}.gradient-bg{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%}[data-theme=dark] .nav-item.active,[data-theme=dark] .theme-toggle:hover{animation:pulseGlow 2s ease-in-out infinite}.premium-card{overflow:hidden;position:relative}.premium-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.premium-card:hover:before{left:100%}.particles-bg{overflow:hidden;position:relative}.particles-bg:after{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#3b82f61a 2px,#0000 0),radial-gradient(circle at 75% 75%,#8b5cf61a 2px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.scroll-animate{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.scroll-animate.in-view{opacity:1;transform:translateY(0)}@media (max-width:1024px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar-backdrop{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.sidebar-backdrop.active{opacity:1;visibility:visible}.main-content{margin-left:0}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex!important;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-menu-btn:hover{background:#3b82f61a;color:#3b82f6;color:var(--primary-color)}.mobile-close-btn{align-items:center;background:#ef4444;background:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:block!important;display:flex!important;font-size:1.25rem;height:40px;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:1001}.mobile-close-btn:hover{background:#dc2626;transform:scale(1.05)}.enhanced-header{padding:1rem 1.5rem}.header-left{gap:1rem}.header-left h1{font-size:1.25rem}.datetime-widget{display:none}.header-center{margin:0 1rem;max-width:300px}.search-input{width:250px}.dashboard-grid{gap:1.5rem;grid-template-columns:1fr 350px}.dashboard{padding:1.5rem}.analytics-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.chart-container{height:250px}.files-section{padding:1.5rem}.files-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.task-input-row{gap:1rem;grid-template-columns:1fr auto}.task-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.notifications-dropdown,.profile-dropdown{max-width:350px;position:absolute;right:-10px;transform:translateX(calc(-100% + 120px));width:calc(100vw - 2rem)}.analytics-page,.calendar-page,.enhanced-tasks-page,.files-page{padding:1.5rem}.calendar-nav{flex-wrap:wrap;gap:1rem}.calendar-day{min-height:70px;padding:.75rem .5rem}.meeting-indicator{font-size:.8rem;padding:.25rem .5rem}.attend-btn{font-size:.8rem;padding:.25rem .75rem}}@media (max-width:768px){.app{overflow-x:hidden}.sidebar{height:100vh;left:0;max-width:300px;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:75vw;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar-backdrop{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.sidebar-backdrop.active{opacity:1;visibility:visible}.main-content{margin-left:0;min-height:100vh;width:100vw}.content-area{border-radius:0;margin:0;min-height:calc(100vh - 80px)}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex!important;font-size:1.25rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.mobile-menu-btn:hover{background:#3b82f61a;color:#3b82f6;color:var(--primary-color)}.mobile-close-btn{align-items:center;background:#ef4444;background:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:block!important;display:flex!important;font-size:18px;height:36px;justify-content:center;padding:8px;position:absolute;right:15px;top:15px;transition:all .2s ease;width:36px;z-index:1001}.mobile-close-btn:hover{background:#dc2626}.enhanced-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;margin:0;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex-shrink:0;gap:12px}.header-left h1{font-size:18px;white-space:nowrap}.datetime-widget{display:none}.header-center{flex:1 1;margin:0 15px;min-width:0}.search-input{border-radius:25px;font-size:16px;padding:12px 15px 12px 40px;width:100%}.search-icon{font-size:14px;left:15px}.header-right{flex-shrink:0;gap:8px}.notifications-btn,.theme-toggle{border-radius:8px;font-size:18px;height:44px;width:44px}.user-name{display:none}.user-avatar{height:32px;width:32px}.dashboard{padding:20px 15px}.dashboard-grid{gap:20px;grid-template-columns:1fr}.dashboard-sidebar{order:-1}.dashboard-main{order:1}.analytics-page{padding:20px 15px}.analytics-grid{gap:20px;grid-template-columns:1fr}.analytics-card{padding:20px}.chart-container{height:200px}.files-section{margin:0;padding:20px 15px}.files-grid{gap:15px;grid-template-columns:1fr}.file-card{padding:20px}.file-preview{height:120px}.enhanced-tasks-page{padding:20px 15px}.task-stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center;flex-direction:column;padding:20px;text-align:center}.stat-card h3{font-size:24px}.enhanced-task-card{align-items:stretch;flex-direction:column;padding:20px}.task-header{align-items:flex-start;flex-direction:column;gap:10px}.task-actions{flex-direction:row;justify-content:flex-end;margin-top:15px;opacity:1;position:static}.form-grid{gap:15px;grid-template-columns:1fr}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;padding:12px}.tasks-controls{align-items:stretch;flex-direction:column;gap:15px}.calendar-page{padding:20px 15px}.calendar-header{align-items:stretch;flex-direction:column;gap:15px}.calendar-nav{align-items:center;justify-content:space-between}.calendar-nav h3{flex:1 1;font-size:18px;text-align:center}.calendar-nav button{font-size:16px;height:40px;padding:10px;width:40px}.calendar-grid{border-radius:8px;gap:1px;overflow:hidden}.day-header{font-size:12px;font-weight:600;padding:12px 8px;text-align:center}.calendar-day{font-size:14px;min-height:70px;padding:8px}.day-number{font-size:14px;font-weight:600;margin-bottom:4px}.meeting-indicator{padding:2px 6px}.attend-btn,.meeting-indicator{border-radius:4px;font-size:11px;margin-top:4px}.attend-btn{padding:4px 8px}.notifications-dropdown,.profile-dropdown{border-radius:12px;left:15px;max-height:calc(100vh - 100px);max-width:none;overflow-y:auto;position:fixed;right:15px;top:70px;transform:none;width:auto}.notification-item{font-size:14px;padding:15px}.file-item,.nav-item,.tab,button{align-items:center;cursor:pointer;display:flex;min-height:44px}.app,.content-area,.main-content,body{max-width:100vw;overflow-x:hidden}}@media (max-width:480px){.enhanced-header{padding:.75rem}.header-left h1{display:none}.header-center{margin:0 .5rem;min-width:0}.search-input{font-size:16px;padding:.625rem .875rem .625rem 2.25rem}.search-icon{left:.875rem}.mobile-menu-btn,.notifications-btn,.theme-toggle{font-size:1rem;height:36px;width:36px}.user-avatar{height:28px;width:28px}.sidebar{max-width:320px;width:90vw}.dashboard{padding:.75rem}.files-section{padding:1rem}.files-section h2,.files-section h3{font-size:1.125rem}.tab{font-size:.8125rem;padding:.5rem .75rem}.file-item{padding:.875rem 0}.file-info h4{font-size:.9375rem}.analytics-card{padding:1rem}.chart-container{height:180px}.pie-chart{height:100px;width:100px}.task-stats-grid{gap:.75rem;grid-template-columns:1fr 1fr}.stat-card{padding:.875rem}.stat-card h3{font-size:1.25rem}.enhanced-task-card{padding:1rem}.calendar-day{min-height:70px;padding:.375rem}.day-number{font-size:.8125rem}.meeting-indicator{font-size:.6875rem;padding:.125rem .375rem}.attend-btn{font-size:.6875rem;padding:.25rem .5rem}}@media (max-width:360px){.enhanced-header{padding:.5rem}.header-center{margin:0 .25rem}.search-input{font-size:16px;padding:.5rem .75rem .5rem 2rem}.search-icon{font-size:.875rem;left:.75rem}.mobile-menu-btn,.notifications-btn,.theme-toggle{font-size:.9375rem;height:32px;width:32px}.user-avatar{height:24px;width:24px}.sidebar{width:95vw}.sidebar-header h2{font-size:1.125rem}.nav-item{font-size:.8125rem;padding:.5rem .75rem}.nav-icon{font-size:1rem;margin-right:.5rem}.analytics-page,.calendar-page,.dashboard,.enhanced-tasks-page,.files-section{padding:.75rem}.files-section h2,.files-section h3{font-size:1rem}.tab{font-size:.75rem;padding:.375rem .625rem}.analytics-card{padding:.875rem}.analytics-card h3{font-size:.9375rem}.chart-container{height:160px}.pie-chart{height:90px;width:90px}.task-stats-grid{gap:.625rem;grid-template-columns:1fr}.stat-card{padding:.75rem}.stat-card h3{font-size:1.125rem}.stat-content p{font-size:.6875rem}.enhanced-task-card{padding:.875rem}.task-title{font-size:.875rem}.calendar-day{min-height:60px;padding:.25rem}.day-number{font-size:.75rem}.meeting-indicator{font-size:.625rem;padding:.125rem .25rem}.attend-btn{font-size:.625rem;padding:.125rem .375rem}.btn-primary,.btn-secondary{font-size:.75rem;padding:.5rem 1rem}}@media print{.enhanced-header,.notifications-dropdown,.profile-dropdown,.sidebar{display:none!important}.main-content{margin-left:0!important}.analytics-card,.enhanced-task-card,.file-card{border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){:root{--border-color:#000;--text-secondary:#000}[data-theme=dark]{--border-color:#fff;--text-secondary:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=dark] .notifications-dropdown,[data-theme=dark] .profile-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);box-shadow:0 10px 40px #0000004d}[data-theme=dark] .notifications-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6}[data-theme=dark] .notification-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}[data-theme=dark] .notification-item:hover{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .clear-all-btn{background:linear-gradient(135deg,#26b2dc);box-shadow:0 2px 4px #ef44444d;color:#fff;font-size:.6rem;padding:.5rem 1rem}[data-theme=dark] .clear-all-btn:hover,[data-theme=dark] .legend-item:hover{background:#3b82f61f;box-shadow:0 2px 8px #3b82f626}[data-theme=dark] .legend-item:hover{border-color:#3b82f640;padding:.5rem}[data-theme=dark] .legend-item:hover,[data-theme=dark] .mobile-menu-btn{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .mobile-menu-btn:hover{background:#ffffff1a}[data-theme=dark] .delete-btn{color:#64748b;color:var(--text-secondary)}[data-theme=dark] .delete-btn:hover{background:#ef444426;color:#fca5a5}[data-theme=dark] .sidebar-backdrop{background:#000000b3}[data-theme=dark] .calendar-day{border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .calendar-day:hover{background:#ffffff0d}[data-theme=dark] .meeting-indicator{background:#3b82f6;background:var(--primary-color);color:#fff}[data-theme=dark] .attend-btn{background:#10b981;background:var(--success-color);color:#fff}[data-theme=dark] .attend-btn.attended{background:#64748b;background:var(--text-secondary);color:#1e293b;color:var(--text-primary)}@media (hover:none) and (pointer:coarse){.enhanced-task-card .task-actions{margin-top:1rem;opacity:1;position:static}.file-card .file-actions{opacity:1}.notification-item{min-height:44px}.attend-btn,.clear-all-btn,.mobile-menu-btn{min-height:44px;min-width:44px}}.nav-item:focus,.notifications-btn:focus,.theme-toggle:focus,.user-profile-btn:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--light-bg)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155;background:var(--dark-surface)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#475569}.auth-container{align-items:center;background:#f8fafc;background:var(--light-bg);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.auth-background{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#3b82f6);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 50%,var(--primary-color) 100%);opacity:.1}.auth-background,.auth-pattern{height:100%;left:0;position:absolute;top:0;width:100%}.auth-pattern{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff1a 2px,#0000 0);background-size:60px 60px}.auth-card{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 40px #0000001a,0 4px 8px #0000000d;margin:2rem;max-width:480px;padding:3rem;position:relative;width:100%}[data-theme=dark] .auth-card{background:#1e293bf2;box-shadow:0 20px 40px #0000004d,0 4px 8px #0003}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-logo{gap:1rem;margin-bottom:1rem}.auth-logo,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{animation:pulseGlow 2s ease-in-out infinite;height:50px;width:50px}.logo-icon svg{height:40px;transition:transform .3s ease;width:40px}.logo-icon:hover svg{transform:scale(1.1)}.auth-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.auth-subtitle{color:#64748b;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.form-group input,.form-group label{color:#1e293b;color:var(--text-primary)}.form-group input{background:#f8fafc;background:var(--light-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;outline:none;padding:1rem;transition:all .2s ease}.form-group input:focus{background:#fff;background:var(--light-surface);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input.error{border-color:#ef4444;border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.form-group input::placeholder{color:#64748b;color:var(--text-secondary)}.error-message{color:#ef4444;color:var(--danger-color);font-size:.75rem;font-weight:500;margin-top:.25rem}.auth-submit{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:3.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .2s ease}.auth-submit:hover:not(:disabled){box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-loading-spinner{align-items:center;display:flex;gap:.75rem}.auth-loading-spinner .loading-text{animation:none!important;display:inline-block;transform:none!important}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:before{background:#e2e8f0;background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;background:var(--light-surface);color:#64748b;color:var(--text-secondary);font-size:.875rem;padding:0 1rem;position:relative}.demo-button{align-items:center;background:#f8fafc;background:var(--light-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .2s ease}.demo-button:hover:not(:disabled){background:#fff;background:var(--light-surface);border-color:#3b82f6;border-color:var(--primary-color);transform:translateY(-1px)}.demo-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.demo-icon{font-size:1.25rem}.auth-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem;text-align:center}.auth-footer p{color:#64748b;color:var(--text-secondary);margin:0}.auth-toggle{background:none;border:none;color:#3b82f6;color:var(--primary-color);cursor:pointer;font-weight:600;margin-left:.5rem;text-decoration:underline;transition:color .2s ease}.auth-toggle:hover{color:#8b5cf6;color:var(--secondary-color)}.dashboard{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.files-section{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content;padding:2rem;transition:all .3s ease}.files-section:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.tabs{background:#f8fafc;background:var(--light-bg);border-radius:.75rem;display:flex;gap:.5rem;padding:.5rem}.tab{background:none;border:none;border-radius:.5rem;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .3s ease}.tab:hover{background-color:#3b82f61a}.tab.active,.tab:hover{color:#3b82f6;color:var(--primary-color)}.tab.active{background-color:#fff;background-color:var(--light-surface);box-shadow:0 2px 8px #0000001a;font-weight:600}.files-list{margin-bottom:2.5rem}.file-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;margin:0 -.5rem;padding:1rem .5rem;transition:all .3s ease}.file-item:hover{background-color:#f8fafc;background-color:var(--light-bg);transform:translateX(5px)}.file-item:last-child{border-bottom:none}.file-icon{font-size:1.5rem;margin-right:1rem;transition:transform .3s ease}.file-item:hover .file-icon{transform:scale(1.1)}.file-name{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:500}.my-tasks{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:1px solid #3b82f61a;border-radius:1rem;padding:1.5rem}.my-tasks h3{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.my-tasks h3:before{content:"✅";font-size:1.2rem}.task-list{display:flex;flex-direction:column;gap:1rem}.task-item{align-items:center;background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.task-item:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.task-item input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary-color);cursor:pointer;height:1.25rem;width:1.25rem}.task-item label{color:#1e293b;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;transition:all .2s ease}.task-item label.completed{color:#64748b;color:var(--text-secondary);opacity:.6;text-decoration:line-through}.task-item span{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:500}.dashboard-right{display:flex;flex-direction:column;gap:2rem}.analytics-chart{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.analytics-chart:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.analytics-chart h3{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.chart-container{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:.75rem;height:200px;margin-bottom:1rem;padding:1rem;position:relative}.chart{height:100%;width:100%}.chart polyline{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.chart-legend{margin-top:1rem}.legend-item{color:#64748b;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;padding:.5rem 0}.upcoming-meetings{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.upcoming-meetings:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.upcoming-meetings h3{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.upcoming-meetings h3:before{content:"📅";font-size:1.2rem}.meeting-item{align-items:center;background:linear-gradient(135deg,#10b9810d,#3b82f60d);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.meeting-item:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.meeting-item:last-child{margin-bottom:0}.meeting-time{background:#3b82f61a;border-radius:.5rem;color:#3b82f6;color:var(--primary-color);font-size:1rem;font-weight:700;min-width:60px;padding:.5rem;text-align:center}.meeting-details{display:flex;flex:1 1;flex-direction:column}.meeting-date{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.meeting-title{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600}.files-page{margin:0 auto;max-width:1400px;padding:2rem}.files-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.files-header-actions{align-items:center;display:flex;gap:1.5rem}.files-header h2{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:.5rem}.files-header h2:before{content:"📁";font-size:1.8rem}.upload-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.upload-btn:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.upload-btn:active{transform:translateY(0)}.files-tabs{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 10px #0000000d;display:flex;gap:.5rem;padding:.5rem}.files-tabs .tab{background:none;border:none;border-radius:.75rem;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.files-tabs .tab:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.files-tabs .tab:hover:before{left:100%}.files-tabs .tab:hover{background:#3b82f61a;color:#3b82f6;color:var(--primary-color);transform:translateY(-1px)}.files-tabs .tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 15px #3b82f64d;color:#fff}.files-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem}.file-card{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.file-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.file-card:hover:before{transform:scaleX(1)}.file-card:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.file-icon-large{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:1.5rem;transition:all .3s ease}.file-card:hover .file-icon-large{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));transform:scale(1.1) rotateY(10deg)}.file-info h4{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.file-info p{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:.5rem 0}.tasks-page{padding:2rem}.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.tasks-header h2{font-size:1.5rem;font-weight:600}.add-task{display:flex;gap:.5rem}.add-task input{border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1rem;width:300px}.add-task button{background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem}.tasks-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.stat h3{color:#3b82f6;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat p{color:#64748b;font-size:.875rem}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-card{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1rem}.task-card.completed{opacity:.6}.task-card input[type=checkbox]{height:1.25rem;width:1.25rem}.task-content{flex:1 1}.task-content h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.task-meta{align-items:center;display:flex;gap:1rem}.priority{border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.due-date{color:#64748b;font-size:.75rem}.calendar-page{margin:0 auto;max-width:1400px;padding:2rem}.calendar-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.calendar-header h2{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:.5rem}.calendar-header h2:before{content:"📅";font-size:1.8rem}.calendar-nav{align-items:center;background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;display:flex;gap:1.5rem;padding:1rem}.calendar-nav button{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;padding:.75rem;transition:all .3s ease;width:40px}.calendar-nav button:hover{box-shadow:0 4px 15px #3b82f64d;transform:scale(1.1)}.calendar-nav h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;min-width:200px;text-align:center}.calendar-grid{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.calendar-grid:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.calendar-days{grid-gap:2px;background:#e2e8f0;background:var(--border-color);border-radius:.75rem;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);overflow:hidden}.day-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#1e293b;color:var(--text-primary);color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.025em;padding:1.5rem 1rem;text-align:center;text-transform:uppercase}.calendar-day{align-items:center;background:#fff;background:var(--light-surface);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:80px;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.calendar-day:hover{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:#3b82f6;color:var(--primary-color);transform:scale(1.05)}.calendar-day.active{background:#fff;background:var(--light-surface);color:#1e293b;color:var(--text-primary)}.calendar-day.inactive{background:#f8fafc;background:var(--light-bg);color:#64748b;color:var(--text-secondary);opacity:.5}.upcoming-events{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.upcoming-events:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.upcoming-events h3{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:2rem}.upcoming-events h3:before{content:"🎯";font-size:1.4rem}.events-list{display:flex;flex-direction:column;gap:1.5rem}.event-item{align-items:center;background:linear-gradient(135deg,#10b9810d,#3b82f60d);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;display:flex;gap:1.5rem;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.event-item:before{background:linear-gradient(135deg,#10b981,#3b82f6);background:linear-gradient(135deg,var(--success-color),var(--primary-color));bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.event-item:hover:before{transform:scaleY(1)}.event-item:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 8px 25px #00000026;transform:translateX(10px)}.attend-btn{background:#10b981;background:var(--success-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.attend-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 10px #10b9814d;transform:translateY(-1px)}.attend-btn:active:not(:disabled){transform:translateY(0)}.attend-btn.attended{background:#6b7280}.attend-btn.attended,.attend-btn:disabled{cursor:not-allowed;opacity:.7}.event-time{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:.75rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;display:flex;flex-direction:column;min-width:100px;padding:1rem}.time{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.date{font-size:.75rem;font-weight:600;letter-spacing:.025em;opacity:.9;text-transform:uppercase}.event-details{align-items:center;display:flex;flex:1 1;gap:1rem}.event-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.event-title{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4}
/*# sourceMappingURL=main.efccf1f4.css.map*/