.sidebar{position:fixed;top:0;left:0;height:100vh;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;z-index:1000;overflow-y:auto;overflow-x:hidden;transition:width .3s ease,transform .3s ease;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar.collapsed{width:80px}.mobile-toggle{position:fixed;top:15px;left:15px;z-index:999;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;display:none}.mobile-toggle:hover{transform:scale(1.05);box-shadow:0 4px 15px #00000026}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;font-weight:700;font-size:1.25rem;white-space:nowrap}.logo-icon{font-size:1.5rem;margin-right:10px;color:#fff}.logo-text{background:linear-gradient(to right,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.collapse-toggle,.mobile-close{background:#ffffff1a;border:none;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.collapse-toggle:hover,.mobile-close:hover{background:#fff3;transform:scale(1.1)}.rotate-180{transform:rotate(180deg)}.mobile-close{display:none}.user-profile{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.avatar{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.5);flex-shrink:0}.user-avatar-icon{width:100%;height:100%;color:#ffffffb3;font-size:2.5rem}.status-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #4f46e5}.status-indicator.online{background-color:#10b981}.user-info{margin-left:12px;display:flex;flex-direction:column;overflow:hidden}.user-name{font-weight:600;font-size:.9rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-title{font-size:.75rem;opacity:.8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-search{padding:15px 20px;position:relative}.search-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:.85rem;pointer-events:none}.sidebar-search input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 8px 8px 36px;color:#fff;font-size:.85rem;transition:all .3s ease}.sidebar-search input:focus{outline:none;background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a}.sidebar-search input::placeholder{color:#ffffff80}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;padding:0;width:16px;height:16px;border-radius:50%;transition:all .2s ease}.clear-search:hover{color:#fff;background:#ffffff1a}.search-shortcut{position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:.65rem;color:#fff6;background:#ffffff1a;padding:2px 6px;border-radius:4px;pointer-events:none}.sidebar-section{margin-bottom:10px}.section-header{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.section-header h4{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin:0}.menu-list{list-style:none;padding:0;margin:0}.menu-list li{position:relative;margin:2px 10px;border-radius:8px;overflow:hidden}.menu-list li.active{background:#ffffff26}.menu-list li.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff;border-radius:0 2px 2px 0}.sidebar-link-container{display:flex;align-items:center;position:relative;width:100%}.sidebar-link-container .sidebar-link{flex:1;border-radius:8px;margin-right:4px}.sidebar-link-container .favorite-btn{flex-shrink:0;margin-left:0;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.sidebar-link-container:hover .favorite-btn{opacity:.5}.sidebar-link-container .favorite-btn:hover{opacity:1;background:#ffffff1a}.sidebar-link-container .favorite-btn.active{opacity:1}.sidebar-link{display:flex;align-items:center;padding:12px 15px;color:#fff;text-decoration:none;position:relative;transition:all .2s ease;white-space:nowrap}.sidebar-link:hover{background:#ffffff1a}.sidebar-icon{font-size:1.1rem;margin-right:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:all .3s ease}.sidebar.collapsed .sidebar-icon{margin-right:0}.sidebar-text{flex:1;font-size:.9rem;font-weight:500;justify-content:flex-start;text-align:left}.sidebar-badge{background:#ef4444e6;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px;display:flex;align-items:center;justify-content:center}.submenu-arrow{font-size:.7rem;margin-left:8px;transition:transform .3s ease}.favorite-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.8rem;padding:0;margin-left:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.sidebar-link:hover .favorite-btn{opacity:.5}.favorite-btn:hover{color:#fbbf24;transform:scale(1.2)}.favorite-btn.active{color:#fbbf24;opacity:1}.shortcut-hint{font-size:.65rem;color:#fff6;margin-left:8px;background:#ffffff1a;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .2s ease}.sidebar-link:hover .shortcut-hint{opacity:.7}.submenu{list-style:none;padding:0;margin:0 0 0 20px}.submenu-link{display:flex;align-items:center;padding:8px 15px;color:#ffffffe6;text-decoration:none;font-size:.85rem;transition:all .2s ease;border-radius:6px;margin:2px 0}.submenu-link:hover{background:#ffffff1a;color:#fff}.submenu li.active .submenu-link{background:#ffffff26;color:#fff;font-weight:500}.submenu-dot{width:6px;height:6px;background:#ffffff80;border-radius:50%;margin-right:10px;flex-shrink:0}.submenu li.active .submenu-dot{background:#fff}.recent-time{font-size:.7rem;color:#ffffff80;margin-left:8px}.sidebar-footer{margin-top:auto;padding:15px 20px;border-top:1px solid rgba(255,255,255,.1)}.footer-actions{display:flex;align-items:center;justify-content:space-between}.footer-link{display:flex;align-items:center;color:#ffffffb3;text-decoration:none;font-size:.85rem;padding:8px;border-radius:6px;transition:all .2s ease;background:none;border:none;cursor:pointer}.footer-link:hover{background:#ffffff1a;color:#fff}.footer-link svg{margin-right:8px;font-size:1rem}.footer-link.logout{color:#f87171}.footer-link.logout:hover{background:#f871711a}.footer-info{margin-top:15px;font-size:.7rem;color:#ffffff80;text-align:center}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 1023px){.sidebar{transform:translate(-100%);width:280px!important}.sidebar.mobile-open{transform:translate(0)}.mobile-toggle,.mobile-close{display:flex}.collapse-toggle{display:none}body.sidebar-collapsed .dashboard-container{margin-left:0;max-width:100%}}body.sidebar-collapsed .dashboard-container{margin-left:80px;max-width:calc(100% - 80px);transition:margin-left .3s ease,max-width .3s ease}.dark-mode .sidebar{background:linear-gradient(135deg,#1e1b4b,#111827);box-shadow:0 0 20px #0000004d}.dark-mode .mobile-toggle{background:linear-gradient(135deg,#1e1b4b,#111827)}.dark-mode .sidebar-search input{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .sidebar-search input:focus{background:#ffffff14;border-color:#fff3}.sidebar-badge{animation:pulse 2s infinite}.sidebar-link{position:relative;overflow:hidden}.sidebar-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.sidebar-link:hover:after{opacity:1}.menu-list li.active{box-shadow:0 0 15px #4f46e580}.menu-list li.active .sidebar-link{background:linear-gradient(90deg,#4f46e5cc,#4f46e599)}.sidebar-link.has-submenu{position:relative;width:100%;background:transparent!important;border:none!important;justify-content:flex-start}.sidebar-link.has-submenu:hover{background:linear-gradient(90deg,#ffffff26,#ffffff0d);border-left-color:#fff6}.submenu-open .sidebar-link.has-submenu{background:#ffffff26;border-left-color:var(--white)}.submenu-container{overflow:hidden}.sidebar.collapsed .sidebar-link{position:relative}.sidebar.collapsed .sidebar-link:before{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#4f46e5;color:#fff;padding:6px 10px;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;box-shadow:0 2px 10px #0000001a;margin-left:10px}.sidebar.collapsed .sidebar-link:hover:before{opacity:1;transform:translateY(-50%)}.submenu-container{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.submenu-container::-webkit-scrollbar{width:4px}.submenu-container::-webkit-scrollbar-track{background:transparent}.submenu-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:2px}.project-team-management-container{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 10px 25px #00000014,0 0 0 1px #ffffff80 inset;transition:all .3s ease;position:relative;overflow:hidden}.project-team-management-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1.5rem 1.5rem 0 0}.project-team-management-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.08)}.project-team-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem}.project-team-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;flex:1}.project-team-add-button{padding:.375rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.project-team-add-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.project-team-add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.project-team-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.project-team-stat-card{padding:.75rem;background:linear-gradient(135deg,#fffc,#f8fafccc);border:1px solid rgba(0,0,0,.05);border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:all .2s ease}.project-team-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.project-team-stat-icon{width:32px;height:32px;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-size:.875rem}.project-team-stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.project-team-stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.project-team-stat-icon.roles{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.project-team-stat-number{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.project-team-stat-label{font-size:.625rem;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.5px}.project-team-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.project-team-search-container{position:relative;flex:1;min-width:150px}.project-team-search-input{width:100%;padding:.5rem .75rem .5rem 2rem;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;font-size:.75rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.project-team-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fffffff2}.project-team-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:.75rem;pointer-events:none}.project-team-role-select{padding:.5rem .75rem;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;font-size:.75rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;cursor:pointer;transition:all .2s ease;min-width:100px}.project-team-role-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.project-team-members-container{max-height:400px;overflow-y:auto;padding-right:.25rem}.project-team-members-container::-webkit-scrollbar{width:4px}.project-team-members-container::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.project-team-members-container::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:2px}.project-team-members-container::-webkit-scrollbar-thumb:hover{background:#667eea80}.project-team-members-grid{display:flex;flex-direction:column;gap:.75rem}.project-team-member-card{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid rgba(0,0,0,.05);border-radius:1rem;padding:1rem;transition:all .2s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-team-member-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#667eea33}.project-team-member-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.project-team-member-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.project-team-member-info{flex:1;min-width:0}.project-team-member-name{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .125rem;line-height:1.2}.project-team-member-email{font-size:.75rem;color:#64748b;margin:0;word-break:break-word}.project-team-member-status{flex-shrink:0}.project-team-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:1rem;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.25px}.project-team-status-badge.active{background:#10b9811a;color:#059669}.project-team-status-badge.inactive{background:#ef44441a;color:#dc2626}.project-team-member-details{margin-bottom:.75rem}.project-team-member-role{margin-bottom:.5rem}.project-team-role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.625rem;font-weight:500;text-transform:capitalize}.project-team-role-badge.project-manager{background:#4f46e51a;color:#4f46e5}.project-team-role-badge.lead-developer{background:#10b9811a;color:#059669}.project-team-role-badge.developer{background:#3b82f61a;color:#2563eb}.project-team-role-badge.designer{background:#9333ea1a;color:#9333ea}.project-team-role-badge.qa-tester{background:#f59e0b1a;color:#d97706}.project-team-role-badge.client{background:#3741511a;color:#374151}.project-team-role-badge.stakeholder{background:#6b72801a;color:#6b7280}.project-team-member-responsibilities{font-size:.75rem;color:#64748b;line-height:1.4;margin:0 0 .5rem}.project-team-member-meta{font-size:.625rem;color:#94a3b8;margin:0}.project-team-member-actions{display:flex;justify-content:flex-end;gap:.375rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.05)}.project-team-action-button{width:28px;height:28px;border:none;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem}.project-team-action-edit{background:#3b82f61a;color:#2563eb}.project-team-action-edit:hover{background:#3b82f633;transform:scale(1.05)}.project-team-action-email{background:#4f46e51a;color:#4f46e5}.project-team-action-email:hover{background:#4f46e533;transform:scale(1.05)}.project-team-action-remove{background:#ef44441a;color:#dc2626}.project-team-action-remove:hover{background:#ef444433;transform:scale(1.05)}.project-team-empty-state{text-align:center;padding:2rem 1rem;color:#64748b}.project-team-empty-icon{font-size:2rem;color:#cbd5e1;margin-bottom:.75rem}.project-team-empty-state h3{font-size:.875rem;color:#374151;margin:0 0 .5rem;font-weight:600}.project-team-empty-state p{font-size:.75rem;margin:0 0 1rem;max-width:250px;margin-left:auto;margin-right:auto;line-height:1.4}.project-team-form-container{margin-bottom:1rem;overflow:hidden}.project-team-form{padding:1rem;background:#f8fafc80;border:1px solid rgba(0,0,0,.05);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-team-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-team-form-header h3{font-size:.875rem;color:#1e293b;font-weight:600;margin:0}.project-team-form-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:.75rem}.project-team-form-close:hover{background:#fff;color:#374151;transform:scale(1.1)}.project-team-form-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.project-team-form-group{display:flex;flex-direction:column;gap:.25rem}.project-team-form-group label{font-weight:500;color:#374151;font-size:.75rem}.project-team-form-group input,.project-team-form-group select,.project-team-form-group textarea{padding:.5rem .75rem;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;font-size:.75rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.project-team-form-group input:focus,.project-team-form-group select:focus,.project-team-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fffffff2}.project-team-form-group textarea{resize:vertical;min-height:60px}.project-team-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.project-team-form-button{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.project-team-form-button.secondary{background:#fffc;color:#64748b;border:1px solid rgba(0,0,0,.1)}.project-team-form-button.secondary:hover{background:#fff;color:#374151}.project-team-form-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.project-team-form-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.project-team-form-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.project-team-spinner{animation:spin 1s linear infinite}.project-team-edit-form{width:100%}.project-team-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.project-team-edit-header h4{color:#1e293b;margin:0;font-size:.875rem}.project-team-edit-fields{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.project-team-edit-fields input,.project-team-edit-fields select,.project-team-edit-fields textarea{padding:.375rem .5rem;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;font-size:.75rem;background:#fffc;transition:all .2s ease}.project-team-edit-fields input:focus,.project-team-edit-fields select:focus,.project-team-edit-fields textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.project-team-edit-actions{display:flex;justify-content:flex-end;gap:.375rem}.project-team-edit-button{padding:.25rem .625rem;font-size:.625rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.project-team-edit-button.secondary{background:#fffc;color:#64748b;border:1px solid rgba(0,0,0,.1)}.project-team-edit-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media (max-width: 768px){.project-team-management-container{padding:1rem;margin-bottom:1rem}.project-team-stats-grid{grid-template-columns:1fr}.project-team-filters{flex-direction:column}.project-team-form-grid{grid-template-columns:1fr}.project-team-member-header{flex-wrap:wrap;gap:.5rem}.project-team-member-status{order:-1;width:100%;display:flex;justify-content:flex-end}}@media (prefers-color-scheme: dark){.project-team-management-container{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.project-team-title{color:#f1f5f9}.project-team-management-header{border-bottom-color:#ffffff1a}.project-team-stat-card{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border-color:#ffffff1a}.project-team-stat-number{color:#f1f5f9}.project-team-stat-label{color:#94a3b8}.project-team-search-input,.project-team-role-select{background:#1e293bcc;border-color:#ffffff1a;color:#e2e8f0}.project-team-search-input:focus,.project-team-role-select:focus{background:#1e293bf2;border-color:#667eea}.project-team-search-icon{color:#94a3b8}.project-team-member-card{background:linear-gradient(135deg,#1e293be6,#0f172ae6);border-color:#ffffff14}.project-team-member-name{color:#f1f5f9}.project-team-member-email,.project-team-member-responsibilities{color:#94a3b8}.project-team-member-meta{color:#64748b}.project-team-empty-state h3{color:#e2e8f0}.project-team-empty-state,.project-team-empty-state p{color:#94a3b8}.project-team-form{background:#0f172a80;border-color:#ffffff14}.project-team-form-header h3{color:#f1f5f9}.project-team-form-close{background:#1e293bcc;border-color:#ffffff1a;color:#94a3b8}.project-team-form-close:hover{background:#1e293b;color:#e2e8f0}.project-team-form-group label{color:#e2e8f0}.project-team-form-group input,.project-team-form-group select,.project-team-form-group textarea{background:#1e293bcc;border-color:#ffffff1a;color:#e2e8f0}.project-team-form-group input:focus,.project-team-form-group select:focus,.project-team-form-group textarea:focus{background:#1e293bf2;border-color:#667eea}.project-team-form-button.secondary{background:#1e293bcc;color:#94a3b8;border-color:#ffffff1a}.project-team-form-button.secondary:hover{background:#1e293b;color:#e2e8f0}.project-team-edit-header h4{color:#f1f5f9}.project-team-edit-header{border-bottom-color:#ffffff14}.project-team-edit-fields input,.project-team-edit-fields select,.project-team-edit-fields textarea{background:#1e293bcc;border-color:#ffffff1a;color:#e2e8f0}.project-team-edit-fields input:focus,.project-team-edit-fields select:focus,.project-team-edit-fields textarea:focus{border-color:#667eea}.project-team-edit-button.secondary{background:#1e293bcc;color:#94a3b8;border-color:#ffffff1a}}.project-team-searchable-select{position:relative;width:100%}.project-team-select-input-container{position:relative;display:flex;align-items:center}.project-team-select-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;font-size:.875rem;background:#fff;transition:all .2s ease;outline:none}.project-team-select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.project-team-select-arrow{position:absolute;right:.75rem;color:#64748b;font-size:.75rem;cursor:pointer;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.project-team-select-arrow.open{transform:rotate(180deg)}.project-team-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;box-shadow:0 10px 25px #00000026;margin-top:.25rem;overflow:hidden}.project-team-select-options{max-height:none}.project-team-select-option{padding:.75rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.project-team-select-option:last-child{border-bottom:none}.project-team-select-option:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.project-team-select-option.selected{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:500}.project-team-option-content{display:flex;align-items:center;gap:.75rem}.project-team-option-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#667eea;font-size:.875rem}.project-team-option-text{flex:1}.project-team-option-label{font-size:.875rem;font-weight:500;color:#1e293b;line-height:1.2}.project-team-option-category{font-size:.75rem;color:#64748b;margin-top:.125rem}.project-team-select-scrollable{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.project-team-select-scrollable::-webkit-scrollbar{width:6px}.project-team-select-scrollable::-webkit-scrollbar-track{background:transparent}.project-team-select-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.project-team-select-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.project-team-select-no-results{padding:1rem;text-align:center;color:#64748b;font-size:.875rem;font-style:italic}@media (prefers-color-scheme: dark){.project-team-select-input{background:#1e293bcc;border-color:#94a3b833;color:#f8fafc}.project-team-select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.project-team-select-dropdown{background:#1e293bf2;border-color:#94a3b833;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.project-team-select-option{border-bottom-color:#94a3b81a}.project-team-select-option:hover{background:linear-gradient(135deg,#667eea33,#764ba233)}.project-team-select-option.selected{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.project-team-option-label{color:#f8fafc}.project-team-option-category,.project-team-select-no-results{color:#cbd5e1}.project-team-select-scrollable::-webkit-scrollbar-thumb{background:#475569}.project-team-select-scrollable::-webkit-scrollbar-thumb:hover{background:#64748b}}body.dark-mode .project-team-select-input{background:#1e293bcc;border-color:#94a3b833;color:#f8fafc}body.dark-mode .project-team-select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}body.dark-mode .project-team_select-dropdown{background:#1e293bf2;border-color:#94a3b833;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.dark-mode .project-team-select-option{border-bottom-color:#94a3b81a}body.dark-mode .project-team-select-option:hover{background:linear-gradient(135deg,#667eea33,#764ba233)}body.dark-mode .project-team-select-option.selected{background:linear-gradient(135deg,#667eea4d,#764ba24d)}body.dark-mode .project-team-option-label{color:#f8fafc}body.dark-mode .project-team-option-category,body.dark-mode .project-team-select-no-results{color:#cbd5e1}body.dark-mode .project-team-select-scrollable::-webkit-scrollbar-thumb{background:#475569}body.dark-mode .project-team-select-scrollable::-webkit-scrollbar-thumb:hover{background:#64748b}.projectdetails-container{max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;position:relative}.projectdetails-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 50%);pointer-events:none;z-index:0}.projectdetails-header{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6,#ec4899e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:2.5rem;position:relative;overflow:hidden;border-radius:0 0 3rem 3rem;margin-bottom:3rem;box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff1a inset}.projectdetails-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);background-size:50px 50px,100px 100px;animation:projectdetails-float 25s infinite linear}.projectdetails-header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:projectdetails-shimmer 3s infinite}@keyframes projectdetails-float{0%{transform:translate(0) translateY(0) rotate(0)}to{transform:translate(-100px) translateY(-100px) rotate(360deg)}}@keyframes projectdetails-shimmer{0%,to{opacity:0}50%{opacity:1}}.projectdetails-header-content{position:relative;z-index:2}.projectdetails-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.projectdetails-back-button{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:60px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:600;cursor:pointer;position:relative;overflow:hidden}.projectdetails-back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.projectdetails-back-button:hover:before{left:100%}.projectdetails-back-button:hover{background:#ffffff40;transform:translate(-8px) scale(1.05);box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff4d inset}.projectdetails-header-actions{display:flex;gap:1rem}.projectdetails-action-button{padding:1rem 2rem;border:none;border-radius:60px;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;font-size:.95rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.projectdetails-action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.projectdetails-action-button:hover:before{left:100%}.projectdetails-favorite-button{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25)}.projectdetails-favorite-button:hover{background:#ffffff40;transform:scale(1.05) translateY(-2px);box-shadow:0 10px 25px #0003}.projectdetails-favorite-button.active{background:linear-gradient(135deg,gold,#ffed4e);border-color:#ffd70099;color:#1a1a1a;box-shadow:0 0 30px #ffd70080}.projectdetails-edit-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(16,185,129,.3)}.projectdetails-edit-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px #10b98166}.projectdetails-delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(239,68,68,.3)}.projectdetails-delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px #ef444466}.favorite-button.active{background:gold;color:#333;box-shadow:0 5px 15px #ffd70066}.edit-button{background:#2ecc71e6;color:#fff;border:1px solid rgba(46,204,113,.3)}.edit-button:hover{background:#2ecc71;transform:translateY(-2px);box-shadow:0 5px 15px #2ecc7166}.delete-button{background:#e74c3ce6;color:#fff;border:1px solid rgba(231,76,60,.3)}.delete-button:hover{background:#e74c3c;transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c66}.projectdetails-hero{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.projectdetails-hero-text{max-width:800px}.projectdetails-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.projectdetails-badge{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;border-radius:60px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .3s ease}.projectdetails-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.projectdetails-badge:hover:before{left:100%}.projectdetails-featured-badge{background:linear-gradient(135deg,#ffd70040,#ffc10740);border:1px solid rgba(255,215,0,.5);color:gold;box-shadow:0 0 20px #ffd7004d}.projectdetails-status-badge{background:#fff3;border:1px solid rgba(255,255,255,.3)}.projectdetails-priority-badge{background:linear-gradient(135deg,#ef444440,#dc262640);border:1px solid rgba(239,68,68,.5);color:#ff6b6b;box-shadow:0 0 20px #ef44444d}.projectdetails-type-badge{background:linear-gradient(135deg,#3b82f640,#2563eb40);border:1px solid rgba(59,130,246,.5);color:#60a5fa;box-shadow:0 0 20px #3b82f64d}.projectdetails-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-.02em}.projectdetails-description{font-size:1.3rem;line-height:1.7;opacity:.95;margin-bottom:2.5rem;font-weight:400;max-width:600px}.projectdetails-hero-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.projectdetails-stat-item{display:flex;align-items:center;gap:.5rem;font-weight:500}.projectdetails-stat-item svg{opacity:.8}.projectdetails-links{display:flex;flex-wrap:wrap;gap:1rem}.projectdetails-hero-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projectdetails-github-link{background:#0003;color:#fff;border:1px solid rgba(255,255,255,.2)}.projectdetails-github-link:hover{background:#0006;transform:translateY(-2px)}.projectdetails-demo-link{background:#00c85333;color:#fff;border:1px solid rgba(0,200,83,.4)}.projectdetails-demo-link:hover{background:#00c85366;transform:translateY(-2px)}.projectdetails-docs-link{background:#ffa50033;color:#fff;border:1px solid rgba(255,165,0,.4)}.projectdetails-docs-link:hover{background:#ffa50066;transform:translateY(-2px)}.projectdetails-hero-image{max-width:300px}.projectdetails-hero-image img{width:100%;border-radius:1rem;box-shadow:0 20px 40px #0000004d}.projectdetails-content{padding:0 2.5rem 3rem;position:relative;z-index:1}.projectdetails-content-wrapper{max-width:1200px;margin:0 auto}.projectdetails-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.projectdetails-overview-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.projectdetails-overview-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.projectdetails-overview-card:hover:before{left:100%}.projectdetails-overview-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff4d inset}.projectdetails-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:#1f2937}.projectdetails-card-header h3{margin:0;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projectdetails-card-header svg{color:#6366f1;font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}.projectdetails-card-content{color:#6b7280}.projectdetails-budget-card .projectdetails-budget-amount{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.projectdetails-timeline-item{margin-bottom:1rem;padding:1rem;background:#f9fafbcc;border-radius:.75rem;border-left:4px solid #6366f1;transition:all .3s ease}.projectdetails-timeline-item:hover{background:#f9fafb;transform:translate(5px)}.projectdetails-timeline-item:last-child{margin-bottom:0}.projectdetails-metric-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f9fafbcc;border-radius:.75rem;transition:all .3s ease}.projectdetails-metric-item:hover{background:#f9fafb;transform:scale(1.02)}.projectdetails-metric-item svg{color:#6366f1;font-size:1.2rem}.projectdetails-content-grid{display:grid;grid-template-columns:1fr 300px;gap:3rem}.projectdetails-content-main{min-width:0}.projectdetails-content-section{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.projectdetails-content-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s}.projectdetails-content-section:hover:before{left:100%}.projectdetails-content-section:hover{transform:translateY(-5px);box-shadow:0 15px 45px #00000026,0 0 0 1px #ffffff4d inset}.content-section{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%}.content-section:has(.gallery-carousel-container){grid-column:1;max-width:none;padding:3rem;position:relative;margin:0}.gallery-section{grid-column:1;max-width:none;padding:3rem 4rem;width:calc(100% + 2rem);margin:0 -1rem}.content-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.content-section:hover:before{left:100%}.content-section:hover{transform:translateY(-5px);box-shadow:0 15px 45px #00000026,0 0 0 1px #ffffff4d inset}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#374151}.section-header h2{margin:0;font-size:1.5rem;font-weight:600}.section-header svg{color:#6366f1;font-size:1.3rem}.section-content{color:#6b7280;line-height:1.7}.section-content p{margin-bottom:1rem}.section-content ul{padding-left:1.5rem}.section-content li{margin-bottom:.5rem}.challenge-solution{margin-bottom:2rem}.challenge-solution h4{color:#374151;font-weight:700;margin-bottom:1rem;font-size:1.1rem}.challenge-solution p{color:#6b7280;line-height:1.7}.projectdetails-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#374151}.projectdetails-section-header h2{margin:0;font-size:1.5rem;font-weight:600}.projectdetails-section-header svg{color:#6366f1;font-size:1.3rem}.projectdetails-section-content{color:#6b7280;line-height:1.7}.projectdetails-tech-grid{display:flex;flex-wrap:wrap;gap:.75rem}.projectdetails-tech-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:60px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #667eea66,0 0 0 1px #fff3 inset;transition:all .3s ease;position:relative;overflow:hidden}.projectdetails-tech-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.projectdetails-tech-badge:hover:before{left:100%}.projectdetails-tech-badge:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #667eea80,0 0 0 1px #ffffff4d inset}.projectdetails-features-list{list-style:none;padding:0;margin:0}.projectdetails-features-list li{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem;background:#f9fafbcc;border-radius:.75rem;border-left:4px solid #10b981;transition:all .3s ease;position:relative;overflow:hidden}.projectdetails-features-list li:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .5s}.projectdetails-features-list li:hover:before{left:100%}.projectdetails-features-list li:hover{background:#f9fafb;transform:translate(10px) scale(1.02);border-left-color:#059669}.projectdetails-features-list li svg{color:#10b981;font-size:1rem}.projectdetails-content-sidebar{display:flex;flex-direction:column;gap:2rem}.projectdetails-sidebar-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.projectdetails-sidebar-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.projectdetails-sidebar-card:hover:before{left:100%}.projectdetails-sidebar-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 45px #00000026,0 0 0 1px #ffffff4d inset}.projectdetails-info-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.projectdetails-info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.projectdetails-info-item svg{color:#6366f1;margin-top:.125rem;flex-shrink:0}.projectdetails-info-item div{min-width:0}.projectdetails-info-item label{display:block;font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.projectdetails-info-item span,.projectdetails-info-item a{color:#374151;font-weight:500;word-break:break-word}.projectdetails-info-item a{color:#6366f1;text-decoration:none}.projectdetails-info-item a:hover{text-decoration:underline}.projectdetails-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.projectdetails-action-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:none;border-radius:.75rem;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.projectdetails-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.projectdetails-action-btn:hover:before{left:100%}.projectdetails-share-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.projectdetails-share-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #3b82f666}.projectdetails-like-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.projectdetails-like-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ef444466}.projectdetails-github-btn{background:linear-gradient(135deg,#374151,#1f2937);color:#fff;box-shadow:0 4px 15px #3741514d}.projectdetails-github-btn:hover{background:linear-gradient(135deg,#1f2937,#111827);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #37415166}.projectdetails-demo-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.projectdetails-demo-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #10b98166}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:3rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;margin:2rem;box-shadow:0 20px 60px #0000001a,0 0 0 1px #fff3 inset}.loading-spinner{width:60px;height:60px;border:4px solid rgba(99,102,241,.2);border-left:4px solid #6366f1;border-radius:50%;animation:projectdetails-spin 1s linear infinite;margin-bottom:2rem}@keyframes projectdetails-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container h3,.error-container h3{color:#374151;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.error-container p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem;max-width:400px}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;text-decoration:none;border-radius:60px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #6366f166}.status-completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-in-progress{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-planning{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.priority-high{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.priority-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.priority-low{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.gallery-carousel-container{margin-bottom:3rem;width:100%}.carousel-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.carousel-wrapper{position:relative;margin-bottom:1rem}.gallery-carousel,.video-carousel{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.gallery-carousel::-webkit-scrollbar,.video-carousel::-webkit-scrollbar{display:none}.gallery-carousel-item,.video-carousel-item{flex:0 0 320px;position:relative;border-radius:1rem;overflow:hidden;cursor:pointer;box-shadow:0 8px 25px #0000001a;transition:all .3s ease}.gallery-carousel-item:hover,.video-carousel-item:hover{box-shadow:0 15px 40px #0003}.gallery-carousel-item img,.video-carousel-item video{width:100%;height:220px;object-fit:cover;display:block}.gallery-overlay,.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;font-size:1.5rem}.gallery-carousel-item:hover .gallery-overlay,.video-carousel-item:hover .video-overlay{opacity:1}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#374151;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;z-index:10}.carousel-nav-btn:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-50%) scale(1.1)}.carousel-nav-left{left:-25px}.carousel-nav-right{right:-25px}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.indicator{width:10px;height:10px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:all .3s ease}.indicator.active{background:#6366f1;transform:scale(1.2)}.indicator:hover{background:#9ca3af}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px #00000080}.lightbox-close{position:absolute;top:1rem;right:1rem;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:1001;transition:all .3s ease}.lightbox-close:hover{background:#000000e6;transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:1001;transition:all .3s ease}.lightbox-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.lightbox-nav-prev{left:1rem}.lightbox-nav-next{right:1rem}.lightbox-media{display:flex;align-items:center;justify-content:center}.lightbox-media img,.lightbox-media video{max-width:100%;max-height:90vh;object-fit:contain}.lightbox-counter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:500}.testimonials-section{grid-column:1;max-width:none;padding:3rem 4rem;width:calc(80% + 8rem);margin:0;margin-top:1.5rem}.testimonials-grid{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none;margin-top:1.5rem}.testimonials-grid::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 350px;background:#f9fafbcc;border-radius:1.5rem;padding:2rem;transition:all .3s ease;border:1px solid rgba(229,231,235,.5)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.testimonial-content{margin-bottom:1.5rem}.testimonial-content svg{color:#6366f1;margin-bottom:1rem;font-size:1.5rem}.testimonial-content p{font-style:italic;color:#374151;line-height:1.7}.testimonial-author strong{color:#1f2937;font-weight:700}.testimonial-author span{color:#6b7280;margin-left:.5rem}.projectdetails-team-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 10px 25px #00000014,0 5px 10px #0000000a,inset 0 1px #fffc;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.projectdetails-team-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0000001f,0 10px 20px #00000014,inset 0 1px #ffffffe6}.projectdetails-team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:1.5rem 1.5rem 0 0}.projectdetails-team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.projectdetails-team-title{font-size:1.1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.projectdetails-team-title:before{content:"👥";font-size:1.2rem}.projectdetails-sidebar .team-management{background:transparent;box-shadow:none;border:none;padding:0;margin:0}.projectdetails-sidebar .team-header{display:none}.projectdetails-sidebar .team-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.projectdetails-sidebar .team-stat-card{padding:.75rem;background:linear-gradient(135deg,#fffc,#f8fafccc);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projectdetails-sidebar .team-stat-value{font-size:1.25rem;font-weight:700}.projectdetails-sidebar .team-stat-label{font-size:.75rem;margin-top:.25rem}.projectdetails-sidebar .team-controls{flex-direction:column;gap:.75rem;margin-bottom:1rem}.projectdetails-sidebar .team-search{width:100%}.projectdetails-sidebar .team-search input{padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;border-radius:.5rem}.projectdetails-sidebar .team-add-btn{width:100%;padding:.6rem 1rem;font-size:.875rem;border-radius:.5rem}.projectdetails-sidebar .team-members{max-height:400px;overflow-y:auto}.projectdetails-sidebar .team-member-card{padding:.75rem;margin-bottom:.5rem;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid rgba(0,0,0,.08);border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projectdetails-sidebar .team-member-info{gap:.5rem}.projectdetails-sidebar .team-member-avatar{width:2rem;height:2rem;font-size:.875rem}.projectdetails-sidebar .team-member-details h4{font-size:.875rem;margin-bottom:.125rem}.projectdetails-sidebar .team-member-details p{font-size:.75rem}.projectdetails-sidebar .team-member-actions{gap:.25rem}.projectdetails-sidebar .team-member-actions button{padding:.25rem .5rem;font-size:.75rem;border-radius:.375rem}body.dark-mode{--projectdetails-dark-bg-primary: #0f172a;--projectdetails-dark-bg-secondary: #1e293b;--projectdetails-dark-bg-tertiary: #334155;--projectdetails-dark-text-primary: #f8fafc;--projectdetails-dark-text-secondary: #cbd5e1;--projectdetails-dark-text-muted: #94a3b8;--projectdetails-dark-border: rgba(148, 163, 184, .2);--projectdetails-dark-border-light: rgba(203, 213, 225, .1);--projectdetails-dark-accent: #6366f1;--projectdetails-dark-accent-secondary: #8b5cf6}.projectdetails-container{background:linear-gradient(135deg,var(--projectdetails-dark-bg-primary) 0%,var(--projectdetails-dark-bg-secondary) 100%);color:var(--projectdetails-dark-text-primary)}.projectdetails-container:before{background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.15) 0%,transparent 50%)}.projectdetails-header{background:linear-gradient(135deg,#1e293bf2,#334155f2,#475569f2);border:1px solid var(--projectdetails-dark-border);box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff0d inset}.projectdetails-header:before{background:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.02) 50%,transparent 60%)}.projectdetails-header:after{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%)}.projectdetails-back-button{background:#33415599;border:1px solid var(--projectdetails-dark-border);color:var(--projectdetails-dark-text-primary)}.projectdetails-back-button:hover{background:#334155cc;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a inset}.projectdetails-action-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--projectdetails-dark-border)}.projectdetails-favorite-button{background:#33415599;border:1px solid var(--projectdetails-dark-border);color:var(--projectdetails-dark-text-primary)}.projectdetails-favorite-button:hover{background:#334155cc}.projectdetails-favorite-button.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf2499;color:#1f2937;box-shadow:0 0 30px #fbbf2466}.projectdetails-edit-button{background:linear-gradient(135deg,#059669,#047857);border:1px solid rgba(5,150,105,.4)}.projectdetails-edit-button:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 15px 30px #0596694d}.projectdetails-delete-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid rgba(220,38,38,.4)}.projectdetails-delete-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 15px 30px #dc26264d}.projectdetails-title{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.5)}.projectdetails-description{color:var(--projectdetails-dark-text-secondary);opacity:.9}.projectdetails-hero-stats{color:var(--projectdetails-dark-text-secondary)}.projectdetails-stat-item svg{opacity:.7}.projectdetails-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--projectdetails-dark-border)}.projectdetails-featured-badge{background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);border:1px solid rgba(251,191,36,.5);color:#fbbf24;box-shadow:0 0 20px #fbbf2433}.projectdetails-status-badge{background:#33415599;border:1px solid var(--projectdetails-dark-border);color:var(--projectdetails-dark-text-secondary)}.projectdetails-priority-badge{background:linear-gradient(135deg,#dc26264d,#b91c1c4d);border:1px solid rgba(220,38,38,.5);color:#f87171;box-shadow:0 0 20px #dc262633}.projectdetails-type-badge{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border:1px solid rgba(59,130,246,.5);color:#60a5fa;box-shadow:0 0 20px #3b82f633}.projectdetails-hero-link{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--projectdetails-dark-border)}.projectdetails-github-link{background:#1f293799;border:1px solid var(--projectdetails-dark-border)}.projectdetails-github-link:hover{background:#1f2937cc}.projectdetails-demo-link{background:#0596694d;border:1px solid rgba(5,150,105,.5)}.projectdetails-demo-link:hover{background:#05966980}.projectdetails-docs-link{background:#f59e0b4d;border:1px solid rgba(245,158,11,.5)}.projectdetails-docs-link:hover{background:#f59e0b80}.projectdetails-overview-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--projectdetails-dark-border);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset}.projectdetails-overview-card:hover{box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a inset}.projectdetails-card-header{color:var(--projectdetails-dark-text-primary)}.projectdetails-card-header h3{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projectdetails-card-header svg{color:var(--projectdetails-dark-accent);filter:drop-shadow(0 2px 4px rgba(99,102,241,.2))}.projectdetails-card-content{color:var(--projectdetails-dark-text-secondary)}.projectdetails-budget-card .projectdetails-budget-amount{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projectdetails-timeline-item{background:#33415566;border-left:4px solid var(--projectdetails-dark-accent);color:var(--projectdetails-dark-text-secondary)}.projectdetails-timeline-item:hover{background:#33415599}.projectdetails-metric-item{background:#33415566;color:var(--projectdetails-dark-text-secondary)}.projectdetails-metric-item:hover{background:#33415599}.projectdetails-metric-item svg{color:var(--projectdetails-dark-accent)}.projectdetails-content-section{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--projectdetails-dark-border);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset}.projectdetails-content-section:hover{box-shadow:0 15px 45px #0006,0 0 0 1px #ffffff1a inset}.projectdetails-section-header{color:var(--projectdetails-dark-text-primary)}.projectdetails-section-header h2{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projectdetails-section-header svg{color:var(--projectdetails-dark-accent)}.projectdetails-section-content{color:var(--projectdetails-dark-text-secondary)}.projectdetails-tech-badge{background:linear-gradient(135deg,#334155,#475569);color:var(--projectdetails-dark-text-primary);box-shadow:0 4px 15px #0000004d,0 0 0 1px #ffffff1a inset}.projectdetails-tech-badge:hover{box-shadow:0 8px 25px #0006,0 0 0 1px #fff3 inset}.projectdetails-features-list li{background:#33415566;border-left:4px solid #10b981;color:var(--projectdetails-dark-text-secondary)}.projectdetails-features-list li svg{color:#10b981}.projectdetails-sidebar-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--projectdetails-dark-border);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset}.projectdetails-sidebar-card:hover{box-shadow:0 15px 45px #0006,0 0 0 1px #ffffff1a inset}.projectdetails-info-item{border-bottom:1px solid var(--projectdetails-dark-border-light)}.projectdetails-info-item svg{color:var(--projectdetails-dark-accent)}.projectdetails-info-item label{color:var(--projectdetails-dark-text-muted)}.projectdetails-info-item span,.projectdetails-info-item a{color:var(--projectdetails-dark-text-secondary)}.projectdetails-info-item a{color:var(--projectdetails-dark-accent)}.projectdetails-info-item a:hover{color:var(--projectdetails-dark-accent-secondary)}.projectdetails-action-btn{transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--projectdetails-dark-border)}.projectdetails-share-btn{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff}.projectdetails-share-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.projectdetails-like-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.projectdetails-like-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.projectdetails-github-btn{background:linear-gradient(135deg,#374151,#1f2937);color:#fff}.projectdetails-github-btn:hover{background:linear-gradient(135deg,#1f2937,#111827)}.projectdetails-demo-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff}.projectdetails-demo-btn:hover{background:linear-gradient(135deg,#047857,#065f46)}.projectdetails-client-info-card .projectdetails-card-content{color:var(--projectdetails-dark-text-secondary)}.projectdetails-client-info-card .projectdetails-info-item span{color:var(--projectdetails-dark-text-primary)}.testimonial-card{background:#33415566;border:1px solid var(--projectdetails-dark-border);color:var(--projectdetails-dark-text-secondary)}.testimonial-card:hover{background:#33415599}.testimonial-content svg{color:var(--projectdetails-dark-accent)}.testimonial-author strong{color:var(--projectdetails-dark-text-primary)}.gallery-item img,.video-item video{border:1px solid var(--projectdetails-dark-border);box-shadow:0 8px 25px #0000004d}.loading-container{background:var(--projectdetails-dark-bg-primary);color:var(--projectdetails-dark-text-primary)}.loading-spinner{border-color:var(--projectdetails-dark-border);border-top-color:var(--projectdetails-dark-accent)}.error-container{background:#1e293bcc;border:1px solid var(--projectdetails-dark-border);color:var(--projectdetails-dark-text-primary)}.btn-primary{background:linear-gradient(135deg,var(--projectdetails-dark-accent) 0%,var(--projectdetails-dark-accent-secondary) 100%);border:1px solid var(--projectdetails-dark-border)}.content-section{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--projectdetails-dark-border);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset;color:var(--projectdetails-dark-text-secondary);width:100%}.content-section:hover{box-shadow:0 15px 45px #0006,0 0 0 1px #ffffff1a inset}.section-header{color:var(--projectdetails-dark-text-primary)}.section-header h2{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header svg{color:var(--projectdetails-dark-accent)}.section-content{color:var(--projectdetails-dark-text-secondary)}.challenge-solution h4{color:var(--projectdetails-dark-text-primary);border-bottom:2px solid var(--projectdetails-dark-border);padding-bottom:.5rem;margin-bottom:1rem}.projectdetails-hero-image img{box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a inset;border:1px solid var(--projectdetails-dark-border)}.projectdetails-container *:focus{outline:2px solid var(--projectdetails-dark-accent);outline-offset:2px}.status-completed{background:linear-gradient(135deg,#10b9814d,#0596694d);color:#34d399}.status-in-progress{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);color:#60a5fa}.status-planning{background:linear-gradient(135deg,#f59e0b4d,#d977064d);color:#fbbf24}.priority-high{background:linear-gradient(135deg,#dc26264d,#b91c1c4d);color:#f87171}.priority-medium{background:linear-gradient(135deg,#f59e0b4d,#d977064d);color:#fbbf24}.priority-low{background:linear-gradient(135deg,#22c55e4d,#15803d4d);color:#4ade80}@media (max-width: 768px){.projectdetails-team-card{padding:1rem;border-radius:1rem}.projectdetails-sidebar .team-stats{grid-template-columns:1fr}.projectdetails-sidebar .team-member-card{padding:.5rem}.projectdetails-sidebar .team-member-avatar{width:1.75rem;height:1.75rem;font-size:.75rem}.projectdetails-sidebar .team-member-details h4{font-size:.8rem}.projectdetails-sidebar .team-member-details p{font-size:.7rem}}@media (prefers-color-scheme: dark){.projectdetails-team-card{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.projectdetails-team-title{color:#f1f5f9}.projectdetails-team-header{border-bottom-color:#ffffff1a}.projectdetails-sidebar .team-stat-card{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border-color:#ffffff1a;color:#e2e8f0}.projectdetails-sidebar .team-member-card{background:linear-gradient(135deg,#1e293be6,#0f172ae6);border-color:#ffffff14;color:#e2e8f0}}.tasks-container{padding:var(--spacing-lg);max-width:var(--content-max-width);margin:0 auto}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.tasks-header-left{display:flex;flex-direction:column}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);font-size:var(--text-sm);margin-bottom:var(--spacing-sm);transition:var(--transition-fast)}.back-link:hover{color:var(--primary-dark);text-decoration:underline}.tasks-header h1{font-size:var(--text-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.tasks-header p{color:var(--gray-600);font-size:var(--text-base)}.tasks-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition);border:1px solid var(--gray-200)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.stat-icon.all{background-color:#4f46e51a;color:var(--primary-color)}.stat-icon.pending{background-color:#3b82f61a;color:var(--info-color)}.stat-icon.in-progress{background-color:#f59e0b1a;color:var(--warning-color)}.stat-icon.completed{background-color:#10b9811a;color:var(--success-color)}.stat-icon.overdue{background-color:#ef44441a;color:var(--danger-color)}.stat-content h3{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.stat-content p{color:var(--gray-600);font-size:var(--text-sm)}.tasks-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.search-container{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.search-container input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-md) * 2 + 1em);border:1px solid var(--gray-300);border-radius:var(--border-radius-full);font-size:var(--text-sm);transition:var(--transition)}.search-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.clear-search{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-500);font-size:var(--text-xl);cursor:pointer;padding:0;line-height:1}.clear-search:hover{color:var(--gray-700)}.filter-container{position:relative}.filter-toggle-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius);color:var(--gray-700);font-size:var(--text-sm);font-weight:500;transition:var(--transition-fast)}.filter-toggle-btn:hover{background-color:var(--gray-100);border-color:var(--gray-400)}.chevron{transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.filter-panel{position:absolute;top:calc(100% + 5px);right:0;width:300px;background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:10;padding:var(--spacing-md);border:1px solid var(--gray-200)}.filter-group{margin-bottom:var(--spacing-md)}.filter-group:last-child{margin-bottom:0}.filter-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-xs)}.filter-options,.sort-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-options button,.sort-options button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius);color:var(--gray-700);font-size:var(--text-xs);transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.filter-options button:hover,.sort-options button:hover{background-color:var(--gray-200)}.filter-options button.active,.sort-options button.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-dark)}.filter-actions{margin-top:var(--spacing-md);display:flex;justify-content:flex-end}.tasks-list{margin-bottom:var(--spacing-xl)}.no-tasks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200)}.no-tasks-icon{font-size:var(--text-4xl);color:var(--gray-400);margin-bottom:var(--spacing-md)}.no-tasks h3{font-size:var(--text-xl);color:var(--gray-800);margin-bottom:var(--spacing-sm)}.no-tasks p{color:var(--gray-600);margin-bottom:var(--spacing-lg)}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.task-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow);border:1px solid var(--gray-200);overflow:hidden;transition:var(--transition)}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card.overdue{border-left:4px solid var(--danger-color)}.task-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.task-badges{display:flex;gap:var(--spacing-sm)}.status-badge,.priority-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:500;text-transform:capitalize}.status-badge.badge-success{background-color:#10b9811a;color:var(--success-color)}.status-badge.badge-warning{background-color:#f59e0b1a;color:var(--warning-color)}.status-badge.badge-info{background-color:#3b82f61a;color:var(--info-color)}.priority-badge.badge-high{background-color:#ef44441a;color:var(--danger-color)}.priority-badge.badge-medium{background-color:#f59e0b1a;color:var(--warning-color)}.priority-badge.badge-low{background-color:#3b82f61a;color:var(--info-color)}.blocked-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:500;background-color:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.blocked-badge svg{font-size:var(--text-xs)}.dependency-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dependency-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background-color:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:var(--transition-fast)}.dependency-item:hover{background-color:var(--gray-100);border-color:var(--gray-300)}.dependency-status{display:flex;align-items:center;gap:var(--spacing-xs);min-width:100px}.dependency-status svg{font-size:var(--text-sm)}.dependency-status-text{font-size:var(--text-xs);font-weight:500;text-transform:capitalize}.dependency-status-text.completed{color:var(--success-color)}.dependency-status-text.in-progress{color:var(--warning-color)}.dependency-status-text.pending{color:var(--info-color)}.dependency-info{display:flex;flex-direction:column;flex:1;gap:var(--spacing-xs);margin-left:var(--spacing-sm)}.dependency-title{font-size:var(--text-sm);font-weight:500;color:var(--gray-800);line-height:1.3}.dependency-priority{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dependency-priority.priority-high{color:var(--danger-color)}.dependency-priority.priority-medium{color:var(--warning-color)}.dependency-priority.priority-low{color:var(--info-color)}.dependency-date{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--gray-600);min-width:100px;justify-content:flex-end}.dependency-date svg{font-size:var(--text-xs)}.task-actions{display:flex;gap:var(--spacing-xs)}.btn-icon{width:32px;height:32px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);color:var(--gray-700);border:none;cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background-color:var(--gray-200)}.btn-icon.delete:hover{background-color:var(--danger-color);color:var(--white)}.task-content{padding:var(--spacing-md)}.task-title{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md)}.task-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--text-xs);color:var(--gray-600)}.task-date,.task-overdue{display:flex;align-items:center;gap:var(--spacing-xs)}.task-overdue{color:var(--danger-color);font-weight:500}.task-tags{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.task-tags svg{color:var(--gray-500);margin-top:var(--spacing-xs)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.predefined-tags-section{margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.tag-category{margin-bottom:1rem}.tag-category:last-child{margin-bottom:0}.tag-category-title{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.predefined-tags{display:flex;flex-wrap:wrap;gap:.5rem}.predefined-tag{padding:.4rem .8rem;border:1px solid #dee2e6;background:#fff;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:#495057}.predefined-tag:hover{border-color:#007bff;background:#e3f2fd;transform:translateY(-1px)}.predefined-tag.selected{background:#007bff;color:#fff;border-color:#007bff}.predefined-tag:disabled{opacity:.6;cursor:not-allowed}.custom-tag-section{margin:1rem 0;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px}.selected-tags-section{margin-top:1rem;padding:1rem;background:#f1f3f4;border-radius:8px;border:1px solid #e9ecef}.tag-section-title{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:.75rem}.selected-tag{background:#28a745;color:#fff;border:1px solid #28a745}.selected-tag .tag-remove{color:#fff;margin-left:.5rem}.selected-tag .tag-remove:hover{background:#fff3;border-radius:50%}label[for=title]:after,label[for=projectId]:after,label[for=assigneeId]:after{content:" *";color:#dc3545;font-weight:700}.form-group.error input,.form-group.error select{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.form-group.error label{color:#dc3545}.tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--gray-100);border-radius:var(--border-radius-full);font-size:var(--text-xs);color:var(--gray-700)}.tag-remove{background:none;border:none;color:var(--gray-500);font-size:var(--text-sm);cursor:pointer;padding:0;line-height:1}.tag-remove:hover{color:var(--danger-color)}.task-expand-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--primary-color);font-size:var(--text-xs);cursor:pointer;padding:0}.task-expand-btn:hover{text-decoration:underline}.task-details{margin-top:var(--spacing-md);overflow:hidden}.task-description{margin-bottom:var(--spacing-md)}.task-description h4,.task-timeline h4,.task-quick-actions h4{font-size:var(--text-sm);font-weight:600;color:var(--gray-800);margin-bottom:var(--spacing-xs)}.task-description p{font-size:var(--text-sm);color:var(--gray-700);line-height:1.5}.task-timeline{margin-bottom:var(--spacing-md)}.timeline-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs);margin-bottom:var(--spacing-xs)}.timeline-label{font-weight:600;color:var(--gray-700);min-width:80px}.timeline-value{color:var(--gray-600)}.task-quick-actions{margin-top:var(--spacing-md)}.status-buttons{display:flex;gap:var(--spacing-sm)}.status-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:var(--transition-fast);border:1px solid var(--gray-300)}.status-btn:disabled{opacity:.7;cursor:not-allowed}.status-btn.pending{background-color:var(--white);color:var(--info-color)}.status-btn.pending:hover:not(:disabled){background-color:#3b82f61a}.status-btn.pending.active{background-color:#3b82f61a;border-color:var(--info-color)}.status-btn.in-progress{background-color:var(--white);color:var(--warning-color)}.status-btn.in-progress:hover:not(:disabled){background-color:#f59e0b1a}.status-btn.in-progress.active{background-color:#f59e0b1a;border-color:var(--warning-color)}.status-btn.completed{background-color:var(--white);color:var(--success-color)}.status-btn.completed:hover:not(:disabled){background-color:#10b9811a}.status-btn.completed.active{background-color:#10b9811a;border-color:var(--success-color)}.task-edit-form{padding:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-xs)}.form-group input[type=text],.form-group input[type=datetime-local],.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--text-sm);transition:var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.form-group select:disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed;opacity:.7}.dropdown-loading{position:relative;background-color:var(--gray-50)!important;color:var(--gray-500)!important;font-style:italic}.dropdown-loading:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary-color);animation:dropdownSpin .8s linear infinite}@keyframes dropdownSpin{to{transform:translateY(-50%) rotate(360deg)}}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1}.form-group.wide{flex:2}.tag-input-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tag-input-container input{flex:1}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-sm:hover{background-color:var(--primary-dark)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn-primary{padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background-color:var(--gray-100);border-color:var(--gray-400)}.btn-outline{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-outline:hover{background-color:#4f46e51a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background-color:var(--white);border-radius:var(--border-radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:var(--text-xl);color:var(--gray-900);font-weight:600;margin:0}.modal-close{background:none;border:none;color:var(--gray-500);font-size:var(--text-2xl);cursor:pointer;line-height:1}.modal-close:hover{color:var(--gray-700)}.task-form{padding:var(--spacing-lg)}.tasks-loading,.tasks-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.spinner{width:40px;height:40px;border:4px solid rgba(79,70,229,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.tasks-error{color:var(--danger-color)}.tasks-error svg{font-size:var(--text-4xl);margin-bottom:var(--spacing-md)}.tasks-error h3{font-size:var(--text-xl);margin-bottom:var(--spacing-sm)}.tasks-error p{color:var(--gray-600);margin-bottom:var(--spacing-lg)}.task-additional-info{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--gray-50);border-radius:var(--border-radius)}.task-assignee,.task-project{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--gray-700);font-size:var(--text-sm)}.task-assignee svg,.task-project svg{color:var(--primary-color);flex-shrink:0}.task-time-tracking{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.time-estimate,.time-actual{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--gray-600);font-size:var(--text-sm)}.time-estimate svg{color:var(--blue-500)}.time-actual svg{color:var(--green-500)}.task-extended-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.info-section{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:var(--spacing-md)}.info-section h4{font-size:var(--text-sm);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.025em}.assignee-info{display:flex;align-items:center;gap:var(--spacing-sm)}.assignee-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-200)}.assignee-details{display:flex;flex-direction:column}.assignee-name{font-weight:500;color:var(--gray-900);font-size:var(--text-sm)}.assignee-email{color:var(--gray-600);font-size:var(--text-xs)}.project-info{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--gray-700)}.project-info svg{color:var(--primary-color)}.time-progress-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.time-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--gray-700);font-size:var(--text-sm)}.time-item svg{color:var(--blue-500)}.progress-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-bar{width:100%;height:8px;background-color:var(--gray-200);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transition:width var(--transition-smooth)}.category-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-light);color:var(--primary-dark);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:500}.attachments-info{display:flex;gap:var(--spacing-md)}.attachment-count{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--gray-600);font-size:var(--text-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-row .form-group{margin-bottom:0}@media (max-width: 768px){.task-additional-info{gap:var(--spacing-sm)}.task-time-tracking{flex-direction:column;gap:var(--spacing-xs)}.task-extended-info{grid-template-columns:1fr;gap:var(--spacing-md)}.form-row{grid-template-columns:1fr}.assignee-info{flex-direction:column;align-items:flex-start;text-align:left}}@media (max-width: 480px){.attachments-info{flex-direction:column;gap:var(--spacing-xs)}.time-progress-info{gap:var(--spacing-xs)}}.tasks-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200)}.pagination-info{font-size:var(--text-sm);color:var(--gray-600);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:var(--text-sm);font-weight:500}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:#4f46e50d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.pagination-ellipsis{padding:0 var(--spacing-xs);color:var(--gray-500);font-size:var(--text-sm)}.page-size-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.page-size-selector label{font-size:var(--text-sm);color:var(--gray-600);font-weight:500}.page-size-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--gray-300);border-radius:var(--border-radius);background:var(--white);color:var(--gray-700);font-size:var(--text-sm);cursor:pointer;transition:var(--transition)}.page-size-select:hover{border-color:var(--primary-color)}.page-size-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}[data-theme=dark] .predefined-tags-section,.dark-mode .predefined-tags-section{background:#2d3748;border-color:#4a5568}[data-theme=dark] .tag-category-title,.dark-mode .tag-category-title{color:#e2e8f0}[data-theme=dark] .predefined-tag,.dark-mode .predefined-tag{background:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .predefined-tag:hover,.dark-mode .predefined-tag:hover{border-color:#63b3ed;background:#2b6cb0;color:#fff}[data-theme=dark] .predefined-tag.selected,.dark-mode .predefined-tag.selected{background:#3182ce;color:#fff;border-color:#3182ce}[data-theme=dark] .predefined-tag:disabled,.dark-mode .predefined-tag:disabled{opacity:.4;background:#2d3748;color:#718096}[data-theme=dark] .custom-tag-section,.dark-mode .custom-tag-section{background:#2d3748;border-color:#4a5568}[data-theme=dark] .selected-tags-section,.dark-mode .selected-tags-section{background:#1a202c;border-color:#4a5568}[data-theme=dark] .tag-section-title,.dark-mode .tag-section-title{color:#e2e8f0}[data-theme=dark] .selected-tag,.dark-mode .selected-tag{background:#38a169;color:#fff;border-color:#38a169}[data-theme=dark] .selected-tag .tag-remove,.dark-mode .selected-tag .tag-remove{color:#fff}[data-theme=dark] .selected-tag .tag-remove:hover,.dark-mode .selected-tag .tag-remove:hover{background:#ffffff4d}[data-theme=dark] .custom-tag-section input,.dark-mode .custom-tag-section input{background:#4a5568;border-color:#718096;color:#e2e8f0}[data-theme=dark] .custom-tag-section input:focus,.dark-mode .custom-tag-section input:focus{border-color:#63b3ed;box-shadow:0 0 0 .2rem #63b3ed40}[data-theme=dark] .custom-tag-section input::placeholder,.dark-mode .custom-tag-section input::placeholder{color:#a0aec0}[data-theme=dark] label[for=title]:after,[data-theme=dark] label[for=projectId]:after,[data-theme=dark] label[for=assigneeId]:after,.dark-mode label[for=title]:after,.dark-mode label[for=projectId]:after,.dark-mode label[for=assigneeId]:after{color:#fc8181}[data-theme=dark] .form-group.error input,[data-theme=dark] .form-group.error select,.dark-mode .form-group.error input,.dark-mode .form-group.error select{border-color:#fc8181;box-shadow:0 0 0 .2rem #fc818140;background:#2d3748;color:#e2e8f0}[data-theme=dark] .form-group.error label,.dark-mode .form-group.error label{color:#fc8181}[data-theme=dark] .tag-category,.dark-mode .tag-category{border-radius:6px;transition:background-color .2s ease}[data-theme=dark] .tag-category:hover,.dark-mode .tag-category:hover{background:#4a55684d}[data-theme=dark] .predefined-tags::-webkit-scrollbar,[data-theme=dark] .tags-list::-webkit-scrollbar,.dark-mode .predefined-tags::-webkit-scrollbar,.dark-mode .tags-list::-webkit-scrollbar{width:6px;height:6px}[data-theme=dark] .predefined-tags::-webkit-scrollbar-track,[data-theme=dark] .tags-list::-webkit-scrollbar-track,.dark-mode .predefined-tags::-webkit-scrollbar-track,.dark-mode .tags-list::-webkit-scrollbar-track{background:#2d3748;border-radius:3px}[data-theme=dark] .predefined-tags::-webkit-scrollbar-thumb,[data-theme=dark] .tags-list::-webkit-scrollbar-thumb,.dark-mode .predefined-tags::-webkit-scrollbar-thumb,.dark-mode .tags-list::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}[data-theme=dark] .predefined-tags::-webkit-scrollbar-thumb:hover,[data-theme=dark] .tags-list::-webkit-scrollbar-thumb:hover,.dark-mode .predefined-tags::-webkit-scrollbar-thumb:hover,.dark-mode .tags-list::-webkit-scrollbar-thumb:hover{background:#718096}[data-theme=dark] .predefined-tag,[data-theme=dark] .selected-tag,.dark-mode .predefined-tag,.dark-mode .selected-tag{transition:all .2s ease,box-shadow .2s ease}[data-theme=dark] .predefined-tag:hover,.dark-mode .predefined-tag:hover{box-shadow:0 2px 8px #63b3ed4d}[data-theme=dark] .selected-tag,.dark-mode .selected-tag{box-shadow:0 2px 8px #38a1694d}[data-theme=dark] .predefined-tag:focus,.dark-mode .predefined-tag:focus{outline:2px solid #63b3ed;outline-offset:2px}[data-theme=dark] .tag-remove:focus,.dark-mode .tag-remove:focus{outline:2px solid #fc8181;outline-offset:1px;border-radius:50%}@media (max-width: 768px){.tasks-pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}.pagination-controls{justify-content:center}.pagination-btn{width:32px;height:32px}}.task-modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-light)}.task-modal-header{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;padding:24px 32px;border-bottom:none;position:relative;overflow:hidden}.task-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0}.task-modal-header>*{position:relative;z-index:1}.task-modal-header h2{margin:0;font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.3}.task-modal-header .task-priority{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;background:#fff3;border-radius:20px;font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.task-modal-body{flex:1;padding:32px;overflow-y:auto;background:var(--bg-primary)}.task-modal-body::-webkit-scrollbar{width:8px}.task-modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.task-modal-body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px;transition:background-color .2s ease}.task-modal-body::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.task-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.info-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px;margin-bottom:24px;transition:all .3s ease;position:relative}.info-section:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.info-section h3{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.info-section h3 .icon{width:20px;height:20px;color:var(--primary-color)}.info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1rem;color:var(--text-primary);font-weight:500}.task-badge,.priority-badge,.status-badge,.category-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;transition:all .2s ease}.priority-badge.high{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-color:#f87171}.priority-badge.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border-color:#f59e0b}.priority-badge.low{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;border-color:#4ade80}.status-badge.pending{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;border-color:#818cf8}.status-badge.in-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border-color:#60a5fa}.status-badge.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;border-color:#4ade80}.status-badge.cancelled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border-color:#9ca3af}.task-modal-footer .btn-group{display:flex;gap:12px;align-items:center}.task-modal-footer .btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .2s ease;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.task-modal-footer .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-color:var(--primary-color)}.task-modal-footer .btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-1px);box-shadow:var(--shadow-lg)}.task-modal-footer .btn-secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-medium)}.task-modal-footer .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-dark);transform:translateY(-1px)}.task-modal-footer .btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626}.task-modal-footer .btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.subtasks-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:20px;margin-bottom:24px}.subtasks-section h3{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.subtask-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;margin-bottom:8px;transition:all .2s ease}.subtask-item:hover{border-color:var(--primary-color);background:var(--bg-primary)}.subtask-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.subtask-item.completed{opacity:.7}.subtask-item.completed .subtask-text{text-decoration:line-through;color:var(--text-secondary)}.subtask-text{flex:1;font-size:.875rem;color:var(--text-primary)}.subtask-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-top:4px}.subtask-meta{display:flex;gap:16px;margin-top:8px;font-size:.75rem;color:var(--text-secondary)}.subtask-date,.subtask-completed-date{display:flex;align-items:center;gap:4px}.subtask-completed-date{color:var(--success-color)}.comment-form{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.comment-form textarea{width:100%;padding:12px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;resize:vertical;min-height:80px;transition:all .2s ease;font-family:inherit;line-height:1.5}.comment-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.comment-form textarea::placeholder{color:var(--text-secondary);opacity:.7}.comment-form button{align-self:flex-start;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.comment-form button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-color-rgb),.3)}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.comment-author{font-weight:600;color:var(--text-primary);font-size:.875rem}.comment-date{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.comment-text{color:var(--text-primary);line-height:1.6;font-size:.875rem;margin-bottom:8px;white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;gap:8px;align-items:center;opacity:0;transition:opacity .2s ease}.comment-item:hover .comment-actions{opacity:1}.comment-actions button{padding:4px 8px;border:none;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:.75rem;display:inline-flex;align-items:center;gap:4px}.comment-actions button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.comment-actions .delete-comment:hover{color:#dc2626;background:#fee2e2}.attachment-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.attachment-name{font-weight:500;color:var(--text-primary);font-size:.875rem;word-break:break-word}.attachment-size{font-size:.75rem;color:var(--text-secondary)}.attachment-uploader{font-size:.75rem;color:var(--text-secondary);font-style:italic}.attachment-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.attachment-actions button{padding:6px 12px;border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;font-weight:500}.attachment-actions button:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-1px)}.attachment-actions .delete-btn{border-color:#dc2626;color:#dc2626}.attachment-actions .delete-btn:hover{border-color:#dc2626;background:#dc2626;color:#fff}.loading{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-secondary);font-size:.875rem;font-style:italic}.empty-state{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-secondary);font-size:.875rem;font-style:italic;background:var(--bg-secondary);border:1px dashed var(--border-medium);border-radius:6px;margin:8px 0}.subtasks-header,.comments-header,.attachments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.subtasks-header h4,.comments-header h4,.attachments-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.subtasks-header h4 svg,.comments-header h4 svg,.attachments-header h4 svg{color:var(--primary-color)}.btn-sm{padding:6px 12px;border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;font-weight:500;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-sm:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-1px)}.file-upload-btn{position:relative;overflow:hidden;cursor:pointer}.file-upload-btn input[type=file]{position:absolute;left:-9999px;opacity:0}.loading-spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .subtask-form,[data-theme=dark] .comment-form,.dark-mode .subtask-form,.dark-mode .comment-form{background:var(--dark-bg-secondary);border-color:var(--dark-border-light)}[data-theme=dark] .subtask-form input,[data-theme=dark] .subtask-form textarea,[data-theme=dark] .comment-form textarea,.dark-mode .subtask-form input,.dark-mode .subtask-form textarea,.dark-mode .comment-form textarea{background:var(--dark-bg-primary);border-color:var(--dark-border-medium);color:var(--dark-text-primary)}[data-theme=dark] .subtask-form input:focus,[data-theme=dark] .subtask-form textarea:focus,[data-theme=dark] .comment-form textarea:focus,.dark-mode .subtask-form input:focus,.dark-mode .subtask-form textarea:focus,.dark-mode .comment-form textarea:focus{border-color:var(--dark-primary-color);box-shadow:0 0 0 3px rgba(var(--dark-primary-color-rgb),.1)}[data-theme=dark] .subtask-form button,[data-theme=dark] .comment-form button,.dark-mode .subtask-form button,.dark-mode .comment-form button{background:var(--dark-primary-color)}[data-theme=dark] .subtask-form button:hover,[data-theme=dark] .comment-form button:hover,.dark-mode .subtask-form button:hover,.dark-mode .comment-form button:hover{background:var(--dark-primary-dark);box-shadow:0 4px 8px rgba(var(--dark-primary-color-rgb),.3)}[data-theme=dark] .btn-sm,.dark-mode .btn-sm{background:var(--dark-bg-primary);border-color:var(--dark-border-medium);color:var(--dark-text-primary)}[data-theme=dark] .btn-sm:hover,.dark-mode .btn-sm:hover{border-color:var(--dark-primary-color);background:var(--dark-primary-color);color:#fff}[data-theme=dark] .empty-state,.dark-mode .empty-state{background:var(--dark-bg-secondary);border-color:var(--dark-border-medium)}@media (max-width: 768px){.subtasks-header,.comments-header,.attachments-header{flex-direction:column;align-items:flex-start;gap:8px}.attachment-item{flex-direction:column;align-items:flex-start;gap:12px}.attachment-actions{width:100%;justify-content:flex-end}.comment-header{flex-direction:column;align-items:flex-start;gap:4px}.subtask-item{flex-direction:column;align-items:flex-start;gap:8px}.subtask-actions{align-self:flex-end}}.dashboard-overview-analytics-container{width:100%;margin-bottom:1.5rem}.dashboard-overview-analytics-card{background:var(--card-background, #ffffff);border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.dashboard-overview-analytics-card:hover{box-shadow:0 8px 24px #00000026}.dashboard-overview-analytics-card.loading{pointer-events:none}.dashboard-overview-analytics-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.dashboard-overview-analytics-title{display:flex;align-items:center;gap:.75rem}.dashboard-overview-analytics-title h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.dashboard-overview-header-icon{font-size:1.25rem;color:var(--primary-color, #3b82f6)}.dashboard-overview-period-badge{display:flex;align-items:center}.dashboard-overview-analytics-content{padding:0 2rem 2rem}.dashboard-overview-section{margin-bottom:2rem}.dashboard-overview-section:last-child{margin-bottom:1rem}.dashboard-overview-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.dashboard-overview-section-icon{font-size:.875rem;color:var(--primary-color, #3b82f6)}.dashboard-overview-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.dashboard-overview-summary-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--background-secondary, #f8fafc);border-radius:8px;border:1px solid var(--border-color, #e5e7eb);transition:all .2s ease}.dashboard-overview-summary-item:hover{background:var(--background-hover, #f1f5f9);border-color:var(--primary-color, #3b82f6)}.dashboard-overview-summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;font-size:1.5rem;flex-shrink:0}.dashboard-overview-summary-icon.projects{background:#3b82f61a;color:var(--primary-color, #3b82f6)}.dashboard-overview-summary-icon.tasks{background:#10b9811a;color:var(--success-color, #10b981)}.dashboard-overview-summary-icon.events{background:#f59e0b1a;color:var(--warning-color, #f59e0b)}.dashboard-overview-summary-icon.budget{background:#8b5cf61a;color:var(--info-color, #8b5cf6)}.dashboard-overview-summary-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.dashboard-overview-summary-value{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1f2937);line-height:1.2}.dashboard-overview-summary-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280)}.dashboard-overview-summary-sub{font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.dashboard-overview-distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.dashboard-overview-distribution-card{background:var(--background-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1rem}.dashboard-overview-distribution-card h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937)}.dashboard-overview-distribution-items{display:flex;flex-direction:column;gap:.5rem}.dashboard-overview-distribution-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color, rgba(229, 231, 235, .5))}.dashboard-overview-distribution-item:last-child{border-bottom:none}.dashboard-overview-distribution-count{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937);background:var(--background-accent, #ffffff);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color, #e5e7eb)}.dashboard-overview-calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.dashboard-overview-calendar-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--background-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;text-align:center;transition:all .2s ease}.dashboard-overview-calendar-item:hover{background:var(--background-hover, #f1f5f9);border-color:var(--primary-color, #3b82f6)}.dashboard-overview-calendar-icon{margin-bottom:.5rem;color:var(--primary-color, #3b82f6);font-size:1.25rem}.dashboard-overview-calendar-details{display:flex;flex-direction:column;gap:.25rem}.dashboard-overview-calendar-count{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1f2937)}.dashboard-overview-calendar-type{font-size:.75rem;color:var(--text-secondary, #6b7280);text-transform:capitalize}.dashboard-overview-footer{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb);margin-top:1rem}.dashboard-overview-time-range{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.dashboard-overview-clock-icon{font-size:.75rem}.trend-icon{font-size:.875rem;margin-left:.25rem}.trend-icon.positive{color:var(--success-color, #10b981)}.trend-icon.negative{color:var(--error-color, #ef4444)}.trend-icon.neutral{color:var(--text-tertiary, #9ca3af)}.dashboard-overview-loading-spinner{width:20px;height:20px;border:2px solid var(--border-color, #e5e7eb);border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:dashboard-overview-spin 1s linear infinite}.dashboard-overview-loading-placeholder{height:300px;background:linear-gradient(90deg,var(--background-secondary, #f8fafc) 25%,transparent 50%,var(--background-secondary, #f8fafc) 75%);background-size:200% 100%;animation:dashboard-overview-shimmer 1.5s infinite;border-radius:8px}@keyframes dashboard-overview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dashboard-overview-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-color-scheme: dark){.dashboard-overview-analytics-card{background:var(--card-background-dark, #1f2937);border-color:var(--border-color-dark, #374151)}.dashboard-overview-analytics-header{border-bottom-color:var(--border-color-dark, #374151)}.dashboard-overview-summary-item,.dashboard-overview-distribution-card,.dashboard-overview-calendar-item{background:var(--background-secondary-dark, #374151);border-color:var(--border-color-dark, #4b5563)}.dashboard-overview-summary-item:hover,.dashboard-overview-calendar-item:hover{background:var(--background-hover-dark, #4b5563)}.dashboard-overview-footer{border-top-color:var(--border-color-dark, #374151)}}@media (max-width: 768px){.dashboard-overview-analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-overview-summary-grid,.dashboard-overview-distribution-grid{grid-template-columns:1fr}.dashboard-overview-calendar-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-overview-analytics-header,.dashboard-overview-analytics-content{padding-left:1rem;padding-right:1rem}.dashboard-overview-summary-item{padding:1rem}.dashboard-overview-calendar-grid{grid-template-columns:1fr}}.profile-analytics-container{width:100%;margin-bottom:1.5rem}.profile-analytics-card{background:var(--card-background, #ffffff);border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.profile-analytics-card:hover{box-shadow:0 8px 24px #00000026}.profile-analytics-card.loading{pointer-events:none}.profile-analytics-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.profile-analytics-title{display:flex;align-items:center;gap:.75rem}.profile-analytics-title h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.profile-analytics-header-icon{font-size:1.25rem;color:var(--primary-color, #3b82f6)}.profile-analytics-completion-badge{display:flex;align-items:center}.profile-analytics-content{padding:0 2rem 2rem}.profile-analytics-section{margin-bottom:2rem}.profile-analytics-section:last-child{margin-bottom:1rem}.profile-analytics-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.profile-analytics-section-icon{font-size:.875rem;color:var(--primary-color, #3b82f6)}.profile-analytics-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.profile-analytics-overview-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--background-secondary, #f8fafc);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.profile-analytics-overview-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;font-size:1.75rem;flex-shrink:0}.profile-analytics-overview-icon.completion{background:#f59e0b1a;color:var(--warning-color, #f59e0b)}.profile-analytics-overview-icon.strength{background:#ef44441a;color:var(--error-color, #ef4444)}.profile-analytics-overview-details{flex:1;min-width:0}.profile-analytics-overview-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937);line-height:1.2;margin-bottom:.25rem}.profile-analytics-overview-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-bottom:.5rem}.profile-analytics-progress-bar{width:100%;height:6px;background:var(--background-tertiary, #e5e7eb);border-radius:3px;overflow:hidden}.profile-analytics-progress-fill{height:100%;background:var(--warning-color, #f59e0b);border-radius:3px;transition:width .3s ease}.profile-analytics-progress-fill.strength{background:var(--error-color, #ef4444)}.profile-analytics-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.profile-analytics-content-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--background-secondary, #f8fafc);border-radius:8px;border:1px solid var(--border-color, #e5e7eb);transition:all .2s ease}.profile-analytics-content-item:hover{background:var(--background-hover, #f1f5f9);border-color:var(--primary-color, #3b82f6)}.profile-analytics-content-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:1.25rem;flex-shrink:0}.profile-analytics-content-icon.experiences{background:#3b82f61a;color:var(--primary-color, #3b82f6)}.profile-analytics-content-icon.education{background:#10b9811a;color:var(--success-color, #10b981)}.profile-analytics-content-icon.skills{background:#8b5cf61a;color:var(--info-color, #8b5cf6)}.profile-analytics-content-icon.projects{background:#f59e0b1a;color:var(--warning-color, #f59e0b)}.profile-analytics-content-icon.tasks{background:#ef44441a;color:var(--error-color, #ef4444)}.profile-analytics-content-icon.events{background:#22c55e1a;color:var(--success-color, #22c55e)}.profile-analytics-content-details{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.profile-analytics-content-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1f2937);line-height:1.2}.profile-analytics-content-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280)}.profile-analytics-content-sub{font-size:.625rem;color:var(--text-tertiary, #9ca3af)}.profile-analytics-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.profile-analytics-activity-card{background:var(--background-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1rem}.profile-analytics-activity-card h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937)}.profile-analytics-activity-level{display:flex;flex-direction:column;gap:.5rem}.profile-analytics-activity-details{display:flex;flex-direction:column;gap:.25rem}.profile-analytics-activity-details span{font-size:.75rem;color:var(--text-secondary, #6b7280)}.profile-analytics-engagement-metrics{display:flex;flex-direction:column;gap:.75rem}.profile-analytics-engagement-item{display:flex;align-items:center;gap:.75rem}.profile-analytics-engagement-icon{font-size:1.25rem;color:var(--primary-color, #3b82f6)}.profile-analytics-engagement-value{display:block;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1f2937);line-height:1.2}.profile-analytics-engagement-label{display:block;font-size:.75rem;color:var(--text-secondary, #6b7280)}.profile-analytics-productivity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.profile-analytics-productivity-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:var(--background-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;gap:.5rem}.profile-analytics-productivity-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);text-align:center}.profile-analytics-productivity-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1f2937)}.profile-analytics-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.profile-analytics-insight-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--background-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:6px}.profile-analytics-insight-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280)}.profile-analytics-loading-spinner{width:20px;height:20px;border:2px solid var(--border-color, #e5e7eb);border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:profile-analytics-spin 1s linear infinite}.profile-analytics-loading-placeholder{height:300px;background:linear-gradient(90deg,var(--background-secondary, #f8fafc) 25%,transparent 50%,var(--background-secondary, #f8fafc) 75%);background-size:200% 100%;animation:profile-analytics-shimmer 1.5s infinite;border-radius:8px}@keyframes profile-analytics-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes profile-analytics-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-color-scheme: dark){.profile-analytics-card{background:var(--card-background-dark, #1f2937);border-color:var(--border-color-dark, #374151)}.profile-analytics-header{border-bottom-color:var(--border-color-dark, #374151)}.profile-analytics-overview-item,.profile-analytics-content-item,.profile-analytics-activity-card,.profile-analytics-productivity-item,.profile-analytics-insight-item{background:var(--background-secondary-dark, #374151);border-color:var(--border-color-dark, #4b5563)}.profile-analytics-content-item:hover{background:var(--background-hover-dark, #4b5563)}}@media (max-width: 768px){.profile-analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-analytics-overview-grid,.profile-analytics-content-grid,.profile-analytics-activity-grid{grid-template-columns:1fr}.profile-analytics-productivity-grid{grid-template-columns:repeat(2,1fr)}.profile-analytics-insights-grid{grid-template-columns:1fr}}@media (max-width: 480px){.profile-analytics-header,.profile-analytics-content{padding-left:1rem;padding-right:1rem}.profile-analytics-overview-item,.profile-analytics-content-item{padding:.75rem}.profile-analytics-productivity-grid{grid-template-columns:1fr}}.analytics-filter-status-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc}.analytics-dashboard-overview-section{margin-bottom:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.2);transition:var(--transition)}.analytics-dark .analytics-dashboard-overview-section{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-dashboard-overview-section{background:#fffffff2;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #0000001a}.analytics-dashboard-overview-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.analytics-profile-analytics-section{margin-bottom:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.2);transition:var(--transition)}.analytics-dark .analytics-profile-analytics-section{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-profile-analytics-section{background:#fffffff2;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #0000001a}.analytics-profile-analytics-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.analytics-container{min-height:100vh;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden}.analytics-container.analytics-dark{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.analytics-container.analytics-light{background:linear-gradient(135deg,#fff,#f1f5f9,#e2e8f0)}.analytics-container.analytics-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;padding:2rem}.analytics-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:inherit}.analytics-loading-spinner{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.analytics-loading-text{color:var(--gray-600);font-size:1.1rem;font-weight:500}.analytics-dark .analytics-loading-text{color:var(--dark-text-secondary)}.analytics-light .analytics-loading-text{color:var(--gray-700)}.analytics-header{margin-bottom:2rem}.analytics-header-content{display:flex;justify-content:space-between;align-items:flex-start;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl)}.analytics-dark .analytics-header-content{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-header-content{background:#fffffff2;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #0000001a}.analytics-title-section{flex:1}.analytics-main-title{font-size:2.5rem;font-weight:700;color:var(--gray-900)white;margin:0 0 .5rem;display:flex;align-items:center;gap:1rem}.analytics-light .analytics-main-title{color:#1f2937}.analytics-title-icon{color:#fbbf24;animation:analytics-pulse 2s infinite}.analytics-subtitle{font-size:1.1rem;color:#fffc;margin:0;font-weight:400}.analytics-light .analytics-subtitle{color:#374151}.analytics-header-actions{display:flex;gap:.75rem;align-items:center}.analytics-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-lg);font-weight:600;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.analytics-refresh-btn{background:#22c55e33;color:#22c55e}.analytics-refresh-btn:hover{background:#22c55e4d;transform:translateY(-2px)}.analytics-export-btn{background:#3b82f633;color:#3b82f6}.analytics-export-btn:hover{background:#3b82f64d;transform:translateY(-2px)}.analytics-fullscreen-btn{background:#8b5cf633;color:#8b5cf6}.analytics-fullscreen-btn:hover{background:#8b5cf64d;transform:translateY(-2px)}.analytics-filters-section{margin-bottom:2rem}.analytics-filter-container{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.2);padding:1.5rem}.analytics-dark .analytics-filter-container{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-filter-container{background:#fffffff2;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #0000001a}.analytics-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.analytics-filter-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.analytics-light .analytics-filter-title{color:#1f2937}.analytics-filter-icon{color:#fbbf24}.analytics-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);color:var(--gray-900);cursor:pointer;transition:var(--transition)}.analytics-filter-toggle:hover{background:#fff3;transform:translateY(-2px)}.analytics-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.analytics-filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#ffffffe6}.analytics-light .analytics-filter-label{color:#374151}.analytics-filter-select{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);color:var(--gray-900);font-size:.875rem;transition:var(--transition)}.analytics-light .analytics-filter-select{background:#fffffff2;border:1px solid rgba(0,0,0,.15);color:#374151}.analytics-filter-select:focus{outline:none;border-color:var(--primary-color);background:#ffffff26}.analytics-filter-select option{color:var(--gray-900)}.analytics-filter-advanced{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.analytics-quick-filters{margin-top:1rem}.analytics-quick-filters-label{font-size:.875rem;font-weight:600;color:#ffffffe6;margin-bottom:.5rem;display:block}.analytics-quick-filters-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.analytics-quick-filter-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);color:#fffc;font-size:.875rem;cursor:pointer;transition:var(--transition)}.analytics-quick-filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--gray-900)}.analytics-quick-filter-btn:hover{background:#fff3;color:var(--gray-900)}.analytics-filter-status{display:flex;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.analytics-filter-status-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.analytics-status-indicator{width:8px;height:8px;border-radius:50%}.analytics-status-active{background:#22c55e;animation:analytics-pulse 2s infinite}.analytics-status-warning{background:#f59e0b}.analytics-status-info{background:#3b82f6}.analytics-kpi-section,.analytics-charts-section{margin-bottom:2rem}.analytics-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;height:500px}.analytics-chart-primary,.analytics-chart-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:var(--transition)}.analytics-dark .analytics-chart-primary,.analytics-dark .analytics-chart-secondary{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-chart-primary,.analytics-light .analytics-chart-secondary{background:#fffffff2;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #0000001a}.analytics-chart-primary:hover,.analytics-chart-secondary:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.analytics-performance-section{margin-bottom:2rem}.analytics-performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.analytics-performance-item{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.2);transition:var(--transition);min-height:400px}.analytics-dark .analytics-performance-item{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-performance-item{background:#fffffff2;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #0000001a}.analytics-performance-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.analytics-engagement-section{margin-bottom:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.2);min-height:300px;transition:var(--transition)}.analytics-dark .analytics-engagement-section{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-engagement-section{background:#fffffff2;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #0000001a}.analytics-engagement-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.analytics-system-status-section{margin-bottom:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.2);transition:var(--transition)}.analytics-dark .analytics-system-status-section{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-system-status-section{background:#fffffff2;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #0000001a}.analytics-system-status-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.analytics-status-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:.75rem 1.5rem;z-index:1000}.analytics-status-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-max-width);margin:0 auto;color:var(--gray-900);font-size:.875rem}.analytics-status-indicator{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#ffffffe6}.analytics-light .analytics-status-indicator{color:#374151}.analytics-status-dot{width:8px;height:8px;border-radius:50%;animation:analytics-pulse 2s infinite}.analytics-status-active{background:#22c55e}.analytics-status-text{color:#fffc}.analytics-status-refresh{color:#fbbf24;font-weight:500}.analytics-status-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;display:flex;justify-content:space-between;align-items:center;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:.75rem 1.5rem;z-index:1000;transition:left .3s ease}.analytics-status-bar.sidebar-collapsed{left:80px}.analytics-dark .analytics-status-bar{background:#000000d9;border-top-color:#ffffff1a}.analytics-light .analytics-status-bar{background:#fffffff2;border-top:1px solid rgba(0,0,0,.15);box-shadow:0 -2px 12px #0000001a}.analytics-status-left{display:flex;align-items:center;gap:2.5rem}.analytics-status-right{display:flex;align-items:center;gap:1.5rem}.analytics-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:.5rem;animation:analytics-pulse 2s infinite}.analytics-performance-indicator,.analytics-last-update{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#fffc;font-weight:500;padding:.5rem 0}.analytics-status-indicator{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#ffffffe6;padding:.5rem 0}.analytics-light .analytics-performance-indicator,.analytics-light .analytics-last-update{color:#374151}.analytics-light .analytics-status-indicator{color:#1f2937}.analytics-export-btn,.analytics-fullscreen-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2563eb33;color:#3b82f6;border:1px solid rgba(37,99,235,.3);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.analytics-export-btn:hover,.analytics-fullscreen-btn:hover{background:#2563eb4d;border-color:#2563eb80;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.analytics-light .analytics-export-btn,.analytics-light .analytics-fullscreen-btn{background:#2563eb1a;color:var(--primary-color);border:1px solid rgba(37,99,235,.2)}.analytics-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.2);padding:1.5rem;transition:var(--transition)}.analytics-dark .analytics-card{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.analytics-light .analytics-card{background:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-lg)}.analytics-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.analytics-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.analytics-card-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);display:flex;align-items:center;gap:.5rem}.analytics-light .analytics-card-title{color:var(--gray-900)}.analytics-card-icon{color:#fbbf24}.analytics-card-content{color:#ffffffe6}.analytics-light .analytics-card-content{color:var(--gray-700)}.analytics-metric-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:1.5rem;text-align:center;transition:var(--transition);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.analytics-light .analytics-metric-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.analytics-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#3b82f6,#8b5cf6);animation:analytics-gradient-shift 3s ease-in-out infinite}.analytics-metric-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0003}.analytics-metric-value{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin:.5rem 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.analytics-light .analytics-metric-value{color:var(--gray-900);text-shadow:none}.analytics-metric-label{font-size:.875rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.analytics-light .analytics-metric-label{color:var(--gray-600)}.analytics-metric-trend{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.5rem;font-size:.875rem;font-weight:600}.analytics-metric-trend.analytics-trend-up{color:#22c55e}.analytics-metric-trend.analytics-trend-down{color:#ef4444}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-metric-loading{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:1.5rem;position:relative;overflow:hidden}.analytics-loading-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:analytics-shimmer 1.5s infinite}.analytics-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.analytics-metric-icon{font-size:1.5rem;color:#fbbf24}.analytics-metric-progress{width:100%;height:4px;background:#ffffff1a;border-radius:var(--border-radius-full);overflow:hidden;margin-top:.75rem}.analytics-metric-progress-bar{height:100%;border-radius:var(--border-radius-full);transition:var(--transition);animation:analytics-progress-fill 1.5s ease-out}.analytics-chart-container{height:100%;display:flex;flex-direction:column}.analytics-chart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.analytics-chart-nav{display:flex;gap:.5rem}.analytics-chart-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);color:#fffc;font-size:.875rem;cursor:pointer;transition:var(--transition)}.analytics-chart-nav-btn.active{background:var(--chart-color, var(--primary-color));border-color:var(--chart-color, var(--primary-color));color:var(--gray-900);box-shadow:0 0 20px #fff3}.analytics-chart-nav-btn:hover{background:#fff3;color:var(--gray-900)}.analytics-chart-actions{display:flex;gap:.5rem}.analytics-chart-action-btn{padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);color:#fffc;cursor:pointer;transition:var(--transition)}.analytics-chart-action-btn:hover{background:#fff3;color:var(--gray-900)}.analytics-chart-content{flex:1;padding:1.5rem}.analytics-chart-wrapper{height:100%;position:relative}.analytics-chart-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.analytics-chart-stats{display:flex;gap:2rem;justify-content:center}.analytics-chart-stat{font-size:.875rem;color:var(--gray-600)}.analytics-chart-loading{display:flex;align-items:center;justify-content:center;height:200px}.analytics-health-container{height:100%;display:flex;flex-direction:column}.analytics-health-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.analytics-health-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.analytics-health-icon{color:#22c55e}.analytics-health-actions{display:flex;gap:.5rem}.analytics-health-action-btn{padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);color:#fffc;cursor:pointer;transition:var(--transition)}.analytics-health-action-btn:hover{background:#fff3;color:var(--gray-900)}.analytics-health-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.analytics-health-score{display:flex;justify-content:center;margin-bottom:1rem}.analytics-health-score-circle{position:relative;width:120px;height:120px}.analytics-health-score-svg{width:100%;height:100%;transform:rotate(-90deg)}.analytics-health-score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.analytics-health-score-value{display:block;font-size:2rem;font-weight:700;color:var(--gray-900)}.analytics-health-score-label{display:block;font-size:.875rem;color:#fffc}.analytics-health-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.analytics-health-metric-card{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1rem;transition:var(--transition)}.analytics-health-metric-card:hover{background:#ffffff1a;transform:translateY(-2px)}.analytics-health-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.analytics-health-metric-icon{color:#3b82f6}.analytics-health-metric-label{font-size:.875rem;color:var(--gray-900);margin-bottom:.5rem}.analytics-health-metric-value{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.analytics-health-metric-progress{width:100%;height:4px;background:#ffffff1a;border-radius:var(--border-radius-full);overflow:hidden}.analytics-health-metric-progress-bar{height:100%;border-radius:var(--border-radius-full);transition:var(--transition)}.analytics-health-metric-description{font-size:.75rem;color:#fff9;margin-top:.5rem}.analytics-status-icon{font-size:1rem}.analytics-status-success{color:#22c55e}.analytics-status-warning{color:#f59e0b}.analytics-status-error{color:#ef4444}.analytics-health-timeline{margin-top:1rem}.analytics-health-timeline-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.analytics-health-timeline-chart{display:flex;align-items:end;height:60px;gap:2px;margin-bottom:.5rem}.analytics-health-timeline-point{flex:1;min-height:10px;border-radius:2px 2px 0 0;transition:var(--transition)}.analytics-health-healthy{background:#22c55e}.analytics-health-warning{background:#f59e0b}.analytics-health-timeline-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#fff9}.analytics-health-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem}.analytics-health-action-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);color:#fffc;cursor:pointer;transition:var(--transition);font-size:.875rem}.analytics-health-action-card:hover{background:#ffffff1a;color:var(--gray-900);transform:translateY(-2px)}.analytics-quality-container{height:100%;display:flex;flex-direction:column}.analytics-quality-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.analytics-quality-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.analytics-quality-icon{color:#8b5cf6}.analytics-quality-grade{text-align:center}.analytics-quality-grade-value{display:block;font-size:2rem;font-weight:700}.analytics-quality-grade-label{display:block;font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.analytics-quality-content{flex:1;padding:1.5rem;overflow-y:auto}.analytics-quality-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics-quality-metric{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1rem;text-align:center}.analytics-quality-metric-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem}.analytics-quality-metric-icon{color:#3b82f6}.analytics-quality-metric-value{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.analytics-quality-metric-progress{width:100%;height:4px;background:#ffffff1a;border-radius:var(--border-radius-full);overflow:hidden}.analytics-quality-metric-progress-bar{height:100%;border-radius:var(--border-radius-full);transition:var(--transition)}.analytics-quality-section-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.analytics-quality-insights-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.analytics-quality-insight-card{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1rem;transition:var(--transition)}.analytics-quality-insight-card:hover{background:#ffffff1a}.analytics-insight-improvement{border-left:3px solid #22c55e}.analytics-insight-warning{border-left:3px solid #f59e0b}.analytics-insight-success{border-left:3px solid #3b82f6}.analytics-insight-bug{border-left:3px solid #ef4444}.analytics-quality-insight-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.analytics-quality-insight-icon{font-size:1rem}.analytics-quality-insight-title{flex:1;font-weight:600;color:var(--gray-900)}.analytics-quality-insight-priority{padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.75rem;color:var(--gray-900);text-transform:uppercase;font-weight:600}.analytics-quality-insight-description{color:var(--gray-700);margin-bottom:.75rem;font-size:.875rem}.analytics-quality-insight-footer{display:flex;gap:1rem;font-size:.75rem;color:#6b7280cc}.analytics-light .analytics-quality-insight-footer,.analytics-light .analytics-quality-recommendation-description{color:#4b5563e6!important}.analytics-quality-insight-effort,.analytics-quality-insight-impact{font-weight:500}.analytics-quality-recommendations-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.analytics-quality-recommendation-card{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1rem;transition:var(--transition)}.analytics-quality-recommendation-card:hover{background:#ffffff1a}.analytics-quality-recommendation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.analytics-quality-recommendation-icon{color:#fbbf24}.analytics-quality-recommendation-title{font-weight:600;color:var(--gray-900)}.analytics-quality-recommendation-description{color:#fffc;margin-bottom:.75rem;font-size:.875rem}.analytics-quality-recommendation-tags{display:flex;gap:1rem}.analytics-quality-recommendation-tag{font-size:.75rem;font-weight:500}.analytics-quality-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.analytics-performance-container{height:100%;display:flex;flex-direction:column}.analytics-performance-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.analytics-performance-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.analytics-performance-icon{color:#f59e0b}.analytics-performance-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc}.analytics-performance-status-indicator{display:flex;align-items:center;gap:.5rem}.analytics-performance-content{flex:1;padding:1.5rem;overflow-y:auto}.analytics-performance-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics-performance-metric-card{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1rem;transition:var(--transition)}.analytics-performance-metric-card:hover{background:#ffffff1a;transform:translateY(-2px)}.analytics-performance-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.analytics-performance-metric-icon{font-size:1.25rem}.analytics-performance-metric-status{width:8px;height:8px;border-radius:50%}.analytics-performance-metric-value{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.analytics-performance-metric-label{font-size:.875rem;color:#fffc;margin-bottom:.75rem}.analytics-performance-metric-progress{width:100%;height:4px;background:#ffffff1a;border-radius:var(--border-radius-full);overflow:hidden}.analytics-performance-metric-progress-bar{height:100%;border-radius:var(--border-radius-full);transition:var(--transition)}.analytics-performance-timeline{margin-bottom:1.5rem}.analytics-performance-timeline-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.analytics-performance-timeline-chart{position:relative;height:120px;margin-bottom:1rem}.analytics-performance-timeline-lines{position:relative;height:100%}.analytics-performance-timeline-svg{position:absolute;top:0;left:0;width:100%;height:100%}.analytics-performance-timeline-legend{display:flex;gap:1rem;justify-content:center}.analytics-performance-timeline-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc}.analytics-performance-timeline-legend-color{width:12px;height:3px;border-radius:var(--border-radius-full)}.analytics-performance-alerts{margin-bottom:1.5rem}.analytics-performance-alerts-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.analytics-performance-alerts-list{display:flex;flex-direction:column;gap:.75rem}.analytics-performance-alert{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:var(--border-radius-lg);transition:var(--transition)}.analytics-performance-alert:hover{background:#ffffff1a}.analytics-alert-warning{border-left:3px solid #f59e0b}.analytics-alert-info{border-left:3px solid #3b82f6}.analytics-performance-alert-icon{color:#f59e0b}.analytics-performance-alert-content{flex:1}.analytics-performance-alert-message{color:var(--gray-900);font-weight:500;margin-bottom:.25rem}.analytics-performance-alert-timestamp{font-size:.75rem;color:var(--gray-600)}.analytics-performance-alert-severity{padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.75rem;color:var(--gray-900);text-transform:uppercase;font-weight:600}.analytics-severity-low{background:#22c55e}.analytics-severity-medium{background:#f59e0b}.analytics-severity-high{background:#ef4444}.analytics-engagement-container{padding:1.5rem}.analytics-engagement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-engagement-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--gray-900)}.analytics-engagement-icon{color:#3b82f6}.analytics-engagement-realtime{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2)}.analytics-realtime-indicator{color:#22c55e}.analytics-realtime-count{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.analytics-realtime-label{font-size:.875rem;color:#fffc}.analytics-engagement-content{display:flex;flex-direction:column;gap:2rem}.analytics-engagement-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.analytics-engagement-metric{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:var(--transition)}.analytics-engagement-metric:hover{background:#ffffff1a;transform:translateY(-4px)}.analytics-engagement-metric-icon{font-size:2rem;color:#3b82f6;background:#3b82f633;padding:.75rem;border-radius:var(--border-radius-lg)}.analytics-engagement-metric-content{flex:1}.analytics-engagement-metric-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.analytics-engagement-metric-label{font-size:.875rem;color:#fffc}.analytics-engagement-devices{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1.5rem}.analytics-engagement-section-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.analytics-engagement-devices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.analytics-engagement-device{text-align:center;padding:1rem;background:#ffffff0d;border-radius:var(--border-radius-lg);transition:var(--transition)}.analytics-engagement-device:hover{background:#ffffff1a;transform:translateY(-2px)}.analytics-engagement-device-icon{font-size:2rem;color:#8b5cf6;margin-bottom:.75rem}.analytics-engagement-device-label{font-size:.875rem;color:#fffc;margin-bottom:.5rem}.analytics-engagement-device-percentage{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.analytics-engagement-device-bar{width:100%;height:4px;background:#ffffff1a;border-radius:var(--border-radius-full);overflow:hidden}.analytics-engagement-pages{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1.5rem}.analytics-engagement-pages-list{display:flex;flex-direction:column;gap:.75rem}.analytics-engagement-page{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:var(--border-radius-lg);transition:var(--transition)}.analytics-engagement-page:hover{background:#ffffff1a}.analytics-engagement-page-info{flex:1}.analytics-engagement-page-path{font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.analytics-engagement-page-views{font-size:.875rem;color:#fffc}.analytics-engagement-page-engagement{display:flex;align-items:center;gap:.75rem;min-width:120px}.analytics-engagement-page-score{font-weight:600;color:var(--gray-900);min-width:35px}.analytics-engagement-page-bar{flex:1;height:4px;background:#ffffff1a;border-radius:var(--border-radius-full);overflow:hidden}.analytics-engagement-page-progress{height:100%;border-radius:var(--border-radius-full);transition:var(--transition)}.analytics-engagement-flow{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1.5rem}.analytics-engagement-flow-chart{display:flex;flex-direction:column;gap:1rem}.analytics-engagement-flow-step{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:var(--border-radius-lg);transition:var(--transition)}.analytics-engagement-flow-step:hover{background:#ffffff1a}.analytics-engagement-flow-from,.analytics-engagement-flow-to{flex:1;padding:.5rem;background:#ffffff1a;border-radius:var(--border-radius);text-align:center;color:var(--gray-900);font-weight:500}.analytics-engagement-flow-arrow{color:#3b82f6;font-size:1.25rem}.analytics-engagement-flow-stats{display:flex;flex-direction:column;gap:.25rem;min-width:100px;text-align:right}.analytics-engagement-flow-users{color:var(--gray-900);font-weight:600;font-size:.875rem}.analytics-engagement-flow-dropoff{color:#ef4444;font-size:.75rem}.analytics-engagement-timeline{background:#ffffff0d;border-radius:var(--border-radius-lg);padding:1.5rem}.analytics-engagement-timeline-chart{display:flex;align-items:end;height:80px;gap:2px;margin-bottom:.5rem}.analytics-engagement-timeline-point{flex:1;min-height:10px;background:#3b82f6;border-radius:2px 2px 0 0;transition:var(--transition)}.analytics-engagement-timeline-point:hover{background:#60a5fa}.analytics-engagement-timeline-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#fff9}.analytics-engagement-loading{display:flex;align-items:center;justify-content:center;height:200px}@media (max-width: 768px){.analytics-status-bar{left:0;padding:.5rem 1rem;flex-direction:column;gap:1rem}.analytics-status-left{gap:1.5rem;justify-content:center;flex-wrap:wrap}.analytics-status-right{gap:1rem;justify-content:center}.analytics-status-indicator,.analytics-performance-indicator,.analytics-last-update{font-size:.8rem;padding:.25rem 0}.analytics-export-btn,.analytics-fullscreen-btn{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.analytics-status-left{gap:1rem;text-align:center}.analytics-status-indicator,.analytics-performance-indicator,.analytics-last-update{flex-direction:column;gap:.25rem;text-align:center}}.analytics-status-indicator{border-right:1px solid rgba(255,255,255,.1);padding-right:1rem}.analytics-light .analytics-status-indicator{border-right-color:#0000001a}.analytics-performance-indicator{border-right:1px solid rgba(255,255,255,.1);padding-right:1rem}.analytics-light .analytics-performance-indicator{border-right-color:#0000001a}.analytics-last-update{border-right:none;padding-right:0}@keyframes analytics-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes analytics-gradient-shift{0%,to{background:linear-gradient(90deg,#22c55e,#3b82f6,#8b5cf6)}33%{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#22c55e)}66%{background:linear-gradient(90deg,#8b5cf6,#22c55e,#3b82f6)}}@keyframes analytics-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.analytics-light .analytics-section-title,.analytics-light .analytics-performance-title,.analytics-light .analytics-quality-title,.analytics-light .analytics-chart-title,.analytics-light .analytics-health-title{color:var(--gray-900)!important}.analytics-light .analytics-section-subtitle,.analytics-light .analytics-performance-subtitle,.analytics-light .analytics-quality-subtitle{color:var(--gray-600)!important}.analytics-light .analytics-filter-item,.analytics-light .analytics-filter-label{color:var(--gray-700)!important}.analytics-light .analytics-filter-select,.analytics-light .analytics-filter-input{background:var(--white)!important;color:var(--gray-900)!important;border:1px solid var(--gray-300)!important}.analytics-light .analytics-export-btn,.analytics-light .analytics-action-btn,.analytics-light .analytics-refresh-btn{background:var(--white)!important;color:var(--gray-700)!important;border:1px solid var(--gray-300)!important}.analytics-light .analytics-export-btn:hover,.analytics-light .analytics-action-btn:hover,.analytics-light .analytics-refresh-btn:hover{background:var(--gray-50)!important;color:var(--gray-900)!important}.analytics-light .analytics-chart-nav-btn{background:#0000000d!important;border:1px solid rgba(0,0,0,.1)!important;color:var(--gray-700)!important}.analytics-light .analytics-chart-nav-btn:hover{background:#0000001a!important;color:var(--gray-900)!important}.analytics-light .analytics-chart-nav-btn.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--gray-900)!important}.analytics-light .analytics-metric-progress{background:#0000001a!important}.analytics-light .analytics-progress-ring-bg{stroke:#0000001a!important}.analytics-light .analytics-performance-metric-value,.analytics-light .analytics-performance-metric-label{color:var(--gray-900)!important}.analytics-light .analytics-performance-metric-change{color:var(--gray-600)!important}.analytics-light .analytics-health-metric-value{color:var(--gray-900)!important}.analytics-light .analytics-health-metric-label{color:var(--gray-600)!important}.analytics-light .analytics-health-status-text{color:var(--gray-700)!important}.analytics-light .analytics-quality-score{color:var(--gray-900)!important}.analytics-light .analytics-quality-label{color:var(--gray-600)!important}.analytics-light .analytics-quality-recommendation,.analytics-light .analytics-quality-item-label{color:var(--gray-700)!important}.analytics-light .analytics-quality-item-value,.analytics-light .analytics-engagement-metric-value{color:var(--gray-900)!important}.analytics-light .analytics-engagement-metric-label{color:var(--gray-600)!important}.analytics-light .analytics-engagement-flow-step{color:var(--gray-700)!important}.analytics-light .analytics-engagement-timeline-labels{color:var(--gray-500)!important}.analytics-light .analytics-status-bar{background:#fffffff2!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-status-text,.analytics-light .analytics-last-updated{color:var(--gray-700)!important}.analytics-light .analytics-status-dot.analytics-status-online{background:var(--success-color)!important}.analytics-light .analytics-status-dot.analytics-status-updating{background:var(--warning-color)!important}.analytics-light .analytics-status-dot.analytics-status-offline{background:var(--danger-color)!important}.analytics-light .analytics-metric-trend.positive{color:var(--success-color)!important}.analytics-light .analytics-metric-trend.negative{color:var(--danger-color)!important}.analytics-light .analytics-trend-up{color:var(--success-color)!important}.analytics-light .analytics-trend-down{color:var(--danger-color)!important}.analytics-light .analytics-loading-text{color:var(--gray-700)!important}.analytics-light .analytics-shimmer{background:linear-gradient(90deg,#0000000d 25%,#0000001a,#0000000d 75%)!important}.analytics-light .analytics-metric-value{color:var(--gray-900)!important;font-weight:700}.analytics-light .analytics-metric-label{color:var(--gray-700)!important;font-weight:500}.analytics-light .analytics-chart-title{color:var(--gray-900)!important}.analytics-light .analytics-chart-subtitle{color:var(--gray-600)!important}.analytics-light .analytics-section-title{color:var(--gray-900)!important}.analytics-light .analytics-section-subtitle{color:var(--gray-600)!important}.analytics-light .analytics-card-title{color:var(--gray-900)!important}.analytics-light .analytics-card-content{color:var(--gray-700)!important}.analytics-light .analytics-stat-value{color:var(--gray-900)!important}.analytics-light .analytics-stat-label{color:var(--gray-600)!important}.analytics-light .analytics-progress-label{color:var(--gray-700)!important}.analytics-light .analytics-filter-label{color:var(--gray-800)!important}.analytics-light .analytics-dropdown-text{color:var(--gray-900)!important}.analytics-light .analytics-status-text,.analytics-light .analytics-legend-text{color:var(--gray-700)!important}.analytics-light .analytics-tooltip-text{color:var(--gray-900)!important}.analytics-dark .analytics-metric-card{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(148,163,184,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff0d}.analytics-dark .analytics-chart-container{background:linear-gradient(135deg,#111827e6,#1f2937f2);border:1px solid rgba(75,85,99,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,inset 0 1px #ffffff0d}.analytics-dark .analytics-section-card{background:linear-gradient(135deg,#14141feb,#16213ef2);border:1px solid rgba(100,116,139,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #0000002e,0 6px 20px #0000001f,inset 0 1px #ffffff08}.analytics-dark .analytics-filter-container{background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid rgba(148,163,184,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.analytics-light .analytics-metric-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000000f,0 2px 8px #0000000a,inset 0 1px #fffc}.analytics-light .analytics-chart-container{background:linear-gradient(135deg,#fffffffa,#f1f5f9f2);border:1px solid rgba(0,0,0,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #fff}.analytics-light .analytics-section-card{background:linear-gradient(135deg,#fffffff7,#f1f5f9f0);border:1px solid rgba(0,0,0,.09);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #0000000f,0 6px 20px #0000000a,inset 0 1px #fffffff2}.analytics-light .analytics-filter-container{background:linear-gradient(135deg,#fffffff5,#f8fafced);border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.analytics-metric-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-metric-card:hover{transform:translateY(-4px) scale(1.02)}.analytics-dark .analytics-metric-card:hover{background:linear-gradient(135deg,#2563eb26,#1e293bf2);border-color:#2563eb4d;box-shadow:0 12px 40px #2563eb26,0 6px 20px #0003,inset 0 1px #ffffff1a}.analytics-light .analytics-metric-card:hover{background:linear-gradient(135deg,#2563eb0d,#fffffffa);border-color:#2563eb33;box-shadow:0 12px 40px #2563eb14,0 6px 20px #00000014,inset 0 1px #fff}.analytics-metric-progress{background:#94a3b833;overflow:hidden;position:relative}.analytics-dark .analytics-metric-progress{background:#4b55634d}.analytics-light .analytics-metric-progress{background:#e2e8f099}.analytics-metric-progress-bar{position:relative;overflow:hidden}.analytics-metric-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:analytics-shimmer 2s infinite}.analytics-trend-up{background:linear-gradient(135deg,#10b98126,#22c55e1a);color:#10b981!important;border:1px solid rgba(16,185,129,.2)}.analytics-trend-down{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#ef4444!important;border:1px solid rgba(239,68,68,.2)}.analytics-dark .analytics-trend-up{background:linear-gradient(135deg,#10b98133,#22c55e26);border-color:#10b9814d}.analytics-dark .analytics-trend-down{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef44444d}.analytics-metric-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.analytics-metric-card:hover .analytics-metric-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.analytics-metric-value{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-weight:700;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.analytics-metric-label{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-weight:500;letter-spacing:.01em}.analytics-chart-container canvas{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.analytics-dark .analytics-chart-container canvas{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.analytics-status-indicator{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius-full);font-size:.875rem;font-weight:500;border:1px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.analytics-status-healthy{background:linear-gradient(135deg,#10b9811a,#22c55e0d);color:#10b981;border-color:#10b98133}.analytics-status-warning{background:linear-gradient(135deg,#f59e0b1a,#fbbf240d);color:#f59e0b;border-color:#f59e0b33}.analytics-status-error,.analytics-status-critical{background:linear-gradient(135deg,#ef44441a,#dc26260d);color:#ef4444;border-color:#ef444433}.analytics-filter-group{display:flex;flex-direction:column;gap:.5rem}.analytics-filter-dropdown{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);padding:.75rem 1rem;color:var(--gray-900);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.analytics-light .analytics-filter-dropdown{background:#ffffffe6;border-color:#0000001a;color:var(--gray-900)}.analytics-filter-dropdown:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.analytics-tooltip{background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid rgba(148,163,184,.2);border-radius:var(--border-radius-lg);padding:.75rem 1rem;color:var(--gray-900);font-size:.875rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0003}.analytics-light .analytics-tooltip{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-color:#00000026;color:var(--gray-900);box-shadow:0 8px 24px #0000001f}.analytics-loading-shimmer{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:analytics-shimmer 1.5s infinite}.analytics-light .analytics-loading-shimmer{background:linear-gradient(90deg,#e2e8f066,#cbd5e199,#e2e8f066)}.analytics-container::-webkit-scrollbar{width:8px;height:8px}.analytics-container::-webkit-scrollbar-track{background:#94a3b81a;border-radius:4px}.analytics-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:4px}.analytics-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color))}.analytics-filter-dropdown:focus,.analytics-button:focus{outline:none;box-shadow:0 0 0 3px #2563eb33,0 2px 8px #0000001a}.analytics-metric-card,.analytics-chart-container,.analytics-section-card{will-change:transform;backface-visibility:hidden;perspective:1000px}@media (max-width: 768px){.analytics-metric-value{font-size:1.5rem}.analytics-metric-label{font-size:.75rem}.analytics-metric-card,.analytics-chart-container{padding:1rem}}@media print{.analytics-container{background:#fff!important;color:#000!important}.analytics-metric-card,.analytics-chart-container{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}}.analytics-light .analytics-engagement-title,.analytics-light .analytics-realtime-count{color:var(--gray-900)!important}.analytics-light .analytics-realtime-label{color:var(--gray-600)!important}.analytics-light .analytics-engagement-metric-value{color:var(--gray-900)!important}.analytics-light .analytics-engagement-metric-label,.analytics-light .analytics-engagement-device-label{color:var(--gray-600)!important}.analytics-light .analytics-engagement-device-percentage,.analytics-light .analytics-engagement-page-path{color:var(--gray-900)!important}.analytics-light .analytics-engagement-page-views{color:var(--gray-600)!important}.analytics-light .analytics-engagement-page-score{color:var(--gray-900)!important}.analytics-light .analytics-engagement-flow-from,.analytics-light .analytics-engagement-flow-to{color:var(--gray-900)!important;background:#f8fafce6!important}.analytics-light .analytics-engagement-flow-users{color:var(--gray-900)!important}.analytics-light .analytics-engagement-timeline-labels{color:var(--gray-600)!important}.analytics-light .analytics-engagement-realtime,.analytics-light .analytics-engagement-metric{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-engagement-metric:hover{background:#fffffff2!important;box-shadow:0 8px 20px #0000001a!important}.analytics-light .analytics-engagement-devices{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-engagement-device{background:#fffc!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-engagement-device:hover{background:#fffffff2!important;box-shadow:0 4px 12px #0000001a!important}.analytics-light .analytics-engagement-device-bar{background:#0000001a!important}.analytics-light .analytics-engagement-pages{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-engagement-page{background:#fffc!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-engagement-page:hover{background:#fffffff2!important;box-shadow:0 4px 12px #0000001a!important}.analytics-light .analytics-engagement-page-bar{background:#0000001a!important}.analytics-light .analytics-engagement-flow{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-engagement-flow-step{background:#fffc!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-engagement-flow-step:hover{background:#fffffff2!important;box-shadow:0 4px 12px #0000001a!important}.analytics-light .analytics-engagement-timeline{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-engagement-timeline-chart{background:#f8fafc80!important;border-radius:var(--border-radius)!important;padding:.5rem!important;border:1px solid rgba(0,0,0,.05)!important}.analytics-light .analytics-engagement-container{background:#fffffff2!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 8px 24px #00000014!important}.analytics-light .analytics-engagement-header{border-bottom:1px solid rgba(0,0,0,.1)!important;padding-bottom:1rem!important}.analytics-light .analytics-engagement-content{background:transparent!important}.analytics-light .analytics-engagement-metric-icon{background:#3b82f61a!important;color:var(--primary-color)!important}.analytics-light .analytics-engagement-icon{color:var(--primary-color)!important}.analytics-light .analytics-realtime-indicator{color:#22c55e!important}.analytics-light .analytics-engagement-device-icon{color:#8b5cf6!important}.analytics-light .analytics-engagement-flow-arrow{color:var(--primary-color)!important}.analytics-light .analytics-engagement-timeline-point{background:linear-gradient(to top,var(--primary-color),rgba(59,130,246,.7))!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 2px 4px #0000001a!important}.analytics-light .analytics-engagement-timeline-point:hover{background:linear-gradient(to top,var(--primary-dark),var(--primary-color))!important;box-shadow:0 4px 8px #00000026!important}.analytics-light .analytics-engagement-loading{color:var(--gray-700)!important}.analytics-light .analytics-engagement-devices,.analytics-light .analytics-engagement-pages,.analytics-light .analytics-engagement-flow,.analytics-light .analytics-engagement-timeline{margin-bottom:2rem!important;border-radius:var(--border-radius-lg)!important;padding:1.5rem!important}.analytics-light .analytics-engagement-devices:hover,.analytics-light .analytics-engagement-pages:hover,.analytics-light .analytics-engagement-flow:hover,.analytics-light .analytics-engagement-timeline:hover{box-shadow:0 12px 28px #0000001f!important;transform:translateY(-2px)!important}.analytics-light .analytics-chart-container canvas{background:transparent!important}.analytics-light{--chart-text-color: #374151;--chart-grid-color: rgba(0, 0, 0, .1);--chart-border-color: rgba(0, 0, 0, .2);--chart-legend-color: #1f2937;--chart-tooltip-bg: rgba(255, 255, 255, .95);--chart-tooltip-text: #1f2937;--chart-axis-color: #374151}.analytics-light .analytics-chart-container .chartjs-tooltip{background:var(--chart-tooltip-bg)!important;color:var(--chart-tooltip-text)!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-chart-container .chartjs-tooltip-caret{border-top-color:var(--chart-tooltip-bg)!important;border-bottom-color:var(--chart-tooltip-bg)!important}.analytics-light .analytics-chart-container svg text,.analytics-light .analytics-chart-container svg .tick text,.analytics-light .analytics-chart-container svg .axis text,.analytics-light .analytics-chart-container svg .x-axis text,.analytics-light .analytics-chart-container svg .y-axis text{fill:var(--chart-text-color)!important;color:var(--chart-text-color)!important}.analytics-light .analytics-chart-container .legend text,.analytics-light .analytics-chart-container .legend-item,.analytics-light .analytics-chart-container .chart-legend text{color:var(--chart-legend-color)!important;fill:var(--chart-legend-color)!important}.analytics-light .analytics-chart-container .grid-line,.analytics-light .analytics-chart-container .chart-grid line,.analytics-light .analytics-chart-container svg .grid line{stroke:var(--chart-grid-color)!important}.analytics-light .analytics-chart-container .axis-line,.analytics-light .analytics-chart-container .domain,.analytics-light .analytics-chart-container svg .axis path{stroke:var(--chart-axis-color)!important}.analytics-light .analytics-chart-container .data-label,.analytics-light .analytics-chart-container .value-label,.analytics-light .analytics-chart-container .chart-label{color:var(--chart-text-color)!important;fill:var(--chart-text-color)!important}.analytics-light .recharts-cartesian-axis-tick-value,.analytics-light .recharts-legend-item-text,.analytics-light .recharts-label,.analytics-light .recharts-text{fill:var(--chart-text-color)!important}.analytics-light .recharts-cartesian-grid-horizontal line,.analytics-light .recharts-cartesian-grid-vertical line{stroke:var(--chart-grid-color)!important}.analytics-light .recharts-cartesian-axis line{stroke:var(--chart-axis-color)!important}.analytics-light .analytics-chart-container .d3-axis text,.analytics-light .analytics-chart-container .axis text{fill:var(--chart-text-color)!important}.analytics-light .analytics-chart-container .d3-axis path,.analytics-light .analytics-chart-container .d3-axis line,.analytics-light .analytics-chart-container .axis path,.analytics-light .analytics-chart-container .axis line{stroke:var(--chart-axis-color)!important}.analytics-light .apexcharts-text,.analytics-light .apexcharts-datalabel-label,.analytics-light .apexcharts-datalabel-value{fill:var(--chart-text-color)!important}.analytics-light .apexcharts-gridline{stroke:var(--chart-grid-color)!important}.analytics-light .apexcharts-xaxis-label,.analytics-light .apexcharts-yaxis-label{fill:var(--chart-text-color)!important}.analytics-light .highcharts-axis-labels text,.analytics-light .highcharts-xaxis-labels text,.analytics-light .highcharts-yaxis-labels text{fill:var(--chart-text-color)!important}.analytics-light .highcharts-grid-line{stroke:var(--chart-grid-color)!important}.analytics-light .highcharts-axis-line{stroke:var(--chart-axis-color)!important}.analytics-light .chart text,.analytics-light .chart-text,.analytics-light .axis-text,.analytics-light .tick-text,.analytics-light .chart-axis-text{color:var(--chart-text-color)!important;fill:var(--chart-text-color)!important}.analytics-light .analytics-chart-stat{color:var(--chart-text-color)!important}.analytics-light .analytics-chart-stat-value{color:var(--chart-legend-color)!important;font-weight:600!important}.analytics-light .analytics-chart-stat-label{color:#6b7280!important}.analytics-light .analytics-chart-nav-btn{color:var(--chart-text-color)!important;background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important}.analytics-light .analytics-chart-nav-btn:hover{background:#fff!important;color:var(--chart-legend-color)!important}.analytics-light .analytics-chart-nav-btn.active{background:var(--primary-color)!important;color:#fff!important}.analytics-light .analytics-chart-container .tooltip,.analytics-light .analytics-chart-container .chart-tooltip,.analytics-light .analytics-chart-container [role=tooltip]{background:var(--chart-tooltip-bg)!important;color:var(--chart-tooltip-text)!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 12px #0000001a!important}.analytics-light .analytics-chart-title{color:var(--chart-legend-color)!important}.analytics-light .analytics-chart-subtitle{color:#6b7280!important}.analytics-light .analytics-chart-container .chart-text,.analytics-light .analytics-chart-container .chart-label,.analytics-light .analytics-chart-container .chart-value,.analytics-light .analytics-chart-container{color:var(--chart-text-color)!important}.analytics-light .analytics-chart-container .chart-legend,.analytics-light .analytics-chart-container .legend{color:var(--chart-legend-color)!important}.analytics-light .analytics-chart-container .chart-axis,.analytics-light .analytics-chart-container .axis{color:var(--chart-text-color)!important}.analytics-light .analytics-chart-container canvas+div,.analytics-light .analytics-chart-container .chart-overlay{color:var(--chart-text-color)!important}.analytics-light .analytics-chart-container canvas[role=img]+*{color:var(--chart-text-color)!important}.analytics-light .analytics-chart-container text,.analytics-light .analytics-chart-container span,.analytics-light .analytics-chart-container div[class*=label],.analytics-light .analytics-chart-container div[class*=tick],.analytics-light .analytics-chart-container div[class*=axis]{color:var(--chart-text-color)!important}.analytics-light .analytics-performance-timeline-legend-item{color:var(--chart-text-color)!important}.analytics-light .analytics-health-timeline-labels{color:#6b7280!important}.analytics-light .analytics-quality-metric-header span{color:var(--chart-text-color)!important}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #475569;--secondary-hover: #334155;--success-color: #22c55e;--dark-color: #0f172a;--light-color: #f8fafc;--primary-dark: #1e40af;--primary-light: #3b82f6;--danger-color-dark: #b91c1c;--accent-color: #8b5cf6;--accent-dark: #6d28d9;--secondary-dark: #1f2937;--white: #ffffff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--border-radius-2xl: 1.5rem;--dark-bg: #121212;--dark-surface: #1e1e1e;--dark-border: #333333;--dark-text-primary: #e0e0e0;--dark-text-secondary: #a0a0a0;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--btn-primary-hover: #1d4ed8;--btn-danger-hover: #dc2626;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--border-radius-sm: .25rem;--border-radius: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--sidebar-width: 260px;--header-height: 70px;--content-max-width: 1400px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .05);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition: all .3s ease;--transition-fast: all .15s ease;--transition-slow: all .5s ease;--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-dark));--gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark));--gradient-accent: linear-gradient(135deg, var(--accent-color), var(--accent-dark));--gradient-success: linear-gradient(135deg, var(--success-color), #059669);--gradient-danger: linear-gradient(135deg, var(--danger-color), #dc2626);--gradient-blue: linear-gradient(135deg, #3b82f6, #1d4ed8);--gradient-purple: linear-gradient(135deg, #8b5cf6, #6d28d9);--gradient-pink: linear-gradient(135deg, #ec4899, #be185d);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--gray-100);color:var(--gray-800);line-height:1.5;transition:var(--theme-transition)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dark-mode{--gray-50: #1f2937;--gray-100: var(--dark-bg);--gray-200: var(--dark-border);--gray-300: #444444;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff;--black: #ffffff;--white: var(--dark-surface);color-scheme:dark;color:var(--dark-text-primary)}.dark-mode .sidebar,.dark-mode .header,.dark-mode .project-card,.dark-mode .dashboard-section,.dark-mode .form-card,.dark-mode .auth-container{background-color:var(--dark-surface);border-color:var(--dark-border)}.dark-mode .sidebar-link{color:var(--dark-text-secondary)}.dark-mode .sidebar-link:hover{background-color:#ffffff0d;color:var(--primary-color)}.admin-layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;margin-left:250px;transition:margin-left .3s ease}.content-container{padding:2rem;flex:1;background-color:var(--gray-100);transition:var(--theme-transition)}.sidebar{width:250px;height:100vh;position:fixed;top:0;left:0;background-color:var(--white);border-right:1px solid var(--gray-200);box-shadow:var(--shadow);z-index:10;display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease,background-color .3s ease}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--gray-200)}.sidebar-header h2{color:var(--primary-color);font-size:1.5rem;font-weight:700}.sidebar-nav{padding:1rem 0;flex:1;overflow-y:auto}.sidebar-nav ul{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--gray-700);transition:var(--transition);font-weight:500;position:relative}.sidebar-link:hover{background-color:var(--gray-100);color:var(--primary-color)}.sidebar-link.active{color:var(--primary-color);background-color:#2563eb1a;font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color)}.sidebar-icon{margin-right:.75rem;font-size:1.25rem}.logout-btn{border:none;background:none;cursor:pointer;width:100%;text-align:left;margin-top:auto;color:var(--danger-color);display:flex;align-items:center;padding:.75rem 1.5rem;font-weight:500;transition:var(--transition)}.logout-btn:hover{background-color:#ef44441a}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);font-size:.75rem;color:var(--gray-500)}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:5;transition:var(--theme-transition)}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{font-size:1.5rem;color:var(--gray-800)}.header-right{display:flex;align-items:center;gap:1.5rem}.header-icons{display:flex;gap:.75rem}.icon-button{width:40px;height:40px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);border:none;cursor:pointer;transition:var(--transition);position:relative;color:var(--gray-700)}.icon-button:hover{background-color:var(--gray-200);color:var(--primary-color);transform:translateY(-2px)}.badge{position:absolute;top:-5px;right:-5px;background-color:var(--danger-color);color:var(--white);font-size:.75rem;width:18px;height:18px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.user-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:var(--transition)}.user-profile:hover{background-color:var(--gray-100)}.avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background-color:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--white);background-color:var(--success-color)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.875rem;color:var(--gray-800)}.user-role{font-size:.75rem;color:var(--gray-500)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--gray-700);font-size:1.25rem;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--border-radius-full);transition:var(--transition)}.theme-toggle:hover{background-color:var(--gray-100);color:var(--primary-color)}.btn{position:relative;overflow:hidden;padding:.625rem 1.25rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.btn:active:after{transform:scale(0);opacity:.3;transition:0s}.btn-primary{background-color:var(--primary-color);color:var(--white);border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--white);color:var(--gray-800);border:1px solid var(--gray-300);padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background-color:var(--gray-100);transform:translateY(-2px)}.btn-danger{background-color:var(--danger-color);color:var(--white);border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition)}.btn-danger:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition)}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.btn-outline-danger{background-color:transparent;color:var(--danger-color);border:1px solid var(--danger-color);padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition)}.btn-outline-danger:hover{background-color:var(--danger-color);color:var(--white)}.btn-icon{width:32px;height:32px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);border:none;cursor:pointer;transition:var(--transition);color:var(--gray-700)}.btn-icon:hover{background-color:var(--gray-200);color:var(--primary-color);transform:translateY(-2px)}.btn-icon.delete:hover{background-color:#fecaca;color:var(--danger-color)}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-loading{position:relative;pointer-events:none;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:calc(50% - .5rem);left:calc(50% - .5rem);border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);background-color:var(--white);transition:var(--transition);font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb26}.form-group input::placeholder{color:var(--gray-400)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.form-row .form-group{flex:1;min-width:250px;margin-bottom:0}.form-row .form-group.wide{flex:2}.input-with-button{display:flex;gap:.5rem}.input-with-button button{white-space:nowrap}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.5rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.custom-select{position:relative;display:inline-block;width:100%}.custom-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2.5rem}.custom-select:after{content:"▼";font-size:.7rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray-500)}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:var(--danger-color);background-color:#ef44440d}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:var(--success-color);background-color:#22c55e0d}.error-message{color:var(--danger-color);font-size:.75rem;margin-top:.25rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--gray-200);color:var(--gray-800);border-radius:var(--border-radius);font-size:.875rem;transition:var(--transition)}.tag:hover{background-color:var(--gray-300)}.tag button{background:none;border:none;cursor:pointer;color:var(--gray-500);font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;margin-left:.25rem}.tag button:hover{color:var(--danger-color)}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:0;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin:0}.custom-checkbox{position:relative;display:inline-block;width:18px;height:18px;margin-right:.5rem}.custom-checkbox input{opacity:0;width:0;height:0}.checkmark{position:absolute;top:0;left:0;width:18px;height:18px;background-color:var(--white);border:1px solid var(--gray-300);border-radius:3px;transition:var(--transition)}.custom-checkbox input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input:checked~.checkmark:after{display:block}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions-container{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--gray-200);margin-top:2rem}.save-btn{padding:.75rem 1.5rem;font-size:1rem}.card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.card-primary{border-top:4px solid var(--primary-color)}.card-success{border-top:4px solid var(--success-color)}.card-warning{border-top:4px solid var(--warning-color)}.card-danger{border-top:4px solid var(--danger-color)}.form-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem;transition:var(--theme-transition)}.form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-card-header h4{font-size:1.125rem;color:var(--gray-800)}.items-list{display:flex;flex-direction:column;gap:1rem}.list-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:transform .3s ease,box-shadow .3s ease}.list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}.item-content h4{font-size:1rem;color:var(--gray-800);margin-bottom:.25rem}.item-content p{color:var(--gray-600);font-size:.875rem}.item-period{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.item-description{margin-top:.5rem!important;font-size:.875rem;color:var(--gray-700)!important}.item-actions{display:flex;gap:.5rem}.empty-list{padding:2rem;text-align:center;color:var(--gray-500);background-color:var(--white);border-radius:var(--border-radius);border:1px dashed var(--gray-300)}.table-container{overflow-x:auto;border-radius:var(--border-radius);box-shadow:var(--shadow);background-color:var(--white);margin-bottom:1.5rem}table{width:100%;border-collapse:collapse;background-color:var(--white)}th{background-color:var(--gray-100);color:var(--gray-800);font-weight:600;text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--gray-300)}td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-200);color:var(--gray-700)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--gray-50)}.table-actions{display:flex;gap:.5rem;justify-content:flex-end}.table-empty{padding:2rem;text-align:center;color:var(--gray-500)}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.pagination-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background-color:var(--white);border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;transition:var(--transition)}.pagination-item:hover{background-color:var(--gray-100);border-color:var(--gray-300)}.pagination-item.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.pagination-item.disabled{opacity:.5;cursor:not-allowed}.dashboard-container{padding:.5rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{font-size:1.5rem;color:var(--gray-800);margin-bottom:.5rem}.dashboard-header p{color:var(--gray-600)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow);padding:1.5rem;display:flex;align-items:center;position:relative;transition:transform .3s ease,box-shadow .3s ease;animation:slideUp .4s ease forwards;animation-delay:calc(var(--index, 0) * .1s)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-icon{width:50px;height:50px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:1rem}.stat-icon.projects{background-color:#2563eb1a;color:var(--primary-color)}.stat-icon.skills{background-color:#22c55e1a;color:var(--success-color)}.stat-icon.experience{background-color:#f59e0b1a;color:var(--warning-color)}.stat-icon.education{background-color:#3b82f61a;color:var(--info-color)}.stat-info h3{font-size:1.5rem;color:var(--gray-800);margin-bottom:.25rem}.stat-info p{color:var(--gray-600);font-size:.875rem}.stat-action{position:absolute;top:1rem;right:1rem}.action-link{font-size:.75rem;color:var(--primary-color);font-weight:500}.action-link:hover{text-decoration:underline}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.dashboard-section{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow);padding:1.5rem;transition:var(--theme-transition);animation:fadeIn .3s ease forwards}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-header h3{font-size:1.125rem;color:var(--gray-800)}.recent-projects{display:flex;flex-direction:column;gap:1rem}.project-item{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;background-color:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:transform .3s ease,box-shadow .3s ease}.project-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}.project-info h4{font-size:1rem;color:var(--gray-800);margin-bottom:.25rem}.project-info p{color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.update-time{font-size:.75rem;color:var(--gray-500)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-card{display:flex;align-items:center;padding:1rem;background-color:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:var(--transition)}.action-card:hover{background-color:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-icon{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-right:1rem;background-color:var(--primary-color);color:var(--white)}.action-content h4{font-size:.875rem;color:var(--gray-800);margin-bottom:.25rem}.action-content p{color:var(--gray-600);font-size:.75rem}.project-list-container{padding:.5rem}.project-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.project-list-header h2{font-size:1.5rem;color:var(--gray-800)}.project-filters{display:flex;gap:1rem;margin-bottom:1.5rem;background-color:var(--white);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.search-box{flex:1;position:relative}.search-box input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);background-color:var(--white)}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.tech-filter{width:200px}.tech-filter select{width:100%;padding:.625rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);background-color:var(--white)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.project-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .3s ease forwards}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.project-card-content{padding:1rem}.project-image{width:100%;height:180px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.project-card:hover .project-image img{transform:scale(1.05)}.project-info{padding:1rem 0}.project-info h3{font-size:1.125rem;color:var(--gray-800);margin-bottom:.5rem}.project-info p{color:var(--gray-600);margin-bottom:.75rem;font-size:.875rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tech-tag{padding:.25rem .5rem;background-color:#2563eb1a;color:var(--primary-color);border-radius:var(--border-radius);font-size:.75rem;font-weight:500;transition:var(--transition)}.tech-tag:hover{background-color:#2563eb33;transform:translateY(-1px)}.project-date{color:var(--gray-500);font-size:.75rem}.project-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.delete-confirm{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;z-index:5;animation:fadeIn .2s ease forwards}.delete-confirm p{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--gray-800);text-align:center}.delete-actions{display:flex;gap:1rem}.loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fffc;padding:1rem 2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;animation:fadeIn .2s ease forwards}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--gray-600)}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(37,99,235,.1);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.no-projects{padding:3rem 1rem;text-align:center;color:var(--gray-500);background-color:var(--white);border-radius:var(--border-radius);border:1px dashed var(--gray-300)}.message{margin-bottom:1.5rem;padding:1rem;border-radius:var(--border-radius);font-size:.875rem;position:relative;animation:slideUp .3s ease forwards}.message.success{background-color:#22c55e1a;color:var(--success-color);border:1px solid rgba(34,197,94,.2)}.message.error{background-color:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.message.warning{background-color:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.message.info{background-color:#3b82f61a;color:var(--info-color);border:1px solid rgba(59,130,246,.2)}.message-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;color:currentColor;opacity:.7;font-size:1rem}.message-close:hover{opacity:1}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:350px}.toast{padding:1rem;border-radius:var(--border-radius);background-color:var(--white);box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:.75rem;animation:slideIn .3s ease forwards;position:relative;overflow:hidden}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:1.25rem;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:.25rem;font-size:.875rem}.toast-message{font-size:.75rem;color:var(--gray-600)}.toast-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;color:var(--gray-500);font-size:.875rem}.toast-close:hover{color:var(--gray-700)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:var(--primary-color);animation:progress 3s linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}.toast.success .toast-icon{color:var(--success-color)}.toast.error .toast-icon{color:var(--danger-color)}.toast.warning .toast-icon{color:var(--warning-color)}.toast.info .toast-icon{color:var(--info-color)}.project-form-container{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow);padding:2rem;animation:fadeIn .3s ease forwards}.project-form-container h2{margin-bottom:1.5rem;color:var(--gray-800)}.profile-form-container{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow);padding:2rem;animation:fadeIn .3s ease forwards}.profile-header{margin-bottom:1.5rem}.profile-header h2{display:flex;align-items:center;gap:.5rem;color:var(--gray-800);margin-bottom:.5rem}.profile-header p{color:var(--gray-600);font-size:.875rem}.form-section{margin-bottom:2.5rem}.form-section h3{font-size:1.125rem;color:var(--gray-800);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.file-upload{position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem;border:2px dashed var(--gray-300);border-radius:var(--border-radius);background-color:var(--gray-50);transition:var(--transition);cursor:pointer}.file-upload:hover{border-color:var(--primary-color);background-color:#2563eb0d}.file-upload input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.file-upload-icon{font-size:2rem;color:var(--gray-400);margin-bottom:1rem}.file-upload-text{font-size:.875rem;color:var(--gray-600);text-align:center}.file-upload-text strong{color:var(--primary-color)}.file-preview{margin-top:1rem;width:100%;display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius)}.file-item-name{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700)}.file-item-icon{color:var(--primary-color)}.file-item-remove{background:none;border:none;color:var(--gray-500);cursor:pointer;transition:var(--transition)}.file-item-remove:hover{color:var(--danger-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease forwards}.modal{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.modal-close{background:none;border:none;color:var(--gray-500);font-size:1.25rem;cursor:pointer;transition:var(--transition)}.modal-close:hover{color:var(--danger-color)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:0 2rem;animation:fadeIn .3s ease forwards}.not-found h2{font-size:2rem;color:var(--gray-800);margin-bottom:1rem}.not-found p{color:var(--gray-600);margin-bottom:2rem}.not-found-image{max-width:400px;margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .3s ease forwards}.slide-up{animation:slideUp .4s ease forwards}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-info{color:var(--info-color)}.text-gray{color:var(--gray-600)}.bg-primary{background-color:var(--primary-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.bg-info{background-color:var(--info-color)}.bg-gray{background-color:var(--gray-100)}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}@media (max-width: 992px){.sidebar{width:200px}.main-content{margin-left:200px}.dashboard-sections{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{width:0;transform:translate(-100%);transition:transform .3s ease,width .3s ease;z-index:100}.sidebar.active{width:250px;transform:translate(0)}.main-content{margin-left:0}.content-container{padding:1.5rem 1rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;color:var(--gray-700);font-size:1.5rem}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:90}.overlay.active{display:block}.dashboard-sections,.project-grid,.form-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width: 576px){.header{flex-direction:column;align-items:flex-start;gap:1rem}.header-right{width:100%;justify-content:space-between}.dashboard-stats{grid-template-columns:1fr}.project-filters{flex-direction:column}.tech-filter{width:100%}.modal{width:95%}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);padding:1rem;background-image:linear-gradient(135deg,var(--primary-color) 0%,var(--info-color) 100%);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3}.auth-container{width:100%;max-width:450px;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:2.5rem;position:relative;z-index:1;animation:fadeIn .5s ease forwards}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.auth-header p{color:var(--gray-600)}.auth-form{margin-bottom:1.5rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-container{display:flex;align-items:center;cursor:pointer}.checkbox-label{margin-left:.5rem;font-size:.875rem;color:var(--gray-700)}.auth-help{text-align:center;font-size:.875rem;color:var(--gray-600);border-top:1px solid var(--gray-200);padding-top:1rem;margin-top:1rem}.auth-help p{margin-bottom:.5rem}.auth-help a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.auth-help a:hover{text-decoration:underline;color:var(--primary-hover)}.auth-social{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.social-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background-color:var(--gray-200)}.social-divider-text{font-size:.75rem;color:var(--gray-500);text-transform:uppercase}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--border-radius);background-color:var(--white);border:1px solid var(--gray-300);color:var(--gray-800);font-weight:500;cursor:pointer;transition:var(--transition)}.social-btn:hover{background-color:var(--gray-50);transform:translateY(-2px)}.social-btn-icon{font-size:1.25rem}.social-btn.google .social-btn-icon{color:#ea4335}.social-btn.github .social-btn-icon{color:#333}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--white);font-size:1.25rem;color:var(--gray-700)}.loading-animation{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{width:50px;height:50px;border-radius:50%;border:3px solid rgba(37,99,235,.1);border-top-color:var(--primary-color);animation:spin 1s linear infinite}.loading-text{font-size:1rem;color:var(--gray-600)}.btn-full{width:100%}.sidebar-toggle{display:none;background:none;border:none;color:var(--gray-700);font-size:1.5rem;cursor:pointer;margin-right:1rem}@media (max-width: 768px){.sidebar-toggle{display:block}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:auto;min-width:120px;background-color:var(--gray-800);color:var(--white);text-align:center;border-radius:var(--border-radius);padding:.5rem;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.75rem;white-space:nowrap;pointer-events:none}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--gray-800) transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px;z-index:100;transition:top .3s}.skip-link:focus{top:0}@media print{.sidebar,.header,.form-actions,.btn,.item-actions{display:none!important}.main-content{margin-left:0!important}body{background-color:#fff;color:#000}.card,.form-card,.project-card{box-shadow:none!important;border:1px solid #ddd!important}@page{margin:1cm}}