.select2-container--default .select2-selection--single{height:calc(2.25rem + 2px) !important;padding:.375rem .75rem;border:1px solid #ced4da !important;border-radius:.375rem !important;background:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.5;padding-left:0;color:#212529}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:6px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#6c757d rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #6c757d rgba(0,0,0,0)}.select2-container--default .select2-selection--single:focus,.select2-container--default .select2-selection--single:active{border-color:#86b7fe !important;box-shadow:0 0 0 .25rem rgba(13,110,253,.25) !important}.select2-container--default .select2-dropdown{border:1px solid #ced4da;border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin-top:4px}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#0d6efd;color:#fff}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem}.select2-container--default .select2-results__option{padding:.5rem 1rem}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#e9ecef;opacity:.7;cursor:not-allowed}.select2-container .select2-selection--single .select2-selection__clear{margin-right:20px}.login-page{background:#21afa5;min-height:100vh;display:flex;align-items:center;padding:20px}.login-page .login-container{animation:fadeIn .5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-page .login-container{width:100%;max-width:420px;margin:0 auto}.login-page .login-card{background:hsla(0,0%,100%,.2);border-radius:15px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.login-page .login-header{color:#222;padding:30px 20px 0;text-align:center}.login-page .login-header h2{font:600 28px "Poppins",Sans-serif;margin-bottom:10px;color:#fff}.login-page .brand-logo{margin-bottom:10px}.login-page .brand-logo img{height:70px}.login-page .login-body{padding:30px}.login-page .form-control{padding:12px 15px;border-radius:8px;border:1px solid #e3e6f0;font-size:15px}.login-page .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #21afa5}.login-page .form-label{font:500 16px "Poppins",Sans-serif;color:#fff;margin-bottom:8px}.login-page .btn-login{background:none;border:2px solid #fff;color:#fff;padding:12px;font:600 17px "Poppins",Sans-serif;border-radius:25px;transition:all .3s}.login-page .btn-login:hover{transform:translateY(-2px);box-shadow:0 5px 15px #21afa5}.login-page .remember-me{display:flex;align-items:center;gap:8px;cursor:pointer}.login-page .remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer}.login-page .remember-me span{color:#fff;font:500 16px "Poppins",Sans-serif}.login-page .error-message{background:hsla(0,0%,100%,.6);color:#721c24;padding:12px;border-radius:8px;border:1px solid #f5c6cb;margin-bottom:20px;display:none;font:400 14px "Poppins",Sans-serif}.login-page .success-message{background:hsla(0,0%,100%,.6);color:#155724;padding:12px;border-radius:8px;border:1px solid #c3e6cb;margin-bottom:20px;display:none;font:400 14px "Poppins",Sans-serif}.login-page .input-group{position:relative}.login-page .input-group i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--secondary-color);z-index:10}.login-page .input-group .form-control{padding-left:45px;border-radius:25px !important}.login-page .password-toggle{position:absolute;right:40px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--secondary-color);cursor:pointer;z-index:10}@media(max-width: 576px){.login-page .login-container{max-width:100%}.login-page .login-body{padding:20px}}:root{--sidebar-width: 250px;--topbar-height: 60px;--primary-color: #4e73df;--secondary-color: #858796;--success-color: #1cc88a;--info-color: #36b9cc;--warning-color: #f6c23e;--danger-color: #e74a3b;--light-color: #f8f9fc;--dark-color: #5a5c69}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fc;overflow-x:hidden}main{margin-top:60px !important;margin-left:220px;padding:20px;min-height:calc(100vh - 60px)}@media(max-width: 768px){.sidebar{transform:translateX(-100%);transition:transform .3s}.sidebar.show{transform:translateX(0)}main{margin-left:0}.mobile-menu-toggle{display:block !important}}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer;margin-right:20px}.dashboard-hero{position:relative;border-radius:20px !important;overflow:hidden;background:#fff;box-shadow:0 6px 10px rgba(0,0,0,.01) !important}.dashboard-hero .hero-background{position:absolute;top:0;right:0;width:60%;height:100%;pointer-events:none;overflow:hidden;background:linear-gradient(135deg, rgba(33, 175, 165, 0.02) 0%, rgba(33, 175, 165, 0.08) 100%)}.dashboard-hero .hero-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);pointer-events:none}.dashboard-hero .hero-particles{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden}.dashboard-hero .particle{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(33,175,165,.15);animation:floatParticle 15s ease-in-out infinite}.dashboard-hero .particle.particle-1{top:10%;left:20%;animation-delay:0s}.dashboard-hero .particle.particle-2{top:30%;right:10%;animation-delay:2s;width:8px;height:8px}.dashboard-hero .particle.particle-3{top:60%;left:30%;animation-delay:4s;width:4px;height:4px}.dashboard-hero .particle.particle-4{top:80%;right:20%;animation-delay:6s;width:10px;height:10px}.dashboard-hero .particle.particle-5{top:40%;left:50%;animation-delay:8s;width:5px;height:5px}.dashboard-hero .particle.particle-6{top:70%;right:40%;animation-delay:10s;width:7px;height:7px}@keyframes floatParticle{0%,100%{transform:translate(0, 0) scale(1);opacity:.3}25%{transform:translate(20px, -30px) scale(1.2);opacity:.6}50%{transform:translate(-10px, 20px) scale(0.8);opacity:.4}75%{transform:translate(30px, 10px) scale(1.1);opacity:.7}}.dashboard-hero .hero-shapes{position:absolute;top:0;right:0;width:100%;height:100%}.dashboard-hero .shape{position:absolute;border-radius:50%}.dashboard-hero .shape.shape-1{width:350px;height:350px;top:-120px;right:-80px;animation:floatShape1 12s ease-in-out infinite;background:radial-gradient(circle, rgba(33, 175, 165, 0.06), transparent)}.dashboard-hero .shape.shape-2{width:200px;height:200px;bottom:-60px;right:30%;animation:floatShape2 10s ease-in-out infinite;background:radial-gradient(circle, rgba(33, 175, 165, 0.04), transparent)}.dashboard-hero .shape.shape-3{width:120px;height:120px;top:25%;right:5%;animation:floatShape3 14s ease-in-out infinite;background:rgba(33,175,165,.03)}.dashboard-hero .shape.shape-4{width:80px;height:80px;top:55%;right:45%;animation:floatShape1 16s ease-in-out infinite reverse;background:rgba(33,175,165,.02)}.dashboard-hero .card-body{padding:2rem 2rem !important;position:relative;z-index:1}@keyframes floatShape1{0%,100%{transform:translate(0, 0) scale(1)}50%{transform:translate(-40px, 25px) scale(1.05)}}@keyframes floatShape2{0%,100%{transform:translate(0, 0) scale(1)}50%{transform:translate(25px, -35px) scale(0.95)}}@keyframes floatShape3{0%,100%{transform:translate(0, 0) rotate(0deg)}50%{transform:translate(-20px, 15px) rotate(15deg)}}.greeting-section{position:relative;z-index:2}.greeting-content{display:flex;flex-direction:column;gap:.4rem}.greeting-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.greeting-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg, rgba(33, 175, 165, 0.12), rgba(33, 175, 165, 0.06));color:#21afa5;padding:.25rem 1rem;border-radius:50px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(33,175,165,.15);backdrop-filter:blur(10px)}.greeting-badge i{font-size:.85rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,100%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(0.8) rotate(15deg)}}.greeting-version{display:inline-flex;align-items:center;gap:.3rem;color:#6c757d;font-size:.65rem;font-weight:500;padding:.15rem .8rem;background:rgba(0,0,0,.03);border-radius:50px;border:1px solid rgba(0,0,0,.04)}.greeting-version i{font-size:.7rem}.greeting-title{font-size:2.6rem;font-weight:800;color:#1a1a2e;margin:.1rem 0;line-height:1.1}.greeting-title .greeting-text{color:#4a5568}.greeting-title .brand-text{color:#21afa5;position:relative;display:inline-block}.greeting-title .brand-text::after{content:"";position:absolute;bottom:4px;left:0;right:0;height:4px;background:linear-gradient(90deg, #21AFA5, rgba(33, 175, 165, 0.3));border-radius:2px;animation:underlineGlow 3s ease-in-out infinite}@keyframes underlineGlow{0%,100%{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.02)}}.greeting-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.1rem 0;padding:.2rem 0}.greeting-meta .greeting-role{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:#4a5568;background:rgba(33,175,165,.06);padding:.15rem .7rem;border-radius:50px;border:1px solid rgba(33,175,165,.08)}.greeting-meta .greeting-role i{font-size:.8rem;color:#21afa5}.greeting-meta .greeting-status-dot{width:7px;height:7px;border-radius:50%;background:#28a745;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}.greeting-meta .greeting-status-text{font-size:.7rem;font-weight:500;color:#28a745}.greeting-meta .greeting-divider{color:#e9ecef;font-weight:300}.greeting-meta .greeting-time{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;color:#6c757d;font-weight:500}.greeting-meta .greeting-time i{font-size:.8rem}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.6);opacity:.6}}.greeting-subtitle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d;margin:.1rem 0 .5rem}.greeting-subtitle i{color:#21afa5;font-size:1rem}.greeting-subtitle span{font-size:.85rem}.greeting-quick-actions{display:flex;gap:.5rem;flex-wrap:wrap}.greeting-quick-actions .quick-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem 1rem;border-radius:50px;background:rgba(33,175,165,.06);color:#21afa5;font-size:.75rem;font-weight:500;text-decoration:none;border:1px solid rgba(33,175,165,.1);transition:all .3s ease}.greeting-quick-actions .quick-action-btn i{font-size:.9rem}.greeting-quick-actions .quick-action-btn:hover{background:#21afa5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(33,175,165,.25);border-color:#21afa5}.hero-right-panel{display:flex;flex-direction:column;gap:.75rem}.live-clock-widget{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #2d3436 100%);border-radius:16px;padding:.8rem 1.5rem;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.06);position:relative;overflow:hidden}.live-clock-widget .clock-glow{position:absolute;top:-50%;right:-20%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle, rgba(33, 175, 165, 0.08), transparent);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}.live-clock-widget::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(33, 175, 165, 0.05), transparent);pointer-events:none}.live-clock-widget:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3);border-color:rgba(33,175,165,.2)}.live-clock-widget .clock-icon{width:44px;height:44px;border-radius:50%;background:rgba(33,175,165,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(33,175,165,.2);position:relative;z-index:1}.live-clock-widget .clock-icon i{font-size:1.4rem;color:#21afa5}.live-clock-widget .clock-content{flex:1;min-width:0;position:relative;z-index:1}.live-clock-widget .clock-display{font-size:1.8rem;font-weight:700;color:#fff;font-family:"Courier New",monospace;letter-spacing:2px;text-shadow:0 0 30px rgba(33,175,165,.15);line-height:1.2}.live-clock-widget .clock-date{font-size:.7rem;color:hsla(0,0%,100%,.4);letter-spacing:.3px}.live-clock-widget .clock-date i{margin-right:.3rem;color:rgba(33,175,165,.5)}.live-clock-widget .clock-label{position:absolute;bottom:8px;right:12px;font-size:.55rem;color:hsla(0,0%,100%,.15);text-transform:uppercase;letter-spacing:1px;font-weight:600;z-index:1}.live-clock-widget .clock-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.04);border-radius:0 0 16px 16px;overflow:hidden;z-index:1}.live-clock-widget .clock-progress .clock-progress-bar{height:100%;background:linear-gradient(90deg, #21AFA5, rgba(33, 175, 165, 0.3));border-radius:0 0 16px 16px;transition:width 1s ease;animation:progressPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes progressPulse{0%,100%{opacity:.7}50%{opacity:1}}.weather-widget{background:linear-gradient(135deg, #f0f7fa 0%, #e3eef3 100%);border-radius:16px;padding:1.5rem 1.25rem 1.5rem 1.25rem;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.5);position:relative;overflow:hidden}.weather-widget::before{content:"";position:absolute;top:-30%;right:-10%;width:150px;height:150px;border-radius:50%;background:rgba(33,175,165,.04);pointer-events:none}.weather-widget::after{content:"";position:absolute;bottom:-20%;left:-5%;width:100px;height:100px;border-radius:50%;background:rgba(33,175,165,.03);pointer-events:none}.weather-widget:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.06)}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;position:relative;z-index:1}.weather-header .weather-label{font-size:.65rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.weather-header .weather-label i{margin-right:.3rem;color:#21afa5}.weather-header .weather-location{font-size:.65rem;color:#6c757d}.weather-header .weather-location i{margin-right:.2rem;font-size:.7rem}.weather-main{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;position:relative;z-index:1}.weather-icon-wrapper{width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.6);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.04);backdrop-filter:blur(5px)}.weather-icon-wrapper .weather-icon{font-size:2rem;color:#f9a825}.weather-info{flex:1;min-width:0}.weather-info .weather-temp{font-size:1.6rem;font-weight:700;color:#1a1a2e;line-height:1.2}.weather-info .weather-condition{font-size:.8rem;color:#4a5568;font-weight:500;text-transform:capitalize}.weather-details{display:flex;gap:.75rem;padding-top:.5rem;border-top:1px solid hsla(0,0%,100%,.5);position:relative;z-index:1}.weather-detail{display:flex;align-items:center;gap:.4rem;flex:1}.weather-detail i{font-size:.85rem;color:#4a90d9;flex-shrink:0}.weather-detail div{display:flex;flex-direction:column;line-height:1.2}.weather-detail span{font-size:.75rem;font-weight:600;color:#1a1a2e}.weather-detail small{font-size:.55rem;color:#718096;text-transform:uppercase;letter-spacing:.3px}.quick-stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-bottom:1.5rem}.quick-stat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border:1px solid #e9ecef;transition:all .3s ease}.quick-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.05);border-color:rgba(0,0,0,0)}.quick-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-stat-icon i{font-size:1.2rem}.quick-stat-info{flex:1;min-width:0}.quick-stat-info .quick-stat-number{font-size:1.1rem;font-weight:700;color:#1a1a2e;display:block;line-height:1.2}.quick-stat-info .quick-stat-label{font-size:.65rem;color:#6c757d;font-weight:500;display:block}.stat-card{background:#fff;border-radius:16px;padding:1.25rem 1.5rem;border:1px solid #e9ecef;transition:all .3s ease;height:100%;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.06);border-color:rgba(0,0,0,0)}.stat-card-inner{display:flex;align-items:center;gap:1rem}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon i{font-size:1.6rem}.stat-content{flex:1;min-width:0}.stat-content .stat-number{font-size:1.8rem;font-weight:700;color:#1a1a2e;display:block;line-height:1.2}.stat-content .stat-label{font-size:.8rem;color:#6c757d;font-weight:500;display:block;margin-top:.1rem}.stat-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(0,0,0,.04)}.stat-progress .stat-progress-bar{height:100%;border-radius:0 2px 0 0;transition:width 1s ease}.modern-card{border-radius:16px !important;overflow:hidden}.modern-card .card-header{padding:1rem 1.5rem}.activity-list{max-height:320px;overflow-y:auto}.activity-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track{background:#f1f3f5;border-radius:2px}.activity-list::-webkit-scrollbar-thumb{background:#21afa5;border-radius:2px}.activity-item{display:flex;gap:.75rem;padding:.8rem 1.25rem;border-bottom:1px solid #f1f3f5;transition:background .2s ease}.activity-item:hover{background:#f8f9fc}.activity-item:last-child{border-bottom:none}.activity-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:.3rem}.activity-content{flex:1;min-width:0}.activity-text{font-size:.85rem;color:#1a1a2e}.activity-text strong{font-weight:600}.activity-text .text-muted{font-size:.8rem}.activity-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.activity-meta .badge{font-size:.65rem;padding:.2rem .5rem;border-radius:50px;font-weight:500}.activity-meta .activity-time{font-size:.7rem;color:#adb5bd}.deadline-tabs-wrapper{background:#f8f9fc;border-radius:16px;padding:6px 6px 4px 0;border:1px solid rgba(0,0,0,.03);margin-bottom:1.5rem !important}.deadline-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:none !important}.deadline-tabs .nav-item{margin:0}.deadline-tabs .nav-link{border:none !important;border-radius:50px !important;padding:8px 20px;color:#6c757d;font-size:.875rem;font-weight:500;background:rgba(0,0,0,0);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;display:flex;align-items:center;gap:6px;cursor:pointer}.deadline-tabs .nav-link:hover{background:rgba(78,115,223,.08);color:#4e73df;transform:translateY(-1px)}.deadline-tabs .nav-link.active{background:linear-gradient(135deg, #21AFA5, #21AFA5) !important;color:#fff !important;transform:translateY(-2px)}.deadline-tabs .nav-link i{font-size:1.1rem;transition:transform .3s ease}.deadline-tabs .nav-link:hover i{transform:scale(1.1)}.deadline-tabs .nav-link.active i{transform:scale(1)}.deadline-tabs .nav-link .tab-badge{display:inline-flex;align-items:center;justify-content:center;background:rgba(78,115,223,.12);color:#4e73df;border-radius:50px;padding:1px 10px;font-size:.7rem;font-weight:600;min-width:20px;height:20px;transition:all .3s ease}.deadline-tabs .nav-link.active .tab-badge{background:hsla(0,0%,100%,.25) !important;color:#fff !important}.deadline-tabs .nav-link#overdue-tab .tab-badge{background:rgba(231,74,59,.12);color:#e74a3b}.deadline-tabs .nav-link#upcoming-tab .tab-badge{background:rgba(54,185,204,.12);color:#36b9cc}.deadline-tabs .nav-link#all-tab .tab-badge{background:rgba(78,115,223,.12);color:#4e73df}.deadline-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.deadline-card{background:#fff;border-radius:14px;border:1px solid #e9ecef;padding:16px 18px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.deadline-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#36b9cc;transition:all .3s ease}.deadline-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.08);border-color:rgba(0,0,0,0)}.deadline-card.status-success::before{background:#1cc88a}.deadline-card.status-danger::before{background:#e74a3b}.deadline-card.status-warning::before{background:#f6c23e}.deadline-card.status-info::before{background:#36b9cc}.deadline-card.status-secondary::before{background:#858796}.deadline-card .deadline-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.deadline-card .deadline-card-header .deadline-card-title{font-size:.95rem;font-weight:600;color:#1a1a2e;margin:0;line-height:1.4}.deadline-card .deadline-card-header .deadline-card-title .project-tag{font-weight:400;color:#858796;font-size:.8rem}.deadline-card .deadline-card-header .deadline-card-badge{font-size:.7rem;padding:3px 12px;border-radius:50px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.deadline-card .deadline-card-body{margin-bottom:12px}.deadline-card .deadline-card-body .deadline-card-meta{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap}.deadline-card .deadline-card-body .deadline-card-meta .meta-item{font-size:.8rem;color:#6c757d;display:flex;align-items:center;gap:4px}.deadline-card .deadline-card-body .deadline-card-meta .meta-item i{font-size:.9rem;color:#21afa5}.deadline-card .deadline-card-body .deadline-card-progress{display:flex;align-items:center;gap:12px}.deadline-card .deadline-card-body .deadline-card-progress .progress{flex:1;height:6px;border-radius:50px;background:#e9ecef;overflow:hidden}.deadline-card .deadline-card-body .deadline-card-progress .progress .progress-bar{border-radius:50px;transition:width .8s ease}.deadline-card .deadline-card-body .deadline-card-progress .progress-text{font-size:.75rem;font-weight:600;color:#6c757d;min-width:36px;text-align:right}.deadline-card .deadline-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f1f3f5;flex-wrap:wrap;gap:8px}.deadline-card .deadline-card-footer .task-summary{font-size:.8rem;color:#6c757d}.deadline-card .deadline-card-footer .task-summary strong{color:#1a1a2e}.deadline-card .deadline-card-footer .task-summary.text-danger strong{color:#e74a3b}.deadline-card .deadline-card-footer .view-link{font-size:.8rem;color:#4e73df;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:all .3s ease}.deadline-card .deadline-card-footer .view-link:hover{color:#224abe;gap:8px}.empty-state{padding:40px 20px;width:100%}.empty-state .empty-state-icon{width:64px;height:64px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg, #f8f9fc, #e9ecef);display:flex;align-items:center;justify-content:center}.empty-state .empty-state-icon i{font-size:2.2rem;color:#4e73df}.empty-state h6{margin-top:.75rem !important;font-weight:400 !important}.empty-state p{font-size:.8rem}.insights-section{margin-top:1.5rem}.insights-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}.insight-card{background:#fff;border-radius:12px;padding:1rem 1.25rem;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.insight-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.06);border-color:rgba(0,0,0,0)}.insight-card .insight-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.insight-card .insight-icon i{font-size:1.2rem}.insight-card .insight-number{font-size:1.6rem;font-weight:700;color:#1a1a2e;line-height:1.2}.insight-card .insight-label{font-size:.7rem;color:#6c757d;font-weight:500;display:block}.insight-card .insight-change{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:600;margin-top:.3rem;padding:.1rem .5rem;border-radius:50px}.insight-card .insight-change.positive{color:#1cc88a;background:rgba(28,200,138,.1)}.insight-card .insight-change.negative{color:#e74a3b;background:rgba(231,74,59,.1)}.insight-card .insight-change.neutral{color:#6c757d;background:rgba(108,117,125,.08)}.quick-insight-banner{background:linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 100%);border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border:1px solid hsla(0,0%,100%,.06);margin-top:1.5rem}.quick-insight-banner .banner-left{display:flex;align-items:center;gap:1rem}.quick-insight-banner .banner-left .banner-icon{width:48px;height:48px;border-radius:50%;background:rgba(33,175,165,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-insight-banner .banner-left .banner-icon i{font-size:1.6rem;color:#21afa5}.quick-insight-banner .banner-left .banner-content .banner-title{color:#fff;font-size:.9rem;font-weight:600;margin:0}.quick-insight-banner .banner-left .banner-content .banner-text{color:hsla(0,0%,100%,.5);font-size:.75rem;margin:0}.quick-insight-banner .banner-right .banner-stats{display:flex;gap:1.5rem}.quick-insight-banner .banner-right .banner-stats .stat-item{text-align:center}.quick-insight-banner .banner-right .banner-stats .stat-item .stat-value{color:#fff;font-size:1.1rem;font-weight:700;display:block}.quick-insight-banner .banner-right .banner-stats .stat-item .stat-label{color:hsla(0,0%,100%,.4);font-size:.6rem;text-transform:uppercase;letter-spacing:.5px}.tab-pane{transition:all .3s ease}@media(max-width: 1200px){.greeting-title{font-size:2.2rem}.quick-stats-grid{grid-template-columns:repeat(2, 1fr)}.deadline-grid{grid-template-columns:repeat(2, 1fr)}.insights-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 992px){.dashboard-hero .hero-background{display:none}.dashboard-hero .card-body{padding:1.5rem !important}.greeting-title{font-size:1.8rem}.greeting-quick-actions .quick-action-btn{font-size:.7rem;padding:.3rem .8rem}.live-clock-widget{padding:.6rem 1rem}.live-clock-widget .clock-display{font-size:1.4rem}.live-clock-widget .clock-icon{width:38px;height:38px}.live-clock-widget .clock-icon i{font-size:1.2rem}.weather-widget{padding:.75rem 1rem}.weather-icon-wrapper{width:40px;height:40px}.weather-icon-wrapper .weather-icon{font-size:1.6rem}.weather-info .weather-temp{font-size:1.4rem}.quick-insight-banner{flex-direction:column;align-items:stretch;text-align:center}.quick-insight-banner .banner-left{flex-direction:column;text-align:center}.quick-insight-banner .banner-right .banner-stats{justify-content:center}}@media(max-width: 768px){.dashboard-hero .card-body{padding:1.25rem !important}.greeting-title{font-size:1.5rem}.greeting-top{flex-direction:column;align-items:flex-start;gap:.3rem}.greeting-meta{gap:.3rem;flex-wrap:wrap}.greeting-meta .greeting-divider{display:none}.greeting-quick-actions{gap:.3rem}.greeting-quick-actions .quick-action-btn{font-size:.65rem;padding:.25rem .7rem}.quick-stats-grid{grid-template-columns:repeat(2, 1fr);gap:.5rem}.quick-stat-item{padding:.5rem .75rem}.quick-stat-icon{width:32px;height:32px}.quick-stat-icon i{font-size:1rem}.quick-stat-info .quick-stat-number{font-size:.9rem}.live-clock-widget{padding:.5rem .8rem}.live-clock-widget .clock-display{font-size:1.2rem}.live-clock-widget .clock-icon{width:34px;height:34px}.live-clock-widget .clock-icon i{font-size:1rem}.live-clock-widget .clock-date{font-size:.6rem}.weather-header{flex-direction:column;align-items:flex-start;gap:.2rem}.weather-details{flex-wrap:wrap;gap:.5rem}.weather-detail{flex:1 1 calc(33% - .5rem);min-width:60px}.stat-card{padding:1rem 1.25rem}.stat-icon{width:40px;height:40px}.stat-icon i{font-size:1.2rem}.stat-content .stat-number{font-size:1.2rem}.deadline-grid{grid-template-columns:1fr}.insights-grid{grid-template-columns:1fr 1fr;gap:.75rem}.insight-card{padding:.75rem 1rem}.insight-card .insight-number{font-size:1.2rem}.quick-insight-banner{padding:1rem}.quick-insight-banner .banner-right .banner-stats{gap:.75rem}.quick-insight-banner .banner-right .banner-stats .stat-item .stat-value{font-size:.9rem}.deadline-tabs-wrapper{padding:4px;border-radius:12px}.deadline-tabs{gap:2px}.deadline-tabs .nav-link{padding:6px 14px;font-size:.8rem}.deadline-tabs .nav-link .tab-badge{font-size:.6rem;padding:1px 7px;min-width:16px;height:16px}.deadline-tabs .nav-link i{font-size:.9rem}.deadline-card{padding:14px}.deadline-card .deadline-card-header{flex-direction:column;align-items:flex-start}.deadline-card .deadline-card-header .deadline-card-badge{align-self:flex-start}}@media(max-width: 576px){.dashboard-hero .card-body{padding:1rem !important}.greeting-title{font-size:1.2rem}.greeting-badge{font-size:.6rem;padding:.15rem .7rem}.greeting-version{font-size:.55rem;padding:.15rem .6rem}.greeting-meta .greeting-role{font-size:.6rem;padding:.1rem .5rem}.greeting-meta .greeting-status-text{font-size:.6rem}.greeting-meta .greeting-time{font-size:.6rem}.greeting-meta .greeting-status-dot{width:6px;height:6px}.greeting-subtitle{font-size:.7rem}.greeting-subtitle span{font-size:.65rem}.greeting-quick-actions .quick-action-btn{font-size:.6rem;padding:.2rem .6rem}.greeting-quick-actions .quick-action-btn i{font-size:.7rem}.quick-stats-grid{grid-template-columns:repeat(2, 1fr);gap:.4rem}.quick-stat-item{padding:.4rem .6rem;gap:.5rem}.quick-stat-icon{width:28px;height:28px}.quick-stat-icon i{font-size:.85rem}.quick-stat-info .quick-stat-number{font-size:.8rem}.quick-stat-info .quick-stat-label{font-size:.55rem}.live-clock-widget .clock-display{font-size:1rem}.live-clock-widget .clock-date{font-size:.55rem}.live-clock-widget .clock-label{display:none}.weather-widget{padding:.6rem .75rem}.weather-icon-wrapper{width:32px;height:32px}.weather-icon-wrapper .weather-icon{font-size:1.2rem}.weather-info .weather-temp{font-size:1.1rem}.weather-info .weather-condition{font-size:.7rem}.weather-detail{font-size:.6rem}.weather-detail i{font-size:.7rem}.weather-detail small{font-size:.5rem}.insights-grid{grid-template-columns:1fr 1fr;gap:.5rem}.insight-card{padding:.6rem .75rem}.insight-card .insight-icon{width:32px;height:32px}.insight-card .insight-icon i{font-size:1rem}.insight-card .insight-number{font-size:1rem}.insight-card .insight-label{font-size:.6rem}.deadline-tabs-wrapper{padding:4px;border-radius:10px}.deadline-tabs .nav-link{padding:4px 10px !important;font-size:.7rem !important;border-radius:30px !important}.deadline-tabs .nav-link i{font-size:.75rem !important}.deadline-tabs .nav-link .tab-badge{font-size:.55rem !important;padding:0 6px !important;min-width:14px !important;height:14px !important}}.deadline-card.status-danger{animation:overduePulse 2s ease-in-out infinite;border-color:rgba(231,74,59,.2)}@keyframes overduePulse{0%,100%{box-shadow:0 2px 8px rgba(231,74,59,.05)}50%{box-shadow:0 2px 20px rgba(231,74,59,.15)}}.deadline-card.status-danger .deadline-card-badge{animation:shake .5s ease-in-out}@keyframes shake{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.greeting-quote{display:flex;align-items:center;gap:1.25rem;margin-top:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg, rgba(33, 175, 165, 0.04) 0%, rgba(33, 175, 165, 0.01) 100%);border-radius:16px;border:1px solid rgba(33,175,165,.08);position:relative;overflow:hidden;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.greeting-quote::before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle, rgba(33, 175, 165, 0.03), transparent);pointer-events:none;animation:quoteGlow 8s ease-in-out infinite}.greeting-quote::after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle, rgba(33, 175, 165, 0.02), transparent);pointer-events:none;animation:quoteGlow 6s ease-in-out infinite reverse}.greeting-quote:hover{transform:translateY(-2px);border-color:rgba(33,175,165,.15);box-shadow:0 8px 30px rgba(33,175,165,.06)}@keyframes quoteGlow{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}.quote-icon-wrapper{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(33, 175, 165, 0.12), rgba(33, 175, 165, 0.04));border-radius:12px;border:1px solid rgba(33,175,165,.1);position:relative;z-index:1}.quote-icon-wrapper i{font-size:1.6rem;color:#21afa5;opacity:.8;animation:quotePulse 3s ease-in-out infinite}@keyframes quotePulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.quote-content{flex:1;min-width:0;position:relative;z-index:1}.quote-content .quote-text{font-size:.95rem;font-weight:500;color:#1a1a2e;margin:0;line-height:1.5;font-style:italic}.quote-content .quote-text::before{content:'"';color:#21afa5;opacity:.3}.quote-content .quote-text::after{content:'"';color:#21afa5;opacity:.3}.quote-content .quote-author{font-size:.75rem;color:#6c757d;font-weight:500;display:block;margin-top:.2rem;padding-left:.5rem}.quote-stats{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding-left:1rem;border-left:2px solid rgba(33,175,165,.08);position:relative;z-index:1}.quote-stat{text-align:center;min-width:50px}.quote-stat .quote-stat-value{display:block;font-size:1.1rem;font-weight:700;color:#1a1a2e;line-height:1.2}.quote-stat .quote-stat-label{display:block;font-size:.55rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.quote-stat-divider{width:1px;height:30px;background:rgba(33,175,165,.08)}@media(max-width: 992px){.greeting-quote{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.quote-stats{padding-left:0;border-left:none;border-top:1px solid rgba(33,175,165,.08);padding-top:.75rem;width:100%;justify-content:space-around}}@media(max-width: 576px){.greeting-quote{flex-direction:column;align-items:stretch;gap:.5rem;padding:.6rem .8rem}.quote-icon-wrapper{width:36px;height:36px}.quote-icon-wrapper i{font-size:1.2rem}.quote-content .quote-text{font-size:.8rem}.quote-content .quote-author{font-size:.65rem}.quote-stats{padding-top:.5rem;gap:.5rem;flex-wrap:wrap}.quote-stats .quote-stat{min-width:40px}.quote-stats .quote-stat .quote-stat-value{font-size:.9rem}.quote-stats .quote-stat .quote-stat-label{font-size:.5rem}}.topbar{position:fixed;top:0;right:0;left:0;height:60px;z-index:1030;background:#21afa5;box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.1);display:flex;align-items:center;padding:0 20px;overflow:visible !important}.topbar .brand-logo img{height:45px;width:auto}.topbar .topbar-nav{margin-left:auto;display:flex;align-items:center;gap:20px;overflow:visible !important}.topbar .user-profile-container{display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem .3rem .5rem;border-radius:50px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;cursor:default}.topbar .user-profile-container:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(0,0,0,.08)}.topbar .user-info-wrapper{display:flex;align-items:center;gap:.75rem}.topbar .user-avatar-wrapper{position:relative;width:42px;height:42px;flex-shrink:0}.topbar .user-avatar-wrapper img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid hsla(0,0%,100%,.6);box-shadow:0 2px 8px rgba(0,0,0,.12);transition:all .3s ease}.user-profile-container:hover .topbar .user-avatar-wrapper img{border-color:#fff;transform:scale(1.03)}.topbar .user-status-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;background:#28a745;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.85);opacity:.7}}.topbar .user-info{display:flex;flex-direction:column;line-height:1.2;text-align:left;min-width:0}.topbar .user-info .user-name{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:.3px}.topbar .user-info .user-designation{font-size:.7rem;color:hsla(0,0%,100%,.7);font-weight:400;white-space:nowrap;letter-spacing:.2px}.topbar .user-dropdown{display:flex;align-items:center;margin-left:.15rem;position:relative;overflow:visible !important}.topbar .user-dropdown .user-avatar-btn{background:none;border:none;padding:.2rem .3rem;cursor:pointer;color:hsla(0,0%,100%,.6);transition:all .2s ease;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.topbar .user-dropdown .user-avatar-btn:hover{color:#fff;background:hsla(0,0%,100%,.15)}.topbar .user-dropdown .user-avatar-btn::after{display:none !important}.topbar .user-dropdown .user-avatar-btn .dropdown-arrow{font-size:.75rem;transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.topbar .user-dropdown .user-avatar-btn[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg);color:#fff}.topbar .user-dropdown .dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;left:auto;min-width:240px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);border:none;padding:.5rem;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);transform-origin:top right;opacity:0;transform:translateY(-8px) scale(0.96);transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;display:block !important}.topbar .user-dropdown .dropdown-menu.show{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.topbar .user-dropdown .dropdown-menu .dropdown-user-header{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;background:rgba(33,175,165,.06)}.topbar .user-dropdown .dropdown-menu .dropdown-user-header img{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}.topbar .user-dropdown .dropdown-menu .dropdown-user-header div{display:flex;flex-direction:column}.topbar .user-dropdown .dropdown-menu .dropdown-user-header div strong{font-size:.9rem;color:#1a1a2e;font-weight:600}.topbar .user-dropdown .dropdown-menu .dropdown-user-header div span{font-size:.75rem;color:#6c757d;font-weight:400}.topbar .user-dropdown .dropdown-menu .dropdown-divider{margin:.35rem 0;border-color:rgba(0,0,0,.06)}.topbar .user-dropdown .dropdown-menu .dropdown-item{border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s ease;color:#1a1a2e;position:relative;opacity:0;transform:translateX(-8px);transition:all .2s ease}.topbar .user-dropdown .dropdown-menu .dropdown-item i{width:18px;text-align:center;color:#6c757d;transition:color .2s ease}.topbar .user-dropdown .dropdown-menu .dropdown-item:hover{background:rgba(33,175,165,.08);color:#21afa5;transform:translateX(4px)}.topbar .user-dropdown .dropdown-menu .dropdown-item:hover i{color:#21afa5}.topbar .user-dropdown .dropdown-menu .dropdown-item.text-danger:hover{background:rgba(220,53,69,.08);color:#dc3545}.topbar .user-dropdown .dropdown-menu .dropdown-item.text-danger:hover i{color:#dc3545}.topbar .user-dropdown .dropdown-menu.show .dropdown-item{opacity:1;transform:translateX(0)}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(1){transition-delay:0.03s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(2){transition-delay:0.06s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(3){transition-delay:0.09s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(4){transition-delay:0.12s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(5){transition-delay:0.15s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(6){transition-delay:0.18s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(7){transition-delay:0.21s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(8){transition-delay:0.24s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(9){transition-delay:0.27s}.topbar .user-dropdown .dropdown-menu.show .dropdown-item:nth-child(10){transition-delay:0.3s}.topbar .mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease}.topbar .mobile-menu-toggle:hover{color:hsla(0,0%,100%,.7)}@media(max-width: 992px){.topbar{padding:0 16px;height:64px}.topbar .brand-logo img{height:38px}.topbar .user-profile-container{padding:.2rem .4rem .2rem .35rem;gap:.3rem}.topbar .user-avatar-wrapper{width:36px;height:36px}.topbar .user-info{display:none}.topbar .user-avatar-btn{width:26px;height:26px;padding:.15rem .2rem}.topbar .user-avatar-btn .dropdown-arrow{font-size:.7rem}.topbar .dropdown-menu{min-width:200px}.topbar .dropdown-menu .dropdown-user-header img{width:38px;height:38px}}@media(max-width: 768px){.topbar{padding:0 12px;height:58px}.topbar .brand-logo img{height:32px}.topbar .mobile-menu-toggle{display:block;font-size:1.2rem}.topbar .user-profile-container{padding:.15rem .3rem .15rem .25rem;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);backdrop-filter:none}.topbar .user-profile-container:hover{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);box-shadow:none}.topbar .user-avatar-wrapper{width:32px;height:32px}.topbar .user-avatar-wrapper .user-status-dot{width:10px;height:10px;bottom:0;right:0}.topbar .user-avatar-btn{width:24px;height:24px;padding:.1rem .15rem}.topbar .user-avatar-btn .dropdown-arrow{font-size:.6rem}.topbar .dropdown-menu{min-width:200px;top:calc(100% + 10px)}.topbar .dropdown-menu .dropdown-user-header{padding:.4rem .6rem}.topbar .dropdown-menu .dropdown-user-header img{width:36px;height:36px}.topbar .dropdown-menu .dropdown-user-header div strong{font-size:.8rem}.topbar .dropdown-menu .dropdown-user-header div span{font-size:.65rem}.topbar .dropdown-menu .dropdown-item{font-size:.8rem;padding:.4rem .6rem}}@media(max-width: 576px){.topbar{padding:0 8px;height:52px}.topbar .brand-logo img{height:28px}.topbar .mobile-menu-toggle{font-size:1rem}.topbar .user-avatar-wrapper{width:28px;height:28px}.topbar .user-avatar-wrapper .user-status-dot{width:8px;height:8px;border-width:1.5px;bottom:0;right:0}.topbar .user-avatar-btn{width:22px;height:22px;padding:.05rem .1rem}.topbar .user-avatar-btn .dropdown-arrow{font-size:.5rem}.topbar .dropdown-menu{min-width:180px;padding:.35rem;top:calc(100% + 8px)}.topbar .dropdown-menu .dropdown-user-header{padding:.3rem .5rem}.topbar .dropdown-menu .dropdown-user-header img{width:30px;height:30px}.topbar .dropdown-menu .dropdown-user-header div strong{font-size:.75rem}.topbar .dropdown-menu .dropdown-user-header div span{font-size:.6rem}.topbar .dropdown-menu .dropdown-item{font-size:.75rem;padding:.35rem .5rem}}.support-bell{position:relative;margin-right:12px}.support-bell .support-bell-btn{position:relative;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);padding:0;transition:background .2s ease,border-color .2s ease}.support-bell .support-bell-btn:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.35)}.support-bell .support-bell-btn i{font-size:1.05rem;line-height:1}.support-bell .support-bell-btn.has-new{animation:bell-pulse .6s ease}.support-bell .support-bell-badge{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:30px;min-width:18px;text-align:center;line-height:1.3}@keyframes bell-pulse{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-12deg)}75%{transform:rotate(8deg)}100%{transform:rotate(0)}}.support-bell-dropdown{min-width:320px;max-width:90vw;padding:.4rem;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 12px 36px rgba(0,0,0,.12)}.support-bell-dropdown .dropdown-header{font-size:.72rem;text-transform:uppercase;color:#6c757d;letter-spacing:.5px;padding:.5rem .75rem .25rem}.support-bell-dropdown .support-bell-item{padding:.6rem .75rem;border-radius:8px;white-space:normal}.support-bell-dropdown .support-bell-item:hover{background:#f8f9fa}.support-bell-dropdown .support-bell-subject{font-weight:600;color:#1a1a2e;font-size:.85rem;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.support-bell-dropdown .support-bell-owner{font-size:.72rem;color:#6c757d}.support-bell-dropdown .support-bell-time{font-size:.68rem;color:#adb5bd;white-space:nowrap}.support-bell-dropdown .support-bell-empty{padding:1rem .75rem;text-align:center}@media(max-width: 768px){.support-bell{display:none}}.sidebar{position:fixed;top:60px;left:0;bottom:0;width:220px;z-index:1020;background:#21afa5;box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15);overflow-y:auto;padding-top:20px}.sidebar .sidebar-menu{list-style:none;padding:0;margin:0}.sidebar .sidebar-menu>li{margin:0 0 5px;position:relative}.sidebar .sidebar-menu>li>a{display:flex;align-items:center;justify-content:space-between;padding:8px 5px;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s;font:400 16px "Poppins",Sans-serif}.sidebar .sidebar-menu>li>a:hover,.sidebar .sidebar-menu>li.active>a{background-color:rgba(0,0,0,.1);color:#fff}.sidebar .sidebar-menu i{width:25px;font-size:1.1rem;text-align:center}.sidebar .sidebar-menu .menu-arrow{transition:transform .3s;font-size:12px}.sidebar .sidebar-menu li.has-submenu.active .menu-arrow{transform:rotate(90deg)}.sidebar .submenu{max-height:0;overflow:hidden;transition:max-height .3s ease-out;list-style:none;padding:0;margin:0;background:rgba(78,115,223,.05);border-radius:8px;margin-top:5px}.sidebar .submenu.show{max-height:500px}.sidebar .submenu li{margin:2px 0}.sidebar .submenu a{display:flex;align-items:center;padding:5px 10px 5px 15px;color:#fff;text-decoration:none;border-radius:6px;transition:all .2s;font:400 15px "Poppins",Sans-serif}.sidebar .submenu a:hover,.sidebar .submenu a.active{background-color:rgba(0,0,0,.1);color:#fff}.sidebar .submenu a i{width:20px;font-size:14px;margin-right:10px}.sidebar .badge{font-size:.75rem;padding:3px 8px}.app-notification{position:fixed;right:24px;bottom:24px;width:360px;display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.06);border-left:5px solid;transform:translateY(120px);opacity:0;transition:.35s ease;overflow:hidden;z-index:99999;font-family:Inter,system-ui,sans-serif}.app-notification--show{transform:translateY(0);opacity:1}.app-notification__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:22px}.app-notification__content{flex:1}.app-notification__message{font-size:14px;font-weight:600;color:#1f2937}.app-notification__close{border:0;background:none;cursor:pointer;font-size:20px;color:#64748b}.app-notification__progress{position:absolute;left:0;bottom:0;height:3px;width:100%;animation:notificationProgress linear forwards}@keyframes notificationProgress{from{width:100%}to{width:0}}.app-notification--success{border-color:#16a34a}.app-notification--success .app-notification__icon{background:#dcfce7;color:#16a34a}.app-notification--success .app-notification__progress{background:#16a34a}.app-notification--error{border-color:#dc2626}.app-notification--error .app-notification__icon{background:#fee2e2;color:#dc2626}.app-notification--error .app-notification__progress{background:#dc2626}.app-notification--warning{border-color:#f59e0b}.app-notification--warning .app-notification__icon{background:#fef3c7;color:#d97706}.app-notification--warning .app-notification__progress{background:#f59e0b}.app-notification--info{border-color:#2563eb}.app-notification--info .app-notification__icon{background:#dbeafe;color:#2563eb}.app-notification--info .app-notification__progress{background:#2563eb}.app-notification--status{border-color:#7c3aed}.app-notification--status .app-notification__icon{background:#ede9fe;color:#7c3aed}.app-notification--status .app-notification__progress{background:#7c3aed}.notes-grid{margin-top:1rem}.note-card{border-radius:16px;padding:1.25rem;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;word-wrap:break-word;position:relative;background-color:#f9e79f;border:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(2px)}.note-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 32px rgba(0,0,0,.12);border-color:hsla(0,0%,100%,.6)}.note-card .note-content{flex:1;font-size:.95rem;line-height:1.2;margin-bottom:.75rem;color:#2d2d2d;overflow-wrap:break-word}.note-card .note-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;border-top:1px solid rgba(0,0,0,.06);padding-top:.6rem;margin-top:.2rem;color:#555}.note-card .note-footer .note-actions{display:flex;gap:.3rem}.note-card .note-footer .note-actions .btn{padding:.2rem .5rem;font-size:.8rem;background:hsla(0,0%,100%,.7);border:none;border-radius:8px;transition:background .2s,transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.05)}.note-card .note-footer .note-actions .btn:hover{background:hsla(0,0%,100%,.95);transform:scale(1.08)}.note-card .note-footer .note-actions .btn.btn-danger{color:#c0392b}.note-card .note-footer .note-actions .btn.btn-danger:hover{background:#fde8e6}.note-card .note-footer .note-actions .btn.btn-success{color:#27ae60}.note-card .note-footer .note-actions .btn.btn-success:hover{background:#e6f7ed}.color-picker{display:flex;flex-wrap:wrap;gap:12px;margin-top:.5rem}.color-picker .color-option{display:inline-block;width:44px;height:44px;border-radius:50%;cursor:pointer;border:3px solid rgba(0,0,0,0);transition:all .2s ease;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.08)}.color-picker .color-option input[type=radio]{display:none}.color-picker .color-option:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.color-picker .color-option:has(input:checked){border-color:#2c3e50;transform:scale(1.1);box-shadow:0 0 0 3px #fff,0 0 0 5px #2c3e50}@media(max-width: 576px){.note-card{min-height:160px;padding:1rem}}.note-item{animation:fadeInUp .4s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{border-radius:12px;border:1px solid #e9ecef;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden;position:relative}.project-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1}.project-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#c0c8d0}.project-card .status-dot{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;z-index:2}.project-card .status-dot.active{background:#28a745}.project-card .status-dot.inactive{background:#dc3545}.project-card .card-body{padding:1.25rem 1.25rem .75rem}.project-card .card-title{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin-bottom:10px;padding-right:20px}.project-card .category-badge{display:inline-block;background:#f1f3f5;padding:.05rem .6rem;border-radius:30px;font-weight:500;font-size:.65rem;color:#495057;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.project-card .category-badge[data-category=Inhouse]{background:#d4edda;color:#155724}.project-card .category-badge[data-category=Client]{background:#cce5ff;color:#004085}.project-card .scope-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.project-card .scope-tags .scope-tag{border:1px solid #21afa5;color:#21afa5;background:rgba(0,0,0,0);padding:.05rem .6rem;border-radius:30px;font-size:.7rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.project-card .meta-info{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:#6c757d;margin-bottom:.75rem;flex-wrap:wrap}.project-card .meta-info .deadline i{margin-right:4px}.project-card .progress-label{display:flex;justify-content:space-between;font-size:.75rem;color:#6c757d;margin-bottom:.3rem}.project-card .progress-label .percentage{font-weight:600;color:#1a1a2e}.project-card .progress{height:6px;border-radius:30px;background:#f1f3f5;margin-bottom:.5rem}.project-card .progress .progress-bar{border-radius:30px;background-color:#21afa5;transition:width .4s ease}.project-card .card-footer{background:rgba(0,0,0,0);border-top:1px solid #f1f3f5;padding:.6rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.project-card .card-footer .footer-name{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6c757d}.project-card .card-footer .footer-name .name-role{font-weight:500;color:#495057}.project-card .card-footer .footer-name .name-value{font-weight:600;color:#1a1a2e;transition:opacity .25s ease;min-width:60px;display:inline-block}.project-card .card-footer .footer-name .name-value.blink{animation:blinkFade .5s ease}.project-card .card-footer .btn-outline-primary{border-color:#21afa5;color:#21afa5;font-size:.8rem;padding:.2rem .8rem;border-radius:30px}.project-card .card-footer .btn-outline-primary:hover{background:#21afa5;color:#fff}@keyframes blinkFade{0%{opacity:0;transform:translateY(-2px)}50%{opacity:1;transform:translateY(0)}100%{opacity:1}}@media(max-width: 576px){.project-card .card-body{padding:1rem}.project-card .scope-tags .scope-tag{font-size:.6rem}.project-card .meta-info{gap:.5rem;font-size:.7rem}.project-card .card-footer{flex-wrap:wrap;gap:.5rem}.project-card .card-footer .footer-name{font-size:.7rem}.project-card .card-footer .btn{width:100%;justify-content:center}}.project-item{animation:fadeInUp .5s ease}.milestone-item,.task-item{animation:fadeInUp .4s ease;transition:all .3s ease}.milestone-item:hover,.task-item:hover{background:rgba(0,0,0,.02);transform:translateX(4px)}.progress{border-radius:30px;background:rgba(0,0,0,.05)}.progress .progress-bar{border-radius:30px;transition:width .6s ease}.badge{font-weight:500;padding:.35rem .75rem;border-radius:30px}.color-picker{display:flex;flex-wrap:wrap;gap:12px;margin-top:.5rem}.color-picker .color-option{display:inline-block;width:44px;height:44px;border-radius:50%;cursor:pointer;border:3px solid rgba(0,0,0,0);transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.08)}.color-picker .color-option input[type=radio]{display:none}.color-picker .color-option:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.color-picker .color-option:has(input:checked){border-color:#2c3e50;transform:scale(1.1);box-shadow:0 0 0 3px #fff,0 0 0 5px #2c3e50}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 576px){.project-card,.note-card{min-height:160px;padding:1rem}.list-group-item{flex-direction:column;align-items:flex-start !important;gap:.5rem}.list-group-item .btn{width:100%}}.tracker-card{transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .3s ease}.tracker-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1) !important}.tracker-card .card-body{padding:1.25rem 1.5rem}.tracker-card .display-6{color:#222;font-weight:600}#trackerTable{font-size:.9rem}#trackerTable thead th{border-bottom:2px solid #21afa5;color:#222;font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}#trackerTable tbody tr{transition:background .15s ease}#trackerTable tbody tr:hover{background:rgba(33,175,165,.06)}#trackerTable tbody tr td{vertical-align:middle;padding:.75rem .5rem}.progress{background:rgba(0,0,0,.06);border-radius:30px}.progress .progress-bar{border-radius:30px;background-color:#21afa5 !important;transition:width .6s ease}#trackerSearch{border:1px solid #e0e0e0;border-radius:30px;padding:.4rem 1rem;font-size:.85rem;transition:all .2s}#trackerSearch:focus{border-color:#21afa5;box-shadow:0 0 0 3px rgba(33,175,165,.2);outline:none}#progressChart{height:250px;width:100%}@media(max-width: 768px){#progressChart{height:180px}}@media(max-width: 576px){.tracker-card .display-6{font-size:1.8rem}}.stats-row .stat-box{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;border:1px solid #e9ecef;height:100%;position:relative;overflow:hidden}.stats-row .stat-box::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stats-row .stat-box--total::before{background:linear-gradient(90deg, #a18cd1, #fbc2eb)}.stats-row .stat-box--active::before{background:linear-gradient(90deg, #4facfe, #00f2fe)}.stats-row .stat-box--inactive::before{background:linear-gradient(90deg, #f093fb, #f5576c)}.stats-row .stat-box--progress::before{background:linear-gradient(90deg, #43e97b, #38f9d7)}.stats-row .stat-box .stat-icon{font-size:2.2rem;color:#21afa5;margin-right:1rem;width:3.2rem;text-align:center;opacity:.8}.stats-row .stat-box .stat-content{display:flex;flex-direction:column;flex:1}.stats-row .stat-box .stat-content .stat-label{font-size:.8rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.stats-row .stat-box .stat-content .stat-number{font-size:1.8rem;font-weight:700;color:#333;line-height:1.2}@media(max-width: 576px){.stats-row .stat-box{padding:1rem}.stats-row .stat-box .stat-icon{font-size:1.6rem;width:2.5rem;margin-right:.75rem}.stats-row .stat-box .stat-number{font-size:1.4rem}}.modal-content{border-radius:16px;border:none;box-shadow:0 20px 60px rgba(0,0,0,.15)}.modal-header{border-bottom:none;padding:1.5rem 2rem .5rem}.modal-header .modal-title{font-weight:600;color:#1a1a2e}.modal-header .modal-title i{color:#21afa5;margin-right:.5rem}.modal-body{padding:1.5rem 2rem 1rem}.modal-footer{border-top:none;padding:.5rem 2rem 1.5rem}.modal-body .form-label{font-weight:600;color:#1a1a2e;font-size:.9rem}.modal-body .form-control,.modal-body .form-select{border-radius:8px;border:1px solid #e0e0e0;background:#fafafa;transition:all .2s}.modal-body .form-control:focus,.modal-body .form-select:focus{border-color:#21afa5;background:#fff;box-shadow:0 0 0 3px rgba(33,175,165,.15)}#noProjectsMessage{border-radius:12px;border:1px solid #e9ecef;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden;position:relative;min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.search-container-compact{position:relative;width:250px;flex-shrink:0}.search-wrapper-compact{display:flex;align-items:center;gap:.4rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:50px;padding:.3rem .6rem .3rem .8rem;transition:all .25s ease;position:relative;height:38px}.search-wrapper-compact:focus-within{border-color:#21afa5;background:#fff;box-shadow:0 0 0 3px rgba(33,175,165,.15);transform:translateY(-1px)}.search-wrapper-compact .search-icon-compact{font-size:1.1rem;color:#adb5bd;transition:color .25s ease;flex-shrink:0}.search-wrapper-compact:focus-within .search-icon-compact{color:#21afa5}.search-input-compact{flex:1;border:none;outline:none;background:rgba(0,0,0,0);font-size:.85rem;padding:.2rem 0;color:#1a1a2e;min-width:0;margin-left:auto;width:-moz-fit-content;width:fit-content}.search-input-compact::-moz-placeholder{color:#adb5bd;font-size:.8rem;font-weight:400}.search-input-compact::placeholder{color:#adb5bd;font-size:.8rem;font-weight:400}.search-input-compact:focus{box-shadow:none}.search-clear-btn-compact{display:none;background:none;border:none;color:#adb5bd;cursor:pointer;padding:.15rem;border-radius:50%;transition:all .25s ease;flex-shrink:0;font-size:.9rem;line-height:1}.search-clear-btn-compact i{font-size:1rem}.search-clear-btn-compact:hover{color:#dc3545;background:rgba(220,53,69,.1);transform:rotate(90deg)}.search-loader-compact{display:none;flex-shrink:0}.search-loader-compact .spinner-border{width:1rem;height:1rem;border-width:.15rem}@media(max-width: 768px){.search-container-compact{width:180px}.search-wrapper-compact{height:34px;padding:.2rem .5rem .2rem .6rem}.search-input-compact{font-size:.75rem}.search-input-compact::-moz-placeholder{font-size:.7rem}.search-input-compact::placeholder{font-size:.7rem}.search-icon-compact{font-size:.9rem}}@media(max-width: 576px){.search-container-compact{width:140px}.search-wrapper-compact{height:30px;padding:.15rem .4rem .15rem .5rem}.search-input-compact{font-size:.7rem}.search-input-compact::-moz-placeholder{font-size:.65rem}.search-input-compact::placeholder{font-size:.65rem}.search-icon-compact{font-size:.8rem}.search-clear-btn-compact i{font-size:.8rem}.search-loader-compact .spinner-border{width:.8rem;height:.8rem}}.card-header-top{padding:1rem 2rem .5rem 2rem;display:flex;align-items:center;margin-bottom:-20px}.card-header-top .btn-back-outline{display:inline-flex;align-items:center;gap:.5rem;color:#6c757d;background:rgba(0,0,0,0);border:1.5px solid #e9ecef;padding:2px 10px;font-size:12px;font-weight:500;border-radius:50px;text-decoration:none;transition:all .25s ease}.card-header-top .btn-back-outline i{font-size:1rem;transition:transform .25s ease}.card-header-top .btn-back-outline:hover{color:#21afa5;background:rgba(33,175,165,.04);border-color:#21afa5;box-shadow:0 0 0 4px rgba(33,175,165,.08)}.card-header-top .btn-back-outline:hover i{transform:translateX(-4px)}.card-header-top .btn-back-outline:active{transform:scale(0.97)}@media(max-width: 576px){.card-header-top{padding:.8rem 1rem .3rem 1rem}.card-header-top .btn-back-outline{font-size:.7rem;padding:.25rem .9rem}.card-header-top .btn-back-outline i{font-size:.85rem}}.project-header-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;overflow:hidden;margin-bottom:2rem}.project-header-card .card-header{padding:1.5rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f3f5;background:rgba(0,0,0,0)}.project-header-card .card-header .header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.project-header-card .card-header .header-left .project-title{font-size:1.75rem;font-weight:700;color:#222;margin:0}.project-header-card .card-header .header-left .category-badge{display:inline-block;background:#f1f3f5;padding:.15rem .8rem;border-radius:30px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#495057}.project-header-card .card-header .header-left .category-badge[data-category=Inhouse]{background:#d4edda;color:#155724}.project-header-card .card-header .header-left .category-badge[data-category=Client]{background:#cce5ff;color:#004085}.project-header-card .card-header .header-right{display:flex;align-items:center;gap:1rem}.project-header-card .card-header .header-right .status-wrapper{display:flex;align-items:center;gap:.5rem}.project-header-card .card-header .header-right .status-wrapper .status-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6c757d;letter-spacing:.3px}.project-header-card .card-header .header-right .status-wrapper .status-select{width:auto;border-radius:30px;padding:.2rem 1.5rem .2rem 1rem;border:1px solid #e9ecef;font-size:.8rem;background-color:#fafafa}.project-header-card .card-header .header-right .status-wrapper .status-select:focus{border-color:#21afa5;box-shadow:0 0 0 3px rgba(33,175,165,.15)}.project-header-card .card-header .header-right .btn{border-radius:30px;padding:.3rem 1.2rem;font-size:.8rem}.project-header-card .card-header .header-right .btn i{margin-right:.3rem}.project-header-card .card-body{padding:1.5rem 2rem;display:flex;flex-wrap:wrap;gap:2rem}.project-header-card .card-body .left-col{flex:1 1 60%;min-width:280px}.project-header-card .card-body .left-col .description-wrapper{margin-bottom:1.5rem}.project-header-card .card-body .left-col .description-wrapper .description-text{font-size:.95rem;color:#495057;line-height:1.6;margin:0}.project-header-card .card-body .left-col .chips-grid{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.project-header-card .card-body .left-col .chips-grid .chip-group{flex:1 1 0}.project-header-card .card-body .left-col .chips-grid .chip-group:nth-child(-n+3){flex:0 0 calc(33.333% - 1rem)}.project-header-card .card-body .left-col .chips-grid .chip-group.full-width{flex:0 0 100%}.project-header-card .card-body .left-col .chips-grid .chip-group .chip-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.3rem;transition:color .2s}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-lead .chip-label{color:#6c757d}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-account .chip-label{color:#6c757d}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-project .chip-label{color:#6c757d}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-team .chip-label{color:#6c757d}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-scope .chip-label{color:#6c757d}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-lead .chip:not(.empty){border-color:#6f42c1;color:#6f42c1}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-account .chip:not(.empty){border-color:#0d6efd;color:#0d6efd}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-project .chip:not(.empty){border-color:#20c997;color:#20c997}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-team .chip:not(.empty){border-color:#fd7e14;color:#fd7e14}.project-header-card .card-body .left-col .chips-grid .chip-group.chip-group-scope .chip:not(.empty){border-color:#d63384;color:#d63384}.project-header-card .card-body .left-col .chips-grid .chip-group .chip-container{display:flex;flex-wrap:wrap;gap:.4rem}.project-header-card .card-body .left-col .chips-grid .chip-group .chip-container .chip{display:inline-block;border:1.5px solid #e9ecef;border-radius:30px;padding:.1rem .8rem;font-size:.75rem;font-weight:500;color:#222;background:#fff;transition:all .15s ease}.project-header-card .card-body .left-col .chips-grid .chip-group .chip-container .chip.empty{color:#adb5bd;border-color:#f1f3f5;background:#f8f9fa}.project-header-card .card-body .left-col .chips-grid .chip-group .chip-container .chip.scope{border-color:#21afa5;color:#21afa5;background:rgba(33,175,165,.05)}@media(max-width: 768px){.project-header-card .card-body .left-col .chips-grid .chip-group:nth-child(-n+3){flex:0 0 100%}}.project-header-card .card-body .right-col{flex:0 0 260px;display:flex;flex-direction:column;gap:1.2rem;min-width:200px}.project-header-card .card-body .right-col .deadline-wrapper{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#222}.project-header-card .card-body .right-col .deadline-wrapper i{font-size:1.2rem;color:#21afa5}.project-header-card .card-body .right-col .deadline-wrapper .deadline-date{font-weight:600}.project-header-card .card-body .right-col .progress-wrapper .progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:#6c757d;margin-bottom:.2rem}.project-header-card .card-body .right-col .progress-wrapper .progress-info .progress-percentage{font-weight:700;color:#222}.project-header-card .card-body .right-col .progress-wrapper .progress-bar-container .progress{height:6px;border-radius:30px;background:#e9ecef}.project-header-card .card-body .right-col .progress-wrapper .progress-bar-container .progress .progress-bar{border-radius:30px;background-color:#21afa5;transition:width .4s ease}.project-header-card .card-body .right-col .ongoing-task-wrapper{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.project-header-card .card-body .right-col .ongoing-task-wrapper .task-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6c757d}.project-header-card .card-body .right-col .ongoing-task-wrapper .task-text{font-size:.9rem;color:#222;font-weight:500;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-header-card .card-body .right-col .ongoing-task-wrapper .btn{border-radius:30px;padding:.15rem .8rem;font-size:.7rem}.project-header-card .card-body .right-col .ongoing-task-wrapper .btn i{margin-right:.2rem}@media(max-width: 768px){.project-header-card .card-body{flex-direction:column}.project-header-card .card-body .right-col{flex:1 1 auto;width:100%}.project-header-card .card-body .right-col .ongoing-task-wrapper .task-text{max-width:none;white-space:normal}}@media(max-width: 576px){.project-header-card .card-header{flex-direction:column;align-items:stretch;gap:.8rem}.project-header-card .card-header .header-left .project-title{font-size:1.3rem}.project-header-card .card-header .header-right{justify-content:space-between}.project-header-card .card-header .header-right .status-wrapper .status-label{display:none}.project-header-card .card-body .left-col .chips-grid{grid-template-columns:1fr}}.milestones-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.milestones-section .section-header h5{font-weight:700;color:#222;margin:0 0 -10px}.milestones-section .section-header .btn{border-radius:30px;padding:.3rem 1.2rem;font-size:.8rem}.milestones-section .section-header .btn i{margin-right:.3rem}.milestones-section .milestone-grid .milestone-item-wrapper{animation:fadeInUp .5s ease}.milestones-section .milestone-grid .milestone-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:none}.milestones-section .milestone-grid .milestone-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1}.milestones-section .milestone-grid .milestone-card[data-status=completed]::before{background:#28a745}.milestones-section .milestone-grid .milestone-card[data-status=in-progress]::before{background:#ffc107}.milestones-section .milestone-grid .milestone-card[data-status=on-hold]::before{background:#fd7e14}.milestones-section .milestone-grid .milestone-card[data-status=not-started]::before{background:#6c757d}.milestones-section .milestone-grid .milestone-card[data-status=no-tasks]::before{background:#adb5bd}.milestones-section .milestone-grid .milestone-card .card-header{padding:1.2rem 1.2rem .5rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:none;background:rgba(0,0,0,0)}.milestones-section .milestone-grid .milestone-card .card-header .milestone-name{font-size:1rem;font-weight:600;color:#222;margin:0;flex:1}.milestones-section .milestone-grid .milestone-card .card-header .status-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:.15rem .6rem;border-radius:30px;white-space:nowrap;margin-left:.5rem}.milestones-section .milestone-grid .milestone-card .card-header .status-badge.status-completed{background:#d4edda;color:#155724}.milestones-section .milestone-grid .milestone-card .card-header .status-badge.status-in-progress{background:#fff3cd;color:#856404}.milestones-section .milestone-grid .milestone-card .card-header .status-badge.status-on-hold{background:#ffe5d0;color:#7b4a1e}.milestones-section .milestone-grid .milestone-card .card-header .status-badge.status-not-started{background:#e2e3e5;color:#383d41}.milestones-section .milestone-grid .milestone-card .card-header .status-badge.status-no-tasks{background:#f8f9fa;color:#6c757d}.milestones-section .milestone-grid .milestone-card .card-body{padding:.5rem 1.2rem .8rem;flex:1}.milestones-section .milestone-grid .milestone-card .card-body .milestone-desc{font-size:.85rem;color:#6c757d;margin-bottom:.5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.milestones-section .milestone-grid .milestone-card .card-body .milestone-deadline{font-size:.8rem;color:#6c757d;margin:0}.milestones-section .milestone-grid .milestone-card .card-body .milestone-deadline i{margin-right:.3rem}.milestones-section .milestone-grid .milestone-card .card-footer{padding:.8rem 1.2rem;background:rgba(0,0,0,0);border-top:1px solid #f1f3f5;display:flex;justify-content:flex-end}.milestones-section .milestone-grid .milestone-card .card-footer .btn{border-radius:30px;padding:.2rem 1rem;font-size:.75rem}.milestones-section .milestone-grid .milestone-card .card-footer .btn i{margin-left:.3rem}@media(max-width: 576px){.milestones-section .milestone-grid .milestone-card .card-header{flex-wrap:wrap}.milestones-section .milestone-grid .milestone-card .card-header .status-badge{margin-left:0;margin-top:.3rem}.milestones-section .milestone-grid .milestone-card .card-footer .btn{width:100%;justify-content:center}}#milestoneLoadMoreContainer .btn{border-radius:30px;padding:.3rem 1.5rem;font-size:.8rem}#milestoneLoadMoreContainer .spinner-border{width:1.5rem;height:1.5rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#noMilestonesMessage{border-radius:12px;border:1px solid #e9ecef;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden;position:relative;min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.task-header-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;overflow:hidden;margin-bottom:2rem}.task-header-card .card-header{padding:1.5rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:rgba(0,0,0,0)}.task-header-card .card-header .header-left{display:flex;flex-direction:column;gap:.2rem}.task-header-card .card-header .header-left .task-title{font-size:1.75rem;font-weight:700;color:#222;margin:0}.task-header-card .card-header .header-left .task-project-name{font-size:.85rem;color:#6c757d;font-weight:500}.task-header-card .card-header .header-right{display:flex;align-items:center;gap:.8rem}.task-header-card .card-header .header-right .task-deadline{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#6c757d}.task-header-card .card-header .header-right .task-deadline i{color:#21afa5}.task-header-card .card-header .header-right .task-deadline{margin-right:.5rem}.task-header-card .card-header .header-right .btn{border-radius:30px;padding:.3rem 1.2rem;font-size:.8rem}.task-header-card .card-header .header-right .btn i{margin-right:.3rem}@media(max-width: 576px){.task-header-card .card-header{flex-direction:column;align-items:stretch;gap:.8rem}.task-header-card .card-header .header-left .task-title{font-size:1.3rem}.task-header-card .card-header .header-right{justify-content:space-between;flex-wrap:wrap}.task-header-card .card-header .header-right .task-deadline{margin-right:0}}.tasks-section .task-grid .task-item-wrapper{animation:fadeInUp .4s ease}.tasks-section .task-grid .task-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;height:100%;display:flex;flex-direction:column;position:relative;transition:none;overflow:hidden}.tasks-section .task-grid .task-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1}.tasks-section .task-grid .task-card[data-status=not-started]::before{background:#6c757d}.tasks-section .task-grid .task-card[data-status=in-progress]::before{background:#ffc107}.tasks-section .task-grid .task-card[data-status=on-hold]::before{background:#fd7e14}.tasks-section .task-grid .task-card[data-status=completed]::before{background:#28a745}.tasks-section .task-grid .task-card .card-body{padding:1.2rem 1.2rem 1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.tasks-section .task-grid .task-card .card-body .task-name{font-size:1rem;font-weight:600;color:#222;margin:0}.tasks-section .task-grid .task-card .card-body .task-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:#6c757d}.tasks-section .task-grid .task-card .card-body .task-meta i{margin-right:.2rem}.tasks-section .task-grid .task-card .card-body .task-status-wrapper{margin-top:auto}.tasks-section .task-grid .task-card .card-body .task-status-wrapper .status-dropdown{border-radius:30px;font-size:.75rem;padding:.15rem 1.5rem .15rem 1rem;width:100%;border-color:#e9ecef;background:#fafafa}.tasks-section .task-grid .task-card .card-body .task-status-wrapper .status-dropdown:focus{border-color:#21afa5;box-shadow:0 0 0 3px rgba(33,175,165,.15)}.filter-drawer{position:fixed;top:0;right:-400px;width:380px;height:100%;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.08);z-index:1050;transition:right .3s cubic-bezier(0.22, 1, 0.36, 1);overflow-y:auto}.filter-drawer.open{right:0}.filter-drawer .filter-drawer-content{padding:2rem 1.5rem}.filter-drawer .filter-drawer-content .filter-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-drawer .filter-drawer-content .filter-drawer-header h5{font-weight:600;color:#222}.filter-drawer .filter-drawer-content .filter-drawer-header h5 i{color:#21afa5;margin-right:.5rem}.filter-drawer .filter-drawer-content .filter-drawer-header .btn-close{font-size:1.2rem}.filter-drawer .filter-drawer-content .filter-drawer-body .form-label{font-weight:600;font-size:.8rem;color:#495057;text-transform:uppercase;letter-spacing:.3px}.filter-drawer .filter-drawer-content .filter-drawer-body .form-control,.filter-drawer .filter-drawer-content .filter-drawer-body .form-select{border-radius:8px;border:1px solid #e0e0e0;font-size:.9rem}.filter-drawer .filter-drawer-content .filter-drawer-body .form-control:focus,.filter-drawer .filter-drawer-content .filter-drawer-body .form-select:focus{border-color:#21afa5;box-shadow:0 0 0 3px rgba(33,175,165,.15)}.filter-drawer .filter-drawer-content .filter-drawer-body .btn{border-radius:30px}@media(max-width: 576px){.filter-drawer{width:100%;right:-100%}}.filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:1049;display:none}#taskLoadMoreContainer .btn{border-radius:30px;padding:.3rem 1.5rem;font-size:.8rem}#taskLoadMoreContainer .spinner-border{width:1.5rem;height:1.5rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#noTasksMessage{border-radius:12px;border:1px solid #e9ecef;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden;position:relative;min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.task-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.task-status-wrapper{flex:1;max-width:160px}.task-status-wrapper .form-select-sm{width:100%;min-width:120px}.edit-task-btn{flex-shrink:0;text-decoration:none !important;background:rgba(0,0,0,0);border:none;outline:none}.edit-task-btn:hover i{color:#0d6efd !important}.edit-task-btn:focus{box-shadow:none}.task-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:.5rem}.task-status-wrapper{flex:1;max-width:160px}.task-status-wrapper .form-select-sm{width:100%;min-width:120px}.task-action-buttons{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.edit-task-btn,.submit-report-btn{text-decoration:none !important;background:rgba(0,0,0,0);border:none;outline:none;padding:.2rem .3rem;border-radius:50%;transition:all .25s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative}.edit-task-btn i,.submit-report-btn i{font-size:1.2rem;transition:all .25s ease}.edit-task-btn::after,.submit-report-btn::after{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transition:all .25s ease}.edit-task-btn:hover,.submit-report-btn:hover{transform:translateY(-1px)}.edit-task-btn:hover::after,.submit-report-btn:hover::after{opacity:1;transform:scale(1)}.edit-task-btn:active,.submit-report-btn:active{transform:scale(0.92)}.edit-task-btn i{color:#6c757d}.edit-task-btn::after{background:rgba(13,110,253,.08)}.edit-task-btn:hover i{color:#0d6efd !important;transform:scale(1.1)}.submit-report-btn i{color:#21afa5}.submit-report-btn::after{background:rgba(33,175,165,.08)}.submit-report-btn:hover i{color:#21afa5 !important;transform:scale(1.15);filter:drop-shadow(0 2px 8px rgba(33, 175, 165, 0.3))}.edit-task-btn:focus,.submit-report-btn:focus{box-shadow:none}.edit-task-btn[title]:hover::before,.submit-report-btn[title]:hover::before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1a1a2e;color:#fff;padding:.3rem .8rem;border-radius:6px;font-size:.7rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10;pointer-events:none;animation:tooltipFadeIn .2s ease}.edit-task-btn[title]:hover::after,.submit-report-btn[title]:hover::after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-top-color:#1a1a2e;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{from{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.edit-day-reports{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;border:1.5px solid rgba(0,0,0,0);color:#6c757d;background:rgba(0,0,0,0);transition:all .25s ease}.edit-day-reports i{font-size:1rem;transition:all .25s ease}.edit-day-reports:hover{background:rgba(33,175,165,.08);border-color:rgba(0,0,0,0);color:#21afa5}.edit-day-reports:active{transform:scale(0.92)}.filter-bar{background:#fff;padding:.75rem 1rem;border-radius:8px;border:1px solid #e9ecef}.filter-bar .form-label{font-size:.75rem;font-weight:600;color:#495057;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.3px}.filter-bar .form-control-sm,.filter-bar .form-select-sm{border-color:#ced4da}.filter-bar .form-control-sm:focus,.filter-bar .form-select-sm:focus{border-color:#21afa5;box-shadow:0 0 0 .2rem rgba(33,175,165,.25)}.filter-bar .btn-filter{background-color:#21afa5;border-color:#21afa5;color:#fff;font-weight:500}.filter-bar .btn-filter:hover{background-color:rgb(24.9086538462,132.0913461538,124.5432692308);border-color:rgb(24.9086538462,132.0913461538,124.5432692308)}.filter-bar .btn-outline-filter{color:#21afa5;border-color:#21afa5}.filter-bar .btn-outline-filter:hover{background-color:#21afa5;color:#fff}@media(max-width: 576px){.filter-bar .btn-filter,.filter-bar .btn-outline-filter{width:100%}.filter-bar .d-flex{flex-wrap:wrap}}.stats-row .stat-box{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;border:1px solid #e9ecef;height:100%;position:relative;overflow:hidden}.stats-row .stat-box::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stats-row .stat-box--users::before{background:linear-gradient(90deg, #a18cd1, #fbc2eb)}.stats-row .stat-box--days::before{background:linear-gradient(90deg, #4facfe, #00f2fe)}.stats-row .stat-box--hours::before{background:linear-gradient(90deg, #f093fb, #f5576c)}.stats-row .stat-box--milestones::before{background:linear-gradient(90deg, #43e97b, #38f9d7)}.stats-row .stat-box--tasks::before{background:linear-gradient(90deg, #fa709a, #fee140)}.stats-row .stat-box .stat-icon{font-size:2.2rem;color:#21afa5;margin-right:1rem;width:3.2rem;text-align:center;opacity:.8}.stats-row .stat-box .stat-content{display:flex;flex-direction:column;flex:1}.stats-row .stat-box .stat-content .stat-label{font-size:.8rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.stats-row .stat-box .stat-content .stat-number{font-size:1.8rem;font-weight:700;color:#333;line-height:1.2}@media(max-width: 576px){.stats-row .stat-box{padding:1rem}.stats-row .stat-box .stat-icon{font-size:1.6rem;width:2.5rem;margin-right:.75rem}.stats-row .stat-box .stat-number{font-size:1.4rem}}.report-day{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:none}.report-day::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;z-index:2;border-radius:8px 0 0 8px;transition:all .3s ease}.report-day:nth-child(odd)::before{background:linear-gradient(180deg, #b8e6e2, #8fd9d3);box-shadow:0 0 15px rgba(33,175,165,.08)}.report-day:nth-child(even)::before{background:linear-gradient(180deg, #c5e8f0, #a8d5e6);box-shadow:0 0 15px rgba(54,185,204,.06)}.report-day .card-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:.75rem 1.25rem}.report-day .card-header h5{font-size:18px;font-weight:600;color:#333;margin-bottom:0}.report-day .card-header i{font-size:26px;color:#21afa5;font-weight:500;top:2px;position:relative}.report-day .card-header .badge{background-color:#21afa5 !important;font-size:17px;padding:.5rem 1rem;font-weight:600}.report-day .card-body{padding:1.25rem}.report-day .project-group .project-title{font-weight:700;color:#2c3e50;border-bottom:2px solid rgba(33,175,165,.2);padding-bottom:.5rem;margin-bottom:1rem;font-size:18px}.report-day .project-group .project-title i{font-size:20px;color:#21afa5;font-weight:500;top:0;position:relative}.report-day .milestone-title{margin-left:1rem}.report-day .milestone-group:last-child{margin-bottom:0 !important}.report-day .milestone-group .milestone-title{font-weight:600;color:#333;border-left:4px solid #21afa5;padding-left:10px;margin-bottom:.75rem}.report-day .milestone-group .task-list .task-item{padding:.5rem 0 .5rem 1.5rem;transform:none}.report-day .milestone-group .task-list .task-item:last-child{border-bottom:none !important}.report-day .milestone-group .task-list .task-item strong{display:inline-block;min-width:120px}.report-day .milestone-group .task-list .task-item p{margin:0;font-size:.9rem;color:#6c757d}.report-day .milestone-group .task-list .task-item .badge{background-color:#f1f1f1;color:#333;font-weight:500;padding:.4rem .8rem;border-radius:20px;min-width:60px;text-align:center}#reportLoadMoreContainer .btn-secondary{background-color:#21afa5;border-color:#21afa5;color:#fff}#reportLoadMoreContainer .btn-secondary:hover{background-color:rgb(24.9086538462,132.0913461538,124.5432692308);border-color:rgb(24.9086538462,132.0913461538,124.5432692308)}.btn-primary{background-color:#21afa5;border-color:#21afa5}.btn-primary:hover{background-color:rgb(24.9086538462,132.0913461538,124.5432692308);border-color:rgb(24.9086538462,132.0913461538,124.5432692308)}.offcanvas .btn-filter{background-color:#21afa5;border-color:#21afa5;color:#fff}.offcanvas .btn-filter:hover{background-color:rgb(24.9086538462,132.0913461538,124.5432692308);border-color:rgb(24.9086538462,132.0913461538,124.5432692308)}.offcanvas .btn-outline-filter{color:#21afa5;border-color:#21afa5}.offcanvas .btn-outline-filter:hover{background-color:#21afa5;color:#fff}.report-log-table{font-size:.85rem}.report-log-table thead th{background-color:#f8f9fa;border-bottom:2px solid #21afa5;color:#495057;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:.6rem .5rem;white-space:nowrap}.report-log-table tbody td{padding:.5rem .5rem;vertical-align:middle;border-bottom:1px solid #e9ecef;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-log-table tbody td.truncate{max-width:120px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-log-table tbody tr{transition:background-color .2s ease}.report-log-table tbody tr:hover{background-color:rgba(33,175,165,.05)}.report-log-table tbody tr:last-child td{border-bottom:none}.report-log-table .badge{font-size:.7rem;padding:.3rem .6rem;font-weight:500;letter-spacing:.3px}@media(max-width: 576px){.report-log-table{font-size:.75rem}.report-log-table thead th,.report-log-table tbody td{padding:.3rem .3rem}.report-log-table .truncate{max-width:80px !important}}.copy-day-report{padding:0 !important;border:none !important;background:rgba(0,0,0,0) !important;box-shadow:none !important;outline:none !important}.copy-day-report:focus,.copy-day-report:focus-visible{outline:none !important;box-shadow:none !important}.profile-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.25rem 0 16px}.profile-tabs .nav-item{margin:0}.profile-tabs .nav-link{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px;padding:.5rem 1.2rem;color:#6c757d;background:rgba(0,0,0,0);border:2px solid #e9ecef;border-radius:30px;transition:all .2s ease-in-out;white-space:nowrap}.profile-tabs .nav-link i{margin-right:.5rem;font-size:1.1rem;transition:transform .2s ease}.profile-tabs .nav-link:hover{color:#21afa5;border-color:#21afa5;background:rgba(33,175,165,.05)}.profile-tabs .nav-link:hover i{transform:translateY(-1px)}.profile-tabs .nav-link.active{color:#fff;background:#21afa5;border-color:#21afa5}.profile-tabs .nav-link.active i{color:#fff}@media(max-width: 576px){.profile-tabs .nav-link{font-size:.75rem;padding:.35rem .8rem}}.profile-tab-content .card{border:1px solid #e9ecef;border-radius:8px;background:#fff;margin-bottom:1.5rem;transition:border-color .2s ease}.profile-tab-content .card:hover{border-color:rgb(151.09375,235.40625,229.46875)}.profile-tab-content .card .card-header{background:#fafbfc;border-bottom:1px solid #e9ecef;padding:.9rem 1.25rem;border-radius:8px 8px 0 0}.profile-tab-content .card .card-header h5{font-weight:600;font-size:1rem;color:#2c3e50;margin:0}.profile-tab-content .card .card-header h5 i{color:#21afa5;font-size:1.2rem;margin-right:.5rem}.profile-tab-content .card .card-body{padding:1.5rem}.profile-photo-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.profile-photo-wrapper .photo-preview{width:130px;height:130px;border-radius:50%;overflow:hidden;border:3px solid #21afa5;background:#f8f9fa;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,transform .2s ease}.profile-photo-wrapper .photo-preview:hover{border-color:rgb(24.9086538462,132.0913461538,124.5432692308);transform:scale(1.02)}.profile-photo-wrapper .photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-photo-wrapper .photo-preview .profile-photo-placeholder{font-size:4rem;color:#ced4da}.profile-photo-wrapper .photo-preview .profile-photo-placeholder i{font-size:4rem;line-height:1}.profile-photo-wrapper .btn-outline-secondary{font-size:.8rem;padding:.3rem 1rem;border-radius:20px;border:2px solid #21afa5;color:#21afa5;transition:all .2s ease}.profile-photo-wrapper .btn-outline-secondary:hover{background:#21afa5;color:#fff}.profile-photo-wrapper .btn-outline-secondary i{margin-right:.3rem}.form-label{font-weight:600;font-size:.8rem;color:#495057;margin-bottom:.3rem;display:block;text-transform:uppercase;letter-spacing:.3px}.form-control,.form-select{border:2px solid #e9ecef;border-radius:6px;padding:.5rem .75rem;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.form-control:focus,.form-select:focus{border-color:#21afa5;outline:0;box-shadow:0 0 0 .15rem rgba(33,175,165,.15)}.form-control[readonly],.form-select[readonly]{background:#f8f9fa;cursor:default}.form-control.file-name-display,.form-select.file-name-display{background:#fff;border-right:none;border-radius:6px 0 0 6px;font-size:.85rem;color:#495057;cursor:default}.form-control.file-name-display:focus,.form-select.file-name-display:focus{box-shadow:none;border-color:#e9ecef}.input-group .btn-outline-secondary{border:2px solid #e9ecef;border-left:none;border-radius:0 6px 6px 0;padding:.5rem 1rem;background:#f8f9fa;color:#6c757d;transition:all .2s ease}.input-group .btn-outline-secondary:hover{background:#21afa5;color:#fff;border-color:#21afa5}.input-group .btn-outline-secondary:focus{box-shadow:none}.input-group .form-control:not(:first-child){border-left:none;border-radius:0 6px 6px 0}.btn-primary{background-color:#21afa5;border:2px solid #21afa5;color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:6px;transition:all .2s ease}.btn-primary:hover{background-color:rgb(24.9086538462,132.0913461538,124.5432692308);border-color:rgb(24.9086538462,132.0913461538,124.5432692308);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.65;transform:none}.btn-sm{padding:.25rem .75rem;font-size:.8rem}.btn-link{color:#21afa5;text-decoration:none;font-size:.85rem}.btn-link:hover{color:rgb(24.9086538462,132.0913461538,124.5432692308);text-decoration:underline}.btn-danger{background:#dc3545;border:2px solid #dc3545;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;color:#fff;transition:all .2s ease}.btn-danger:hover{background:rgb(189.2151898734,32.7848101266,47.7721518987);border-color:rgb(189.2151898734,32.7848101266,47.7721518987)}#documentsList .table{font-size:.85rem;margin-bottom:0;border-collapse:separate;border-spacing:0}#documentsList .table th{background:#f8f9fa;border-bottom:2px solid #21afa5;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;padding:.6rem .75rem}#documentsList .table td{padding:.6rem .75rem;vertical-align:middle;border-bottom:1px solid #f0f0f0}#documentsList .table tbody tr{transition:background .15s ease}#documentsList .table tbody tr:hover{background:rgba(33,175,165,.04)}#documentsList .table tbody tr:last-child td{border-bottom:none}#documentsList .table .btn-link{font-size:.8rem}#addDocumentModal .modal-content{border:1px solid #e9ecef;border-radius:8px;background:#fff}#addDocumentModal .modal-header{background:#fafbfc;border-bottom:1px solid #e9ecef;padding:1rem 1.25rem;border-radius:8px 8px 0 0}#addDocumentModal .modal-header .modal-title{font-weight:600;color:#2c3e50;font-size:1rem}#addDocumentModal .modal-header .modal-title i{color:#21afa5;margin-right:.5rem}#addDocumentModal .modal-body{padding:1.5rem}#addDocumentModal .modal-footer{border-top:1px solid #e9ecef;padding:1rem 1.25rem;background:#fafbfc;border-radius:0 0 8px 8px}#addDocumentModal input[type=file]{display:block !important}.badge{font-weight:500;padding:.3rem .7rem;border-radius:20px;font-size:.75rem}.badge.bg-secondary{background:#e9ecef !important;color:#495057}.badge.bg-info{background:#21afa5 !important;color:#fff}@media(max-width: 767.98px){.profile-photo-wrapper .photo-preview{width:100px;height:100px}.form-label{font-size:.75rem}.form-control,.form-select{font-size:.85rem;padding:.4rem .6rem}.profile-tabs .nav-link{font-size:.7rem;padding:.3rem .6rem}}@media(max-width: 575.98px){.card-body{padding:1rem !important}.input-group .btn-outline-secondary{padding:.4rem .6rem;font-size:.75rem}}.col-md-4 .profile-photo-wrapper{margin-top:1rem}.text-center{text-align:center}.profile-tab-content .card:last-child{margin-bottom:0}a.btn-link i{margin-right:.2rem}#saveProfileBtn .ri-loader-4-line{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.my-profile-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.25rem 0 16px}.my-profile-tabs .nav-item{margin:0}.my-profile-tabs .nav-link{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px;padding:.5rem 1.2rem;color:#6c757d;background:rgba(0,0,0,0);border:2px solid #e9ecef;border-radius:30px;transition:all .2s ease-in-out;white-space:nowrap}.my-profile-tabs .nav-link i{margin-right:.5rem;font-size:1.1rem;transition:transform .2s ease}.my-profile-tabs .nav-link:hover{color:#21afa5;border-color:#21afa5;background:rgba(33,175,165,.05)}.my-profile-tabs .nav-link:hover i{transform:translateY(-1px)}.my-profile-tabs .nav-link.active{color:#fff;background:#21afa5;border-color:#21afa5}.my-profile-tabs .nav-link.active i{color:#fff}@media(max-width: 576px){.my-profile-tabs .nav-link{font-size:.75rem;padding:.35rem .8rem}}.my-profile-tab-content .card{border:1px solid #e9ecef;border-radius:8px;background:#fff;margin-bottom:1.5rem}.my-profile-tab-content .card .card-header{background:#fafbfc;border-bottom:1px solid #e9ecef;padding:.9rem 1.25rem;border-radius:8px 8px 0 0}.my-profile-tab-content .card .card-header h5{font-weight:600;font-size:1rem;color:#2c3e50;margin:0}.my-profile-tab-content .card .card-header h5 i{color:#21afa5;font-size:1.2rem;margin-right:.5rem}.my-profile-tab-content .card .card-body{padding:1.5rem}.my-profile-photo-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.my-profile-photo-wrapper .photo-preview{width:130px;height:130px;border-radius:50%;overflow:hidden;border:3px solid #21afa5;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.my-profile-photo-wrapper .photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-profile-photo-wrapper .photo-preview .profile-photo-placeholder{font-size:4rem;color:#ced4da}.my-profile-photo-wrapper .photo-preview .profile-photo-placeholder i{font-size:4rem;line-height:1}.my-profile-value{font-size:1rem;font-weight:500;color:#2c3e50;padding:.3rem 0;border-bottom:1px dashed #e9ecef}.my-profile-value a{color:#21afa5;text-decoration:none}.my-profile-value a:hover{text-decoration:underline}.badge{font-weight:500;padding:.3rem .7rem;border-radius:20px;font-size:.75rem}.badge.bg-secondary{background:#e9ecef !important;color:#495057}@media(max-width: 767.98px){.my-profile-photo-wrapper .photo-preview{width:100px;height:100px}.my-profile-tabs .nav-link{font-size:.7rem;padding:.3rem .6rem}}@media(max-width: 575.98px){.card-body{padding:1rem !important}}.user-card{border-radius:12px;border:1px solid #e9ecef;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden;position:relative}.user-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1}.user-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#c0c8d0}.user-card .status-dot{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;z-index:2}.user-card .status-dot.active{background:#28a745}.user-card .status-dot.inactive{background:#dc3545}.user-card .card-body{padding:1.25rem 1.25rem .75rem}.user-card .user-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;padding-right:20px}.user-card .user-avatar-wrap{position:relative;width:46px;height:46px;border-radius:50%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg, #21AFA5, rgb(52.4038461538, 216.7961538462, 205.2192307692));box-shadow:0 2px 6px rgba(0,0,0,.08);display:inline-flex;align-items:center;justify-content:center}.user-card .user-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:50%;background:linear-gradient(135deg, #21AFA5, rgb(52.4038461538, 216.7961538462, 205.2192307692));color:#fff;font-size:.9rem;font-weight:700}.user-card .user-title{min-width:0}.user-card .user-name{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card .user-role{font-size:.7rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.user-card .user-meta{display:flex;flex-wrap:wrap;gap:.4rem .75rem;font-size:.78rem;color:#6c757d;margin-bottom:.65rem}.user-card .user-meta .meta-item{display:inline-flex;align-items:center;gap:.25rem;max-width:100%}.user-card .user-meta .meta-item i{color:#21afa5;font-size:.95rem;opacity:.85;flex-shrink:0}.user-card .user-meta .meta-item:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-card .dept-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.user-card .dept-tags .dept-tag{border:1px solid #21afa5;color:#21afa5;background:rgba(0,0,0,0);padding:.05rem .6rem;border-radius:30px;font-size:.7rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.user-card .card-footer{background:rgba(0,0,0,0);border-top:1px solid #f1f3f5;padding:.6rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.user-card .card-footer .footer-name{display:flex;flex-direction:column;min-width:0}.user-card .card-footer .footer-name .name-role{font-size:.65rem;font-weight:600;color:#adb5bd;text-transform:uppercase;letter-spacing:.5px}.user-card .card-footer .footer-name .name-value{font-size:.78rem;font-weight:500;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.user-card .card-footer .btn-outline-primary{border-color:#21afa5;color:#21afa5;font-size:.75rem;padding:.2rem .75rem;border-radius:30px;white-space:nowrap}.user-card .card-footer .btn-outline-primary:hover{background:#21afa5;color:#fff}.user-item{animation:fadeInUp .5s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 576px){.user-card .card-body{padding:1rem}.user-card .card-footer{flex-wrap:wrap}.user-card .card-footer .btn{width:100%;justify-content:center}.user-card .card-footer .footer-name .name-value{max-width:100%}.user-card .user-avatar-wrap{width:40px;height:40px}}.users-add-form .row{margin-right:-0.5rem;margin-left:-0.5rem}.users-add-form [class*=col-]{padding-right:.5rem;padding-left:.5rem}@media(max-width: 767.98px){.users-add-form .col-md-4{flex:0 0 100%;max-width:100%}}.users-add-form .card{border:1px solid #e9ecef;border-radius:12px;background:#fff}.users-add-form .card .card-header{background:#fafbfc;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem;border-radius:12px 12px 0 0}.users-add-form .card .card-header h6{font-weight:600;color:#21afa5;font-size:1rem;margin:0}.users-add-form .card .card-body{padding:1.5rem}.users-add-form .form-label{font-weight:600;font-size:.75rem;color:#495057;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}.users-add-form .form-control,.users-add-form .form-select{border:2px solid #e9ecef;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.users-add-form .form-control:focus,.users-add-form .form-select:focus{border-color:#21afa5;outline:0;box-shadow:0 0 0 .15rem rgba(33,175,165,.15)}.users-add-form .input-group .btn-outline-secondary{border:2px solid #e9ecef;border-left:none;border-radius:0 8px 8px 0;padding:.5rem 1rem;background:#f8f9fa;color:#6c757d;transition:all .2s ease}.users-add-form .input-group .btn-outline-secondary:hover{background:#21afa5;color:#fff;border-color:#21afa5}.users-add-form .input-group .form-control{border-radius:8px 0 0 8px}.users-add-form .btn-primary{background-color:#21afa5;border:2px solid #21afa5;color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:8px;transition:all .2s ease}.users-add-form .btn-primary:hover{background-color:rgb(24.9086538462,132.0913461538,124.5432692308);border-color:rgb(24.9086538462,132.0913461538,124.5432692308);transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,175,165,.3)}.users-add-form .btn-primary:disabled{opacity:.65;transform:none;box-shadow:none}.users-add-form .btn-outline-secondary{border:2px solid #e9ecef;background:rgba(0,0,0,0);color:#6c757d;border-radius:8px;padding:.5rem 1.5rem;transition:all .2s ease}.users-add-form .btn-outline-secondary:hover{background:#f8f9fa;border-color:#b0b8c1;transform:translateY(-2px)}@media(max-width: 767.98px){.users-add-form .card-body{padding:1rem !important}}#teamUserModal .modal-content{border-radius:16px;border:none;box-shadow:0 20px 60px rgba(0,0,0,.15)}#teamUserModal .modal-header{border-bottom:1px solid #f1f3f5;padding:1.25rem 1.75rem}#teamUserModal .modal-header .modal-title{font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:.5rem}#teamUserModal .modal-body{padding:1.75rem;max-height:70vh;overflow-y:auto}#teamUserModal .modal-footer{border-top:1px solid #f1f3f5;padding:.85rem 1.75rem}.team-modal-header{display:flex;align-items:center;gap:1.1rem;padding-bottom:1.25rem;margin-bottom:1.5rem;border-bottom:1px solid #f1f3f5}.team-modal-avatar{width:84px;height:84px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg, #21AFA5, rgb(52.4038461538, 216.7961538462, 205.2192307692));box-shadow:0 4px 14px rgba(0,0,0,.1)}.team-modal-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.team-modal-headline{min-width:0}.team-modal-name{font-size:1.35rem;font-weight:700;color:#1a1a2e;line-height:1.2;margin-bottom:.2rem}.team-modal-role{font-size:.78rem;font-weight:600;color:#21afa5;text-transform:uppercase;letter-spacing:.6px;margin-bottom:.35rem}.team-modal-email{font-size:.85rem;color:#6c757d}.team-modal-email i{color:#21afa5;margin-right:.25rem}.team-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width: 767.98px){.team-modal-grid{grid-template-columns:1fr}}.team-modal-section{background:#fafbfc;border:1px solid #f1f3f5;border-radius:12px;padding:1rem 1.15rem}.team-modal-section .team-modal-section-title{font-size:.78rem;font-weight:700;color:#21afa5;text-transform:uppercase;letter-spacing:.7px;margin:0 0 .75rem;display:flex;align-items:center;gap:.4rem}.team-modal-section .team-modal-section-title i{font-size:1rem}.team-modal-section .info-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.4rem 0;border-bottom:1px dashed #e9ecef}.team-modal-section .info-row:last-child{border-bottom:none;padding-bottom:0}.team-modal-section .info-row .info-label{font-size:.78rem;color:#6c757d;font-weight:500;flex-shrink:0}.team-modal-section .info-row .info-value{font-size:.85rem;color:#1a1a2e;font-weight:500;text-align:right;word-break:break-word;min-width:0}.client-card{border-radius:12px;border:1px solid #e9ecef;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden;position:relative;height:100%}.client-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1}.client-card.status-active::before{background:#28a745}.client-card.status-inactive::before{background:#dc3545}.client-card.status-archived::before{background:#6c757d}.client-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#c0c8d0;transform:translateY(-2px)}.client-card .status-dot{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;z-index:2}.client-card .status-dot.active{background:#28a745}.client-card .status-dot.inactive{background:#dc3545}.client-card .status-dot.archived{background:#6c757d}.client-card .card-body{padding:1.25rem 1.25rem .75rem;text-align:center}.client-card .client-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #e8f0fe, #d2e3fc);border:2px solid #21afa5}.client-card .client-avatar .avatar-initial{font-size:1.6rem;font-weight:700;color:#1a1a2e}.client-card .client-name{font-size:1.05rem;font-weight:600;color:#1a1a2e;margin-bottom:.2rem}.client-card .client-code{font-size:.75rem;color:#6c757d;font-weight:500;margin-bottom:.5rem}.client-card .industry-tag{display:inline-block;background:#f1f3f5;padding:.1rem .6rem;border-radius:30px;font-size:.65rem;font-weight:500;color:#495057;margin-bottom:.5rem}.client-card .client-meta{display:flex;justify-content:center;gap:1rem;font-size:.75rem;color:#6c757d;margin:.5rem 0}.client-card .client-meta .meta-item{display:flex;align-items:center;gap:.25rem}.client-card .client-meta .meta-item i{font-size:.85rem;color:#21afa5}.client-card .client-since{font-size:.7rem;color:#adb5bd}.client-card .client-since i{margin-right:.25rem}.client-card .card-footer{background:rgba(0,0,0,0);border-top:1px solid #f1f3f5;padding:.6rem 1.25rem;display:flex;justify-content:center;align-items:center}.client-card .card-footer .btn-outline-primary{border-color:#21afa5;color:#21afa5;font-size:.8rem;padding:.2rem 1.5rem;border-radius:30px}.client-card .card-footer .btn-outline-primary:hover{background:#21afa5;color:#fff}.client-details-page .client-header-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}.client-details-page .client-header-card .card-header-top{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid #f1f3f5;flex-wrap:wrap;gap:.5rem}.client-details-page .client-header-card .card-header-top .btn-back-outline{display:inline-flex;align-items:center;gap:.5rem;color:#6c757d;background:rgba(0,0,0,0);border:1.5px solid #e9ecef;padding:.25rem 1rem;font-size:.75rem;font-weight:500;border-radius:50px;text-decoration:none;transition:all .25s ease}.client-details-page .client-header-card .card-header-top .btn-back-outline i{font-size:1rem;transition:transform .25s ease}.client-details-page .client-header-card .card-header-top .btn-back-outline:hover{color:#21afa5;background:rgba(33,175,165,.04);border-color:#21afa5}.client-details-page .client-header-card .card-header-top .btn-back-outline:hover i{transform:translateX(-4px)}.client-details-page .client-header-card .card-header-top .header-actions{display:flex;gap:.5rem}.client-details-page .client-header-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}.client-details-page .client-header-card .card-header .header-left{display:flex;align-items:center;gap:1rem}.client-details-page .client-header-card .card-header .header-left .client-avatar-lg{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #21afa5, #1a8f87);color:#fff;font-size:2rem;font-weight:700;flex-shrink:0}.client-details-page .client-header-card .card-header .header-left .client-title{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin:0}.client-details-page .client-header-card .card-header .header-left .client-subtitle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.client-details-page .client-header-card .card-header .header-left .client-subtitle .client-code{font-size:.75rem;color:#6c757d;font-weight:500}.client-details-page .client-header-card .card-header .header-left .client-subtitle .status-badge{font-size:.65rem;font-weight:600;padding:.15rem .7rem;border-radius:50px;text-transform:uppercase}.client-details-page .client-header-card .card-header .header-left .client-subtitle .status-badge.status-active{background:#d4edda;color:#155724}.client-details-page .client-header-card .card-header .header-left .client-subtitle .status-badge.status-inactive{background:#f8d7da;color:#721c24}.client-details-page .client-header-card .card-header .header-left .client-subtitle .status-badge.status-archived{background:#e2e3e5;color:#383d41}.client-details-page .client-header-card .card-header .header-left .client-subtitle .industry-badge{font-size:.65rem;font-weight:500;padding:.15rem .7rem;border-radius:50px;background:#f1f3f5;color:#495057}.client-details-page .client-header-card .card-header .header-right .header-stats{display:flex;gap:1.5rem}.client-details-page .client-header-card .card-header .header-right .header-stats .stat-item{text-align:center;padding:0 .5rem;border-right:1px solid #e9ecef}.client-details-page .client-header-card .card-header .header-right .header-stats .stat-item:last-child{border-right:none}.client-details-page .client-header-card .card-header .header-right .header-stats .stat-item .stat-number{display:block;font-size:1.2rem;font-weight:700;color:#1a1a2e}.client-details-page .client-header-card .card-header .header-right .header-stats .stat-item .stat-label{font-size:.6rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.client-details-page .quick-info-row{display:flex;flex-wrap:wrap;gap:1rem;background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:.75rem 1.5rem;margin-bottom:1.5rem}.client-details-page .quick-info-row .info-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem}.client-details-page .quick-info-row .info-item i{font-size:1.1rem;color:#21afa5;width:1.5rem}.client-details-page .quick-info-row .info-item div .info-label{font-size:.6rem;color:#adb5bd;text-transform:uppercase;letter-spacing:.3px;display:block}.client-details-page .quick-info-row .info-item div .info-value{font-size:.85rem;color:#1a1a2e;font-weight:500}.client-details-page .quick-info-row .info-item div .info-value a{color:#21afa5;text-decoration:none}.client-details-page .quick-info-row .info-item div .info-value a:hover{text-decoration:underline}.client-details-page .client-nav-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:.25rem;flex-wrap:wrap}.client-details-page .client-nav-tabs .nav-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:8px;color:#6c757d;text-decoration:none;font-weight:500;font-size:.85rem;transition:all .2s ease}.client-details-page .client-nav-tabs .nav-tab i{font-size:1.1rem}.client-details-page .client-nav-tabs .nav-tab:hover{background:rgba(33,175,165,.06);color:#21afa5}.client-details-page .client-nav-tabs .nav-tab.active{background:#21afa5;color:#fff}.client-details-page .tab-content-wrapper .tab-pane{animation:fadeInUp .3s ease}.client-details-page .info-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.client-details-page .info-card h6{font-weight:600;color:#1a1a2e;margin-bottom:.75rem}.client-details-page .info-card h6 i{color:#21afa5;margin-right:.5rem}.client-details-page .info-card p{margin-bottom:.25rem;color:#4a5568}.client-details-page .info-card .billing-info p{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.client-details-page .info-card .billing-info p i{color:#21afa5;width:1.2rem}.client-details-page .quick-actions-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:1.25rem 1.5rem;position:sticky;top:1rem}.client-details-page .quick-actions-card h6{font-weight:600;color:#1a1a2e;margin-bottom:.75rem}.client-details-page .quick-actions-card h6 i{color:#21afa5;margin-right:.5rem}.client-details-page .quick-actions-card .action-list .action-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#4a5568;text-decoration:none;transition:all .2s ease;border-bottom:1px solid #f1f3f5}.client-details-page .quick-actions-card .action-list .action-item:last-child{border-bottom:none}.client-details-page .quick-actions-card .action-list .action-item i{font-size:1.1rem;color:#21afa5;width:1.5rem}.client-details-page .quick-actions-card .action-list .action-item:hover{color:#21afa5;padding-left:.5rem}.project-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:1rem 1.25rem;transition:all .2s ease}.project-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.06);transform:translateY(-2px)}.project-card .project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-card .project-card-header h6{font-weight:600;color:#1a1a2e;margin:0;font-size:.95rem}.project-card .project-card-header .project-status{font-size:.6rem;font-weight:600;padding:.1rem .6rem;border-radius:50px;text-transform:uppercase}.project-card .project-card-header .project-status.status-active{background:#d4edda;color:#155724}.project-card .project-card-header .project-status.status-inactive{background:#f8d7da;color:#721c24}.project-card .project-card-body .project-progress{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.project-card .project-card-body .project-progress .progress{flex:1;height:6px;border-radius:30px;background:#f1f3f5}.project-card .project-card-body .project-progress .progress .progress-bar{border-radius:30px;background:#21afa5}.project-card .project-card-body .project-progress .progress-text{font-size:.75rem;font-weight:600;color:#1a1a2e;min-width:36px;text-align:right}.project-card .project-card-body .project-deadline{font-size:.75rem;color:#6c757d}.project-card .project-card-body .project-deadline i{margin-right:.25rem;color:#21afa5}.project-card .project-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f1f3f5}.integrations-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}@media(max-width: 768px){.integrations-grid{grid-template-columns:1fr}}.integration-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:1.25rem 1.5rem;transition:all .2s ease}.integration-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.06)}.integration-card.has-integration{border-left:4px solid #21afa5}.integration-card .integration-card-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.integration-card .integration-card-header .integration-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-card .integration-card-header .integration-icon i{font-size:1.4rem}.integration-card .integration-card-header h6{font-weight:600;color:#1a1a2e;margin:0;font-size:.95rem}.integration-card .integration-card-header .integration-status{font-size:.6rem;font-weight:600;padding:.1rem .6rem;border-radius:50px;text-transform:uppercase}.integration-card .integration-card-header .integration-status.connected{background:#d4edda;color:#155724}.integration-card .integration-card-header .integration-status.disconnected{background:#f8d7da;color:#721c24}.integration-card .integration-card-header .integration-status.not-configured{background:#e2e3e5;color:#383d41}.integration-card .integration-card-header .toggle-integration{margin-left:auto}.integration-card .integration-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f3f5;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.integration-card .integration-details div{font-size:.8rem;color:#4a5568}.integration-card .integration-details div span{font-weight:500;color:#1a1a2e}.integration-card .integration-details .delete-integration{margin-left:auto}.client-add-form .card{border-radius:12px;border:1px solid #e9ecef}.client-add-form .card .card-header{background:#fafbfc;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem;border-radius:12px 12px 0 0}.client-add-form .card .card-header h6{font-weight:600;color:#1a1a2e;margin:0}.client-add-form .card .card-body{padding:1.5rem}.client-add-form .form-label{font-weight:600;font-size:.75rem;color:#495057;text-transform:uppercase;letter-spacing:.3px}.client-add-form .form-control,.client-add-form .form-select{border:2px solid #e9ecef;border-radius:8px;padding:.5rem .75rem;transition:all .2s ease}.client-add-form .form-control:focus,.client-add-form .form-select:focus{border-color:#21afa5;box-shadow:0 0 0 .15rem rgba(33,175,165,.15)}.client-add-form .form-control:disabled,.client-add-form .form-select:disabled{background:#f8f9fa;cursor:not-allowed}.client-add-form hr{margin:1.5rem 0;border-color:#f1f3f5}.client-add-form .text-muted{font-weight:600;font-size:.85rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.client-item{animation:fadeInUp .4s ease}@media(max-width: 768px){.client-details-page .client-header-card .card-header{flex-direction:column;align-items:flex-start}.client-details-page .client-header-card .card-header .header-right{width:100%}.client-details-page .client-header-card .card-header .header-right .header-stats{justify-content:flex-start;width:100%}.client-details-page .client-header-card .card-header-top{flex-direction:column;align-items:flex-start}.client-details-page .client-header-card .card-header-top .header-actions{width:100%}.client-details-page .client-header-card .card-header-top .header-actions .btn{flex:1}.client-details-page .quick-info-row{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.client-details-page .quick-info-row .info-item{padding:.25rem 0}.client-details-page .client-nav-tabs .nav-tab{font-size:.75rem;padding:.4rem .8rem}.client-details-page .client-nav-tabs .nav-tab i{font-size:.9rem}.client-details-page .quick-actions-card{position:static}.client-card .client-avatar{width:52px;height:52px}.client-card .client-avatar .avatar-initial{font-size:1.2rem}.client-card .client-name{font-size:.9rem}.integration-card{padding:1rem}.integration-card .integration-details{flex-direction:column;align-items:flex-start}.integration-card .integration-details .delete-integration{margin-left:0}.project-card .project-card-header{flex-direction:column;align-items:flex-start;gap:.25rem}}@media(max-width: 576px){.client-details-page .client-header-card .card-header .header-left{flex-direction:column;align-items:flex-start}.client-details-page .client-header-card .card-header .header-left .client-avatar-lg{width:56px;height:56px;font-size:1.5rem}.client-details-page .client-header-card .card-header .header-left .client-title{font-size:1.2rem}.client-add-form .card-body{padding:1rem !important}.integrations-grid{grid-template-columns:1fr}}.profile-photo-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.profile-photo-wrapper .photo-preview{width:130px;height:130px;border-radius:50%;overflow:hidden;border:3px solid #21afa5;background:#f8f9fa;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,transform .2s ease}.profile-photo-wrapper .photo-preview:hover{border-color:rgb(24.9086538462,132.0913461538,124.5432692308);transform:scale(1.02)}.profile-photo-wrapper .photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-photo-wrapper .photo-preview .profile-photo-placeholder{font-size:4rem;color:#ced4da}.profile-photo-wrapper .photo-preview .profile-photo-placeholder i{font-size:4rem;line-height:1}.profile-photo-wrapper .btn-outline-secondary{font-size:.8rem;padding:.3rem 1rem;border-radius:20px;border:2px solid #21afa5;color:#21afa5;transition:all .2s ease}.profile-photo-wrapper .btn-outline-secondary:hover{background:#21afa5;color:#fff}.profile-photo-wrapper .btn-outline-secondary i{margin-right:.3rem}.client-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #e8f0fe, #d2e3fc);border:2px solid #21afa5;overflow:hidden;flex-shrink:0}.client-avatar .avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.client-avatar .avatar-initial{font-size:1.6rem;font-weight:700;color:#1a1a2e}.client-avatar-lg{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #21afa5, #1a8f87);color:#fff;font-size:2rem;font-weight:700;flex-shrink:0;overflow:hidden;border:3px solid #21afa5}.client-avatar-lg .avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.client-avatar-lg span{font-size:2rem;font-weight:700;color:#fff}.work-timer-widget{display:inline-flex;align-items:center;gap:.55rem;padding:.3rem .55rem .3rem .7rem;margin-left:auto;margin-right:14px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);border-radius:8px;color:#fff;font-size:.82rem;line-height:1}.work-timer-widget:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.32)}.work-timer-widget .wt-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0;transition:background .2s ease}.work-timer-widget .wt-dot.idle{background:#94a3b8}.work-timer-widget .wt-dot.working{background:#10b981}.work-timer-widget .wt-dot.paused{background:#94a3b8}.work-timer-widget .wt-dot.on_break{background:#f59e0b}.work-timer-widget .wt-dot.ended{background:#21afa5}.work-timer-widget .timer-state-label{font-weight:600;letter-spacing:.3px;text-transform:capitalize;opacity:.92;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.work-timer-widget .timer-display{font-family:"Roboto Mono","SF Mono","Consolas",monospace;font-weight:700;letter-spacing:.5px;min-width:76px;text-align:center;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.work-timer-widget #wtActions{display:inline-flex;gap:.3rem;align-items:center}.work-timer-widget .wt-btn{border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.1);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:30px;min-height:26px;line-height:1;transition:background .15s ease,border-color .15s ease;box-shadow:none;position:relative}.work-timer-widget .wt-btn i{font-size:.95rem;line-height:1}.work-timer-widget .wt-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4)}.work-timer-widget .wt-btn:active{background:hsla(0,0%,100%,.28)}.work-timer-widget .wt-btn:focus-visible{outline:2px solid hsla(0,0%,100%,.6);outline-offset:2px}.work-timer-widget .wt-btn:disabled{opacity:.5;cursor:not-allowed}.work-timer-widget .wt-btn-start{background:rgba(16,185,129,.28);border-color:rgba(16,185,129,.55)}.work-timer-widget .wt-btn-pause{background:rgba(245,158,11,.28);border-color:rgba(245,158,11,.55)}.work-timer-widget .wt-btn-break{background:rgba(251,146,60,.28);border-color:rgba(251,146,60,.55)}.work-timer-widget .wt-btn-resume{background:rgba(16,185,129,.28);border-color:rgba(16,185,129,.55)}.work-timer-widget .wt-btn-stop{background:rgba(239,68,68,.28);border-color:rgba(239,68,68,.55)}.work-timer-widget .wt-btn-start:hover,.work-timer-widget .wt-btn-resume:hover{background:rgba(16,185,129,.45)}.work-timer-widget .wt-btn-pause:hover{background:rgba(245,158,11,.45)}.work-timer-widget .wt-btn-break:hover{background:rgba(251,146,60,.45)}.work-timer-widget .wt-btn-stop:hover{background:rgba(239,68,68,.45)}@media(max-width: 1200px){.work-timer-widget .timer-state-label{display:none}.work-timer-widget .timer-display{min-width:66px}}@media(max-width: 992px){.work-timer-widget{margin-right:8px;padding:.25rem .45rem}.work-timer-widget .timer-display{min-width:60px;font-size:.76rem}}@media(max-width: 576px){.work-timer-widget{padding:.22rem .4rem;gap:.3rem}.work-timer-widget .timer-display{display:none}.work-timer-widget .wt-btn{padding:.22rem .5rem;font-size:.68rem;min-width:26px}.work-timer-widget .wt-btn i{font-size:.8rem}}@keyframes wt-halo{0%{transform:scale(0.6);opacity:.55}100%{transform:scale(1.9);opacity:0}}@keyframes wt-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.85);opacity:.7}}@keyframes wt-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes wt-number-pop{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}.wt-tick{animation:wt-number-pop .5s cubic-bezier(0.34, 1.56, 0.64, 1)}#liveTimerCard.wt-hero{position:relative;border-radius:18px;border:1px solid #e2e8f0;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.06),0 1px 4px rgba(15,23,42,.04);transition:box-shadow .3s cubic-bezier(0.22, 1, 0.36, 1)}#liveTimerCard.wt-hero:hover{box-shadow:0 12px 36px rgba(15,23,42,.1),0 4px 12px rgba(15,23,42,.05)}#liveTimerCard.wt-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%, rgba(33, 175, 165, 0.07), transparent 45%),radial-gradient(circle at 85% 100%, rgba(16, 185, 129, 0.06), transparent 45%);pointer-events:none;z-index:0}#liveTimerCard.wt-hero .card-body{position:relative;z-index:1}#liveTimerCard.wt-hero .wt-hero-grid{display:grid;grid-template-columns:260px 1fr;gap:2rem;padding:2rem}@media(max-width: 900px){#liveTimerCard.wt-hero .wt-hero-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}}@media(max-width: 480px){#liveTimerCard.wt-hero .wt-hero-grid{padding:1.25rem;gap:1.25rem}}#liveTimerCard.wt-hero .wt-hero-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}#liveTimerCard.wt-hero .wt-ring-wrap{position:relative;width:200px;height:200px}@media(max-width: 900px){#liveTimerCard.wt-hero .wt-ring-wrap{width:170px;height:170px}}#liveTimerCard.wt-hero .wt-ring{width:100%;height:100%;transform:rotate(-90deg)}#liveTimerCard.wt-hero .wt-ring .wt-ring-track{fill:none;stroke:rgba(15,23,42,.06);stroke-width:12;stroke-linecap:round}#liveTimerCard.wt-hero .wt-ring .wt-ring-fill{fill:none;stroke:url(#wtRingGrad);stroke-width:12;stroke-linecap:round;stroke-dasharray:540.35;stroke-dashoffset:540.35;transition:stroke-dashoffset 1s cubic-bezier(0.22, 1, 0.36, 1),stroke .35s ease;filter:drop-shadow(0 0 6px rgba(33, 175, 165, 0.25))}#liveTimerCard.wt-hero .wt-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Roboto Mono",monospace}#liveTimerCard.wt-hero .wt-ring-center .wt-ring-value{font-size:2.4rem;font-weight:800;color:#0f172a;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}#liveTimerCard.wt-hero .wt-ring-center .wt-ring-label{font-size:.7rem;color:#475569;text-transform:uppercase;letter-spacing:1.2px;margin-top:.4rem}#liveTimerCard.wt-hero .wt-status-row{display:flex;justify-content:center}#liveTimerCard.wt-hero .timer-live-state{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;color:#475569;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:.4rem .9rem;background:#f1f5f9;border-radius:999px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 1px 2px rgba(15,23,42,.04);transition:background .35s ease,color .35s ease}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot{position:relative;width:9px;height:9px;border-radius:50%;background:#94a3b8}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:currentColor;opacity:0}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot.idle{background:#94a3b8;color:#94a3b8}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot.working{background:#10b981;color:#10b981}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot.working::after{animation:wt-halo 2s ease-out infinite}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot.paused{background:#94a3b8;color:#94a3b8}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot.on_break{background:#f59e0b;color:#f59e0b}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot.on_break::after{animation:wt-halo 2s ease-out infinite}#liveTimerCard.wt-hero .timer-live-state .timer-state-dot.ended{background:#21afa5;color:#21afa5}#liveTimerCard.wt-hero .timer-live-state:has(.working){background:#d1fae5;color:rgb(8.6925373134,100.5074626866,70.0835820896)}#liveTimerCard.wt-hero .timer-live-state:has(.on_break){background:#fef3c7;color:rgb(138.1385826772,88.8842519685,5.6614173228)}#liveTimerCard.wt-hero .timer-live-state:has(.paused){background:#f1f5f9;color:#475569}#liveTimerCard.wt-hero .timer-live-state:has(.ended){background:rgba(33,175,165,.1);color:#21afa5}#liveTimerCard.wt-hero .wt-hero-right{display:flex;flex-direction:column;gap:1.25rem;justify-content:center}#liveTimerCard.wt-hero .wt-metric-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:.75rem}@media(max-width: 900px){#liveTimerCard.wt-hero .wt-metric-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){#liveTimerCard.wt-hero .wt-metric-grid{grid-template-columns:repeat(2, 1fr);gap:.5rem}}#liveTimerCard.wt-hero .wt-metric-card{position:relative;display:flex;align-items:center;gap:.65rem;padding:.75rem .85rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.03);transition:transform .2s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .2s ease,border-color .2s ease}#liveTimerCard.wt-hero .wt-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(15,23,42,.06),0 1px 4px rgba(15,23,42,.04)}#liveTimerCard.wt-hero .wt-metric-card .wt-metric-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}#liveTimerCard.wt-hero .wt-metric-card .wt-metric-icon i{line-height:1}#liveTimerCard.wt-hero .wt-metric-card .wt-metric-body{display:flex;flex-direction:column;min-width:0}#liveTimerCard.wt-hero .wt-metric-card .wt-metric-label{font-size:.65rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.15rem}#liveTimerCard.wt-hero .wt-metric-card .wt-metric-value{font-family:"Roboto Mono",monospace;font-weight:700;font-size:.95rem;color:#0f172a;font-variant-numeric:tabular-nums;white-space:nowrap}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-work .wt-metric-icon{background:rgba(33,175,165,.1);color:#21afa5}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-break .wt-metric-icon{background:rgba(245,158,11,.12);color:rgb(196.9291338583,126.7125984252,8.0708661417)}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-pause .wt-metric-icon{background:rgba(148,163,184,.14);color:hsl(215,20.2247191011%,53.0980392157%)}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-ot .wt-metric-icon{background:rgba(251,146,60,.12);color:rgb(250.1798994975,123.6522613065,20.0201005025)}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-ot.is-positive{border-color:rgba(16,185,129,.35)}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-ot.is-positive .wt-metric-icon{background:rgba(16,185,129,.12);color:#10b981}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-ot.is-positive .wt-metric-value{color:#10b981}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-ot.is-negative{border-color:rgba(239,68,68,.3)}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-ot.is-negative .wt-metric-icon{background:rgba(239,68,68,.1);color:#ef4444}#liveTimerCard.wt-hero .wt-metric-card.wt-metric-ot.is-negative .wt-metric-value{color:#ef4444}#liveTimerCard.wt-hero .timer-live-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#liveTimerCard.wt-hero .timer-live-actions .timer-btn{position:relative;overflow:hidden;border:none;border-radius:40px;padding:.75rem 1.85rem;font-weight:600;font-size:.92rem;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.3px;transition:transform .2s cubic-bezier(0.22, 1, 0.36, 1),filter .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.35),inset 0 -1px 0 rgba(0,0,0,.1)}#liveTimerCard.wt-hero .timer-live-actions .timer-btn i{font-size:1.15rem;line-height:1}#liveTimerCard.wt-hero .timer-live-actions .timer-btn::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 60%);opacity:0;transform:scale(0.4);transition:opacity .45s ease,transform .55s ease;pointer-events:none}#liveTimerCard.wt-hero .timer-live-actions .timer-btn:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.16),0 2px 5px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.4)}#liveTimerCard.wt-hero .timer-live-actions .timer-btn:active{transform:translateY(0) scale(0.98)}#liveTimerCard.wt-hero .timer-live-actions .timer-btn:active::after{opacity:1;transform:scale(1);transition:opacity .1s,transform .1s}#liveTimerCard.wt-hero .timer-live-actions .timer-btn:focus-visible{outline:3px solid rgba(33,175,165,.45);outline-offset:3px}#liveTimerCard.wt-hero .timer-live-actions .timer-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}#liveTimerCard.wt-hero .timer-live-actions .timer-btn-start{background:linear-gradient(135deg, #34d399, #10b981)}#liveTimerCard.wt-hero .timer-live-actions .timer-btn-pause{background:linear-gradient(135deg, #fbbf24, #f59e0b);color:#422006}#liveTimerCard.wt-hero .timer-live-actions .timer-btn-pause i{filter:none}#liveTimerCard.wt-hero .timer-live-actions .timer-btn-break{background:linear-gradient(135deg, #fb923c, #ea580c)}#liveTimerCard.wt-hero .timer-live-actions .timer-btn-resume{background:linear-gradient(135deg, #34d399, #10b981)}#liveTimerCard.wt-hero .timer-live-actions .timer-btn-stop{background:linear-gradient(135deg, #f87171, #ef4444)}#liveTimerCard.wt-hero .wt-progress-line{position:relative;height:6px;background:rgba(15,23,42,.05);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}#liveTimerCard.wt-hero .wt-progress-line .wt-progress-line-fill{height:100%;background:linear-gradient(90deg, #21AFA5, #4ade80);border-radius:999px;transition:width .8s cubic-bezier(0.22, 1, 0.36, 1);position:relative}#liveTimerCard.wt-hero .wt-progress-line .wt-progress-line-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.45) 50%, transparent 100%);animation:wt-shimmer 2.4s ease-in-out infinite}#teamTable{font-size:.86rem}#teamTable thead th{position:sticky;top:0;z-index:5;background:#fff;border-bottom:2px solid #21afa5;color:#0f172a;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;padding:.85rem .65rem;white-space:nowrap}#teamTable tbody tr{transition:background .2s ease;border-bottom:1px solid rgba(226,232,240,.7)}#teamTable tbody tr:hover{background:rgba(33,175,165,.035)}#teamTable tbody tr:hover td{color:#0f172a}#teamTable tbody tr:last-child{border-bottom:none}#teamTable tbody td{padding:.8rem .65rem;vertical-align:middle;white-space:nowrap;color:#475569;font-size:.85rem}#teamTable tbody td strong,#teamTable tbody td .wt-strong{color:#0f172a;font-weight:600}#teamTable .wt-user-cell{display:flex;align-items:center;gap:.55rem}#teamTable .wt-user-cell .wt-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg, #21AFA5, rgb(52.4038461538, 216.7961538462, 205.2192307692));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}#teamTable .wt-user-cell .wt-user-name{font-weight:600;color:#0f172a}#teamTable .badge{font-size:.68rem;font-weight:600;padding:.35rem .6rem;border-radius:999px;letter-spacing:.3px}#teamTable .badge.bg-success{background:#d1fae5 !important;color:rgb(8.6925373134,100.5074626866,70.0835820896) !important}#teamTable .badge.bg-warning{background:#fef3c7 !important;color:rgb(138.1385826772,88.8842519685,5.6614173228) !important}#teamTable .badge.bg-secondary{background:#f1f5f9 !important;color:#475569 !important}#teamTable .badge.bg-light{background:#f1f5f9 !important;color:#475569 !important}#teamTable .wt-ot-positive{color:#10b981;font-weight:700;font-family:"Roboto Mono",monospace}#teamTable .wt-ot-negative{color:#ef4444;font-weight:700;font-family:"Roboto Mono",monospace}#teamTable .wt-ot-zero{color:#94a3b8;font-weight:600;font-family:"Roboto Mono",monospace}#teamTable .wt-flag-chip{display:inline-flex;align-items:center;gap:.25rem;background:#fef3c7;color:rgb(118.5417322835,76.2748031496,4.8582677165);font-size:.65rem;font-weight:600;padding:.22rem .55rem;border-radius:999px;margin-right:.25rem;letter-spacing:.3px}#teamTable .wt-flag-chip.wt-flag-edited{background:rgba(33,175,165,.1);color:#21afa5}#teamTable .wt-flag-chip.wt-flag-auto{background:rgba(251,146,60,.14);color:rgb(204.7989949749,94.5226130653,4.2010050251)}#teamTable .btn-sm{border-radius:999px;padding:.28rem .75rem;font-size:.75rem;font-weight:600;transition:background .2s ease,color .2s ease,border-color .2s ease}#teamTable .btn-outline-primary{border-color:#21afa5;color:#21afa5}#teamTable .btn-outline-primary:hover{background:#21afa5;color:#fff}.stats-row .stat-box .stat-number{font-variant-numeric:tabular-nums;letter-spacing:-0.5px}@media(max-width: 768px){.work-timer-widget{display:none}#liveTimerCard .timer-live-actions .timer-btn{padding:.55rem 1.1rem;font-size:.82rem}#liveTimerCard.wt-hero .wt-metric-card{padding:.6rem .7rem}#liveTimerCard.wt-hero .wt-metric-card .wt-metric-icon{width:32px;height:32px;font-size:1rem}#liveTimerCard.wt-hero .wt-metric-card .wt-metric-value{font-size:.85rem}#liveTimerCard.wt-hero .wt-ring-center .wt-ring-value{font-size:2rem}}@media(prefers-reduced-motion: reduce){.work-timer-widget,.work-timer-widget *,#liveTimerCard,#liveTimerCard *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.wt-break-modal{border:0;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.18)}.wt-break-modal .modal-header{border-bottom:1px solid #eef2f6;padding:1rem 1.25rem}.wt-break-modal .modal-header .modal-title{font-size:1.05rem;font-weight:600;color:#0f172a;display:inline-flex;align-items:center;gap:.5rem}.wt-break-modal .modal-body{padding:1.25rem}.wt-break-modal .modal-footer{border-top:1px solid #eef2f6;padding:.85rem 1.25rem;background:#fafbfc}.wt-break-modal .wt-break-timer-wrap{text-align:center;padding:.5rem 0 1.25rem}.wt-break-modal .wt-break-timer{font-size:2.4rem;font-weight:700;color:#21afa5;letter-spacing:1px;font-variant-numeric:tabular-nums;line-height:1.1}.wt-break-modal .wt-break-timer-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#64748b;margin-top:.35rem}.wt-break-modal .wt-break-types{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.625rem}.wt-break-modal .wt-break-type{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1rem .5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#475569;font-size:.85rem;font-weight:600;line-height:1.2;text-align:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.wt-break-modal .wt-break-type i{font-size:1.5rem;color:#21afa5;transition:transform .15s ease}.wt-break-modal .wt-break-type:hover:not([disabled]){border-color:#21afa5;background:#f0fdfa;transform:translateY(-1px)}.wt-break-modal .wt-break-type:hover:not([disabled]) i{transform:scale(1.05)}.wt-break-modal .wt-break-type:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(33,175,165,.25)}.wt-break-modal .wt-break-type.active{border-color:#21afa5;background:#f0fdfa;color:rgb(20.8629807692,110.6370192308,104.3149038462);box-shadow:0 0 0 3px rgba(33,175,165,.15)}.wt-break-modal .wt-break-type[disabled]{opacity:.55;cursor:not-allowed;transform:none}.wt-break-modal .wt-break-type[disabled] i{transform:none}.wt-break-modal #breakReasonWrap label{font-size:.85rem;color:#0f172a}.wt-break-modal #breakReasonWrap textarea{resize:vertical;min-height:60px;font-size:.9rem;border-color:#e2e8f0}.wt-break-modal #breakReasonWrap textarea:focus{border-color:#21afa5;box-shadow:0 0 0 .2rem rgba(33,175,165,.15)}.wt-break-modal #breakReasonWrap #breakReasonError{font-size:.78rem}.wt-break-modal #endBreakBtn{background:#21afa5;border-color:#21afa5;font-weight:600;padding:.5rem 1.25rem;border-radius:8px;display:inline-flex;align-items:center;gap:.4rem}.wt-break-modal #endBreakBtn:hover,.wt-break-modal #endBreakBtn:focus{background:rgb(26.5269230769,140.6730769231,132.6346153846);border-color:rgb(26.5269230769,140.6730769231,132.6346153846)}.wt-break-modal #endBreakBtn i{font-size:1rem}@media(max-width: 480px){.wt-break-modal .wt-break-types{grid-template-columns:1fr}.wt-break-modal .wt-break-type{flex-direction:row;justify-content:flex-start;padding:.75rem 1rem;gap:.75rem}.wt-break-modal .wt-break-type i{font-size:1.25rem}.wt-break-modal .wt-break-timer{font-size:2rem}}.wt-user-info{display:flex;flex-direction:column;min-width:0}.wt-user-info .wt-user-name{font-weight:600;color:#1a1a2e;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wt-user-info .wt-user-meta{font-size:.72rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-date-cell{display:flex;flex-direction:column;line-height:1.15}.att-date-cell strong{color:#1a1a2e;font-weight:600;font-size:.9rem}.att-date-cell .att-date-dow{font-size:.7rem;color:#adb5bd;text-transform:uppercase;letter-spacing:.5px}.att-time-cell{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem;color:#495057}.att-time-cell .att-time{display:inline-flex;align-items:center;gap:.3rem}.att-time-cell .att-time i{color:#21afa5;font-size:.95rem;opacity:.85}.att-report-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:30px;font-size:.7rem;font-weight:600;letter-spacing:.3px;white-space:nowrap}.att-report-chip i{font-size:.85rem}.att-report-chip.ok{background:rgba(40,167,69,.12);color:#1e7e34}.att-report-chip.missing{background:rgba(220,53,69,.1);color:#c82333}#attTable{font-size:.86rem}#attTable thead th{position:sticky;top:0;z-index:5;background:#fff;border-bottom:2px solid #21afa5;color:#1a1a2e;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;padding:.85rem .65rem;white-space:nowrap}#attTable tbody tr{transition:background .2s ease;border-bottom:1px solid rgba(226,232,240,.7)}#attTable tbody tr:hover{background:rgba(33,175,165,.035)}#attTable tbody tr:hover td{color:#1a1a2e}#attTable tbody tr:last-child{border-bottom:none}#attTable tbody td{padding:.75rem .65rem;vertical-align:middle;white-space:nowrap;color:#475569;font-size:.85rem}#attTable tbody td strong,#attTable tbody td .wt-strong{color:#1a1a2e;font-weight:600}#attTable .badge{font-size:.68rem;font-weight:600;padding:.35rem .6rem;border-radius:30px;letter-spacing:.3px}#attTable .badge.bg-success{background:#d1fae5 !important;color:#065f46 !important}#attTable .badge.bg-warning{background:#fef3c7 !important;color:#92400e !important}#attTable .badge.bg-secondary{background:#f1f5f9 !important;color:#475569 !important}#attTable .badge.bg-light{background:#f1f5f9 !important;color:#475569 !important}.wt-flag-chip{display:inline-flex;align-items:center;gap:.25rem;background:#fef3c7;color:#92400e;font-size:.65rem;font-weight:600;padding:.22rem .55rem;border-radius:30px;margin-right:.25rem;letter-spacing:.3px}.wt-flag-chip.wt-flag-edited{background:rgba(33,175,165,.12);color:#21afa5}.wt-flag-chip.wt-flag-auto{background:rgba(251,146,60,.14);color:#9a3412}.wt-ot-positive{color:#28a745;font-weight:700;font-family:"Roboto Mono",monospace}.wt-ot-negative{color:#dc3545;font-weight:700;font-family:"Roboto Mono",monospace}.wt-ot-zero{color:#94a3b8;font-weight:600;font-family:"Roboto Mono",monospace}#attTable td[colspan]{border-bottom:none}#attTable td[colspan] i{color:#adb5bd}#attTable td[colspan] strong{color:#1a1a2e;font-weight:600;display:block;margin-top:.35rem}@media(max-width: 767.98px){#attTable{font-size:.78rem}#attTable thead th,#attTable tbody td{padding:.5rem .4rem}#attTable .att-time-cell{font-size:.72rem}#attTable .wt-user-name{font-size:.82rem}}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:rgba(33,175,165,.08);color:#21afa5;border-radius:30px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.filter-chip i{font-size:.9rem;opacity:.85}.btn-back-outline{display:inline-flex;align-items:center;gap:.4rem;color:#6c757d;background:rgba(0,0,0,0);border:1.5px solid #e9ecef;padding:4px 14px;font-size:12px;font-weight:500;border-radius:50px;text-decoration:none;transition:all .25s ease}.btn-back-outline i{font-size:1rem;transition:transform .25s ease}.btn-back-outline:hover{color:#21afa5;background:rgba(33,175,165,.04);border-color:#21afa5;box-shadow:0 0 0 4px rgba(33,175,165,.08)}.btn-back-outline:hover i{transform:translateX(-4px)}.sp-ticket-list{display:flex;flex-direction:column;gap:.75rem}.sp-ticket-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease;cursor:pointer}.sp-ticket-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#c0c8d0;transform:translateY(-1px)}.sp-ticket-card.sp-ticket-closed,.sp-ticket-card[data-status=closed]{opacity:.75}.sp-ticket-left{flex-shrink:0}.sp-avatar-wrap{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg, #21AFA5, rgb(52.4038461538, 216.7961538462, 205.2192307692));box-shadow:0 2px 6px rgba(0,0,0,.08);display:inline-flex;align-items:center;justify-content:center}.sp-avatar-wrap.sp-avatar-lg{width:64px;height:64px}.sp-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sp-ticket-main{flex:1;min-width:0}.sp-ticket-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem;flex-wrap:wrap}.sp-ticket-subject{font-size:.95rem;font-weight:600;color:#1a1a2e;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sp-ticket-subject:hover{color:#21afa5}.sp-ticket-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.75rem;color:#6c757d;margin-bottom:.4rem}.sp-ticket-meta .sp-meta-item{display:inline-flex;align-items:center;gap:.25rem}.sp-ticket-meta .sp-meta-item i{color:#21afa5;font-size:.9rem;opacity:.85}.sp-ticket-last{font-size:.8rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-ticket-last i{color:#21afa5;opacity:.7;margin-right:.25rem}.sp-ticket-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.sp-ticket-right .sp-time{font-size:.7rem;color:#adb5bd;white-space:nowrap}.sp-ticket-right .sp-msg-count{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;color:#495057;background:#f1f5f9;padding:.15rem .55rem;border-radius:30px}.sp-ticket-right .sp-msg-count i{font-size:.8rem;color:#21afa5}.sp-empty{text-align:center;padding:3.5rem 1rem;background:#fff;border:1px solid #e9ecef;border-radius:12px}.sp-empty i{font-size:2.5rem;color:#adb5bd;display:block;margin-bottom:.75rem}.sp-empty h5{color:#1a1a2e;font-weight:600}.sp-status-chip,.sp-prio-chip,.sp-cat-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .65rem;border-radius:30px;font-size:.68rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.sp-status-open{background:rgba(59,130,246,.12);color:#1d4ed8}.sp-status-pending{background:rgba(245,158,11,.14);color:#92400e}.sp-status-resolved{background:rgba(16,185,129,.14);color:#065f46}.sp-status-closed{background:rgba(148,163,184,.18);color:#475569}.sp-prio-low{background:#f1f5f9;color:#475569}.sp-prio-normal{background:#e0f2fe;color:#075985}.sp-prio-high{background:#fef3c7;color:#92400e}.sp-prio-urgent{background:#fee2e2;color:#991b1b}.sp-cat-chip{background:rgba(33,175,165,.1);color:#21afa5;text-transform:none;letter-spacing:0}.sp-ticket-page{padding-bottom:3rem}.sp-ticket-header{border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:1rem}.sp-ticket-header .card-body{padding:1.5rem}.sp-ticket-title{font-size:1.2rem;font-weight:700;color:#1a1a2e;margin:0 0 .5rem;line-height:1.3;word-break:break-word}.sp-ticket-title .sp-ticket-id{color:#21afa5;font-family:"Roboto Mono",monospace;font-size:.9rem;margin-right:.4rem;opacity:.85}.sp-ticket-tags{display:flex;gap:.4rem;flex-wrap:wrap}.sp-ticket-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #f1f3f5}.sp-chat-card{border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}.sp-chat-card .card-header{background:#fafbfc;border-bottom:1px solid #f1f3f5;padding:1rem 1.25rem}.sp-chat-card .card-header h5{font-size:.9rem;font-weight:600;color:#1a1a2e}.sp-chat-card .card-header h5 i{margin-right:.3rem}.sp-chat-body{padding:1.5rem;max-height:60vh;overflow-y:auto;background:#fafbfc}.sp-chat-body::-webkit-scrollbar{width:8px}.sp-chat-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sp-chat-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sp-msg{display:flex;gap:.6rem;margin-bottom:1rem;align-items:flex-end}.sp-msg.sp-msg-mine{flex-direction:row-reverse}.sp-msg.sp-msg-mine .sp-msg-bubble{background:#21afa5;color:#fff}.sp-msg.sp-msg-mine .sp-msg-bubble .sp-msg-author strong{color:#fff}.sp-msg.sp-msg-mine .sp-msg-bubble .sp-msg-role{background:hsla(0,0%,100%,.25);color:#fff}.sp-msg.sp-msg-mine .sp-msg-bubble .sp-msg-text{color:#fff}.sp-msg.sp-msg-mine .sp-msg-bubble .sp-msg-time{color:hsla(0,0%,100%,.75)}.sp-msg.sp-msg-theirs .sp-msg-bubble{background:#fff;border:1px solid #e2e8f0}.sp-msg-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg, #21AFA5, rgb(52.4038461538, 216.7961538462, 205.2192307692))}.sp-msg-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sp-msg-bubble{max-width:68%;padding:.7rem 1rem;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04);word-wrap:break-word;min-width:0}.sp-msg-author{display:flex;align-items:center;gap:.4rem;font-size:.75rem;margin-bottom:.35rem}.sp-msg-author strong{color:#1a1a2e;font-weight:600}.sp-msg-author .sp-msg-role{font-size:.6rem;text-transform:uppercase;letter-spacing:.4px;font-weight:600;background:#f1f5f9;color:#475569;padding:.1rem .45rem;border-radius:30px}.sp-msg-text{font-size:.88rem;line-height:1.5;color:#1a1a2e}.sp-msg-time{font-size:.65rem;color:#94a3b8;margin-top:.35rem;text-align:right}.sp-msg-system{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:#6c757d;background:#fff;border:1px dashed #cbd5e1;border-radius:30px;padding:.4rem 1rem;margin:1rem auto;max-width:-moz-fit-content;max-width:fit-content}.sp-msg-system i{color:#21afa5;font-size:.95rem}.sp-msg-system .sp-msg-time{margin:0 0 0 .5rem}.sp-chat-input{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-top:1px solid #f1f3f5;align-items:flex-end}.sp-chat-input textarea{flex:1;border:1.5px solid #e2e8f0;border-radius:12px;padding:.7rem 1rem;font-size:.9rem;resize:none;transition:border-color .2s ease,box-shadow .2s ease}.sp-chat-input textarea:focus{border-color:#21afa5;box-shadow:0 0 0 3px rgba(33,175,165,.15);outline:0}.sp-chat-input .btn{border-radius:30px;padding:.7rem 1.5rem;font-weight:600;white-space:nowrap}.sp-chat-input .btn:hover{background-color:rgb(26.5269230769,140.6730769231,132.6346153846)}.sp-chat-closed{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.25rem;background:#f8f9fa;color:#6c757d;font-size:.85rem;border-top:1px solid #f1f3f5}.sp-chat-closed i{font-size:1.1rem;color:#94a3b8}@media(max-width: 576px){.sp-ticket-card{padding:.75rem .9rem;gap:.6rem}.sp-avatar-wrap{width:38px;height:38px}.sp-ticket-subject{font-size:.88rem}.sp-ticket-right .sp-time{display:none}.sp-ticket-actions .btn{flex:1 1 45%}.sp-msg-bubble{max-width:85%}.sp-chat-input{padding:.75rem;flex-direction:column;align-items:stretch}.sp-chat-input .btn{width:100%}.sp-ticket-header .card-body{padding:1rem}.sp-ticket-title{font-size:1.05rem}.sp-avatar-wrap.sp-avatar-lg{width:52px;height:52px}}.sp-chat-locked{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f8f9fa;border-top:1px solid #f1f3f5}@media(max-width: 576px){.sp-chat-locked{flex-direction:column;align-items:stretch;text-align:center}}.sp-chat-locked-icon{width:42px;height:42px;border-radius:50%;background:rgba(148,163,184,.18);color:#475569;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sp-chat-locked-icon i{font-size:1.25rem}.sp-chat-locked-body{flex:1;min-width:0}.sp-chat-locked-title{font-weight:600;color:#1a1a2e;font-size:.9rem;margin-bottom:.15rem}.sp-chat-locked-sub{font-size:.8rem;color:#6c757d}.sp-chat-closed{display:none}