@import"https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:2rem}.login-card{width:100%;max-width:420px;padding:3rem 2rem;border-radius:var(--radius-lg);background:var(--surface-bg);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;animation:fadeUp .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.logo-placeholder{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 0 20px #6366f166;animation:pulseGlow 2s infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 15px #6366f14d}to{box-shadow:0 0 25px #6366f199}}.login-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{position:relative;display:flex;align-items:center;transition:transform .2s ease}.input-group:focus-within{transform:translate(4px)}.input-icon{position:absolute;left:1rem;color:var(--text-secondary);transition:color .3s ease}.input-group:focus-within .input-icon{color:var(--primary)}.input-group input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.input-group input:focus{outline:none;background:#ffffff0d;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;margin-top:1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary),#4f46e5);border:none;border-radius:var(--radius-md);box-shadow:0 4px 15px #6366f166;transition:all .3s ease;cursor:pointer}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f199;background:linear-gradient(135deg,#4f46e5,var(--primary))}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.875rem;text-align:center;border:1px solid rgba(239,68,68,.2);animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{width:90%;max-width:500px;background:#1e1e23e6;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.2rem}.btn-close{background:transparent;border:none;color:#fff;cursor:pointer;opacity:.6;transition:opacity .3s}.btn-close:hover{opacity:1}.modal-body{padding:24px}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:20px}.current-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;justify-content:center;align-items:center;border:2px solid var(--primary)}.current-avatar img{width:100%;height:100%;object-fit:cover}.drop-zone{width:100%;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:30px;text-align:center;cursor:pointer;transition:all .3s;background:#0003}.drop-zone:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.drop-zone p{margin:10px 0 5px;font-weight:500}.modal-footer{padding:16px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px}.layout-container{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-secondary)}.sidebar{width:260px;height:100%;display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border-color);transition:width .3s ease,transform .3s ease;z-index:50;flex-shrink:0}.sidebar-header{height:70px;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border-color);gap:.75rem}.sidebar-header .logo-placeholder{width:40px;height:40px;flex-shrink:0;background:var(--brand-primary);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 2px 8px #3b82f666;margin:0 auto}.sidebar:not(.collapsed) .logo-placeholder{margin:0}.brand-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;margin:0 .75rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;white-space:nowrap;gap:1rem;background:transparent;border:none;cursor:pointer;font-size:1rem;font-family:inherit}.nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem 0}.nav-item:hover{background:rgba(var(--border-color-rgb),.5);color:var(--text-primary)}.nav-item.active{background:#3b82f61a;color:var(--brand-primary);font-weight:500}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.logout-btn{width:100%;color:#ef4444}.logout-btn:hover{background:#ef44441a;color:#ef4444}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.top-header{height:70px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:40}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.icon-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s}.icon-btn:hover{background:rgba(var(--brand-primary-rgb, 67, 24, 255),.1);color:var(--brand-primary)}.theme-btn{background:var(--bg-secondary);border:1px solid var(--border-color)}.theme-btn:hover{background:var(--bg-primary);transform:rotate(15deg)}.user-profile{display:flex;align-items:center;gap:.75rem;padding-left:1rem;border-left:1px solid var(--border-color)}.avatar{width:40px;height:40px;background:var(--brand-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.page-wrapper{flex:1;overflow-y:auto;padding:1.5rem}.mobile-menu-btn,.mobile-overlay{display:none}@media (max-width: 1024px){.desktop-only{display:none!important}.mobile-menu-btn{display:flex}.sidebar{position:fixed!important;left:0;top:0;transform:translate(-100%);width:260px!important;height:100vh!important;z-index:1000!important;transition:transform .3s ease!important}.main-content{min-width:100%!important;width:100%!important}.sidebar.expanded{transform:translate(0)}.sidebar.expanded .nav-label,.sidebar.expanded .brand-name{display:block}.sidebar.expanded .logo-placeholder{margin:0}.sidebar.expanded .nav-item{justify-content:flex-start;padding:.75rem 1rem}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:45}.page-wrapper{padding:1rem}}.main-body{padding:24px}.main-body.chat-page-body{padding:16px;height:100%;max-height:100%;min-height:0;overflow:hidden!important;box-sizing:border-box}@media (max-width: 1024px){.main-body{padding:10px!important}}@media (max-width: 768px){.main-body.chat-page-body{padding:0!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}}.col-main{min-width:0}.roster-table-container{width:100%;overflow-x:auto;max-width:100%}.roster-table{width:100%;border-collapse:collapse;text-align:left}.roster-table th{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border);white-space:nowrap}.roster-table td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;white-space:nowrap}.roster-row:last-child td{border-bottom:none}.roster-row:hover{background:#ffffff05}.staff-member-col{display:flex;align-items:center;gap:12px}.staff-name{font-weight:600;font-size:15px;color:var(--text-primary)}.roster-table .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.staff-role{color:var(--text-secondary);font-size:14px}.status-pill{white-space:nowrap}.status-cell{display:flex;align-items:center}.status-dot.online{width:24px;height:24px;border-radius:50%;background:#10b981;box-shadow:0 0 15px #10b98199}.status-badge.offline{background:#ef444426;color:#ef4444;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.logged-today{display:flex;flex-direction:column}.hours-text{font-weight:600;font-size:14px;color:var(--text-primary)}.status-text{font-size:12px}.task-active-text{color:#818cf8;font-weight:500;font-size:14px}.task-idle-text{font-size:14px}.status-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px}.status-badge.online{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.status-badge.offline{background:#94a3b826;color:var(--text-secondary);border:1px solid rgba(148,163,184,.3)}.pulse{animation:pulse-glow 2s infinite}.active-task-box{margin-top:1.5rem;padding:1rem;background:#0003;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.active-task-box.offline{opacity:.6;text-align:center;color:var(--text-muted);font-style:italic;font-size:.85rem}.task-client{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--cyan);font-weight:700;margin-bottom:.25rem}.task-title{font-size:.95rem;color:var(--text-primary);font-weight:500;margin-bottom:.5rem;line-height:1.4}.task-time{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.sonar-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.sonar-wave{position:absolute;width:100%;height:100%;border-radius:50%;background:#6366f180;animation:sonar 2s infinite linear;z-index:0}.sonar-wrapper svg{z-index:1}@keyframes sonar{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}.circular-progress-container{position:relative;width:56px;height:56px;background:transparent!important;border:none!important;padding:0!important}.circular-chart{display:block;margin:0 auto;max-width:100%;max-height:100%}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1.5s ease-out forwards}.cyan .circle{stroke:var(--cyan);filter:drop-shadow(0 0 4px var(--cyan))}@keyframes progress{0%{stroke-dasharray:0,100}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:var(--cyan)}.alert-mode{border-color:#ef44444d!important;background:linear-gradient(145deg,#ef444426,#ef444405),var(--bg-secondary)!important}.bg-red-glow{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.text-red{color:#ef4444}.pulse-icon{animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.system-feed-list{display:flex;flex-direction:column;gap:1rem}.admin-event-log-container{overflow-y:auto;padding-right:.5rem}.admin-event-log-container::-webkit-scrollbar,.roster-table-container::-webkit-scrollbar{width:6px;height:6px}.admin-event-log-container::-webkit-scrollbar-thumb,.roster-table-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.employee-clients-container{padding:0}.employee-clients-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.employee-clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.client-card{padding:22px;border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;background:#121624a6;border:1px solid var(--glass-border);display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.client-card-active-border{border-color:#6366f159;background:linear-gradient(180deg,#1e243c8c,#121624bf)}.client-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000059;border-color:#6366f180}.client-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.client-card-header .client-icon{width:42px;height:42px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);flex-shrink:0}.client-card-header h3{margin:0;font-size:1.15rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-stats{display:flex;align-items:center;margin-bottom:12px}.stat-badge{background:#ffffff0d;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--text-secondary);border:1px solid var(--glass-border);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.stat-badge.active{background:#10b98126;color:#10b981;border-color:#10b98159;box-shadow:0 0 10px #10b98126}.client-card-assignment-block{padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}.assignment-row{display:flex;align-items:center;gap:8px;font-size:.85rem;min-height:22px}.assignment-label{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary, #94A3B8);font-weight:500;min-width:62px;font-size:.82rem;flex-shrink:0}.assignment-val{font-size:.85rem;font-weight:600;color:#f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-val.val-lead{color:#60a5fa;background:#3b82f626;padding:2px 8px;border-radius:6px;border:1px solid rgba(59,130,246,.25);font-size:.78rem}.assignment-val.val-pocs{color:#e2e8f0}.assignment-val.val-muted{color:var(--text-muted, #64748B);font-style:italic;font-weight:400}.poc-inline-name{color:#e2e8f0;font-weight:600}.client-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.client-detail-modal{width:100%;max-width:840px;max-height:88vh;background:#0f1422;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 25px 60px #000000b3;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.queue-modal-header{padding:18px 24px;background:#151b2e;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.queue-title-wrap{display:flex;align-items:center;gap:10px}.queue-title-wrap h3{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.pending-badge{background:#f59e0b;color:#000;padding:4px 14px;border-radius:9999px;font-size:11px;font-weight:800;letter-spacing:.04em;box-shadow:0 0 10px #f59e0b66;white-space:nowrap}.close-modal-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-modal-btn:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.queue-modal-subbar{padding:10px 24px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:.85rem}.subbar-item{display:flex;align-items:center;gap:6px}.subbar-label{color:var(--text-secondary, #94A3B8);display:flex;align-items:center;gap:4px;font-size:.8rem}.subbar-val{color:#fff;font-weight:600}.subbar-val.lead-color{color:#60a5fa}.queue-modal-tabs{padding:8px 24px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.06);display:flex;gap:8px}.queue-tab-btn{padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:600;background:transparent;color:var(--text-secondary);border:1px solid transparent;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.queue-tab-btn:hover{background:#ffffff0d;color:#fff}.queue-tab-btn.active{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.queue-tab-badge{background:#ffffff1a;padding:1px 7px;border-radius:10px;font-size:.72rem}.queue-tab-btn.active .queue-tab-badge{background:#3b82f6;color:#fff}.queue-modal-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;max-height:65vh}.empty-tasks-box{text-align:center;padding:48px 16px;color:var(--text-secondary)}.empty-tasks-icon{opacity:.3;margin-bottom:12px;display:block;margin-left:auto;margin-right:auto}.empty-tasks-box h4{margin:0 0 6px;color:#e2e8f0;font-size:1.1rem}.empty-tasks-box p{margin:0;font-size:.85rem}.queue-task-card{padding:20px;background:#141928cc;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:border-color .2s}.queue-task-card:hover{border-color:#ffffff29}.task-card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-status-tag{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:9999px;background:#ffffff14;color:#e2e8f0}.task-rework-tag{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;padding:4px 12px;border-radius:9999px;background:#ef4444;color:#fff}.queue-task-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.35}.queue-task-desc{font-size:.95rem;color:#ffffffd9;line-height:1.7;white-space:pre-wrap;margin:0 0 16px}.queue-task-meta-chips{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;margin-bottom:18px}.chip-item{display:inline-flex;align-items:center;gap:5px;font-weight:500;background:#00000059;padding:6px 12px;border-radius:6px;color:var(--text-secondary);border:1px solid rgba(255,255,255,.06)}.chip-strong{color:#fff;font-weight:600}.chip-due{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b40;font-weight:600}.chip-assignee{background:#6366f11a;color:#818cf8;border-color:#6366f140}.chip-time{background:#10b9811a;color:#10b981;border-color:#10b98140}.queue-rework-box{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px}.rework-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#eab308;margin:0 0 4px}.rework-text{font-size:13px;color:#fff;white-space:pre-wrap;margin:0}.queue-client-desc-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 16px;margin-bottom:16px}.desc-box-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary, #3B82F6);margin:0 0 4px}.desc-box-text{font-size:13px;color:#fff;white-space:pre-wrap;margin:0}.queue-task-comments-section{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.comments-heading{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:#fff;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}.comments-list{display:flex;flex-direction:column;gap:10px}.comment-bubble{background:#00000059;border-radius:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.06)}.comment-bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-author{font-size:12px;font-weight:700;color:var(--primary, #3B82F6)}.comment-time{font-size:10px;color:var(--text-muted, #64748B)}.comment-text{font-size:13px;color:#ffffffe6;line-height:1.5;margin:0;white-space:pre-wrap}.no-comments-text{font-size:12px;color:var(--text-muted, #64748B);font-style:italic;margin:0;padding-left:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.employee-clients-grid{grid-template-columns:1fr}.client-detail-modal{max-height:95vh}.queue-modal-header,.queue-modal-body{padding:14px 16px}}.chat-layout{display:flex;height:100%;max-height:100%;flex:1;min-height:0;background:#1e1e2399;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;font-family:Jost,sans-serif;color:#fff}.chat-sidebar{width:350px;background:#0000004d;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;flex-shrink:0}.sidebar-header{padding:15px 20px;background:#ffffff0d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.channel-list{flex:1;overflow-y:auto}.channel-item{display:flex;align-items:center;padding:15px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05);gap:15px}.channel-item:hover,.channel-item.active{background:#ffffff1a}.channel-avatar{width:45px;height:45px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;position:relative}.channel-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#25d366;border:2px solid #202025;border-radius:50%}.channel-info{flex:1;overflow:hidden}.channel-name{font-weight:600;font-size:1.05rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-last-msg{font-size:.85rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:#25d366;color:#000;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:10px}.chat-main{flex:1;display:flex;flex-direction:column;background:#0000001a;position:relative;height:100%;max-height:100%;min-height:0;overflow:hidden}.chat-header{padding:12px 20px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px;flex-shrink:0;z-index:10}.chat-messages{flex:1;min-height:0;padding:20px 25px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.message-wrapper{display:flex;flex-direction:column;max-width:65%;margin-bottom:8px}.message-wrapper.mine{align-self:flex-end}.message-wrapper.others{align-self:flex-start}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:.8rem;color:#aaa}.message-wrapper.mine .message-meta{flex-direction:row-reverse}.message-bubble{padding:10px 14px;border-radius:14px;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;position:relative;min-width:0;font-size:.95rem}.message-wrapper.mine .message-bubble{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:1px solid rgba(255,255,255,.15);border-bottom-right-radius:4px;box-shadow:0 3px 10px #10b98133}.message-wrapper.others .message-bubble{background:#1e293b;color:#f1f5f9;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px;box-shadow:0 3px 10px #00000040}.message-time-status{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:.7rem;margin-top:4px}.message-wrapper.mine .message-time-status{color:#fffc;text-align:right}.message-wrapper.others .message-time-status{color:#94a3b8}.status-tick{color:#ffffffb3}.status-tick.read{color:#67e8f9}.date-group{display:flex;flex-direction:column;gap:8px}.date-badge{display:flex;justify-content:center;align-items:center;margin:14px 0;position:relative}.date-badge span{background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 16px;border-radius:20px;font-size:.75rem;font-weight:600;color:#94a3b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #0000004d;display:inline-block;letter-spacing:.02em}.chat-input-container{padding:12px 20px;background:#141419f2;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px;position:relative;flex-shrink:0;z-index:10}.attach-btn{background:none;border:none;color:#aaa;cursor:pointer;transition:color .2s}.attach-btn:hover{color:#fff}.chat-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.chat-input-wrapper input,.chat-input-wrapper textarea{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px 18px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;resize:none;line-height:1.4;min-height:42px;max-height:120px;box-sizing:border-box;overflow-y:auto;transition:border-color .2s,background .2s}.chat-input-wrapper input:focus,.chat-input-wrapper textarea:focus{border-color:#25d366;background:#ffffff26}.send-btn{background:#25d366;color:#000;border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.send-btn:hover{transform:scale(1.05)}.send-btn:disabled{background:#444;color:#888;cursor:not-allowed;transform:none}.media-card{margin-top:8px;background:#0003;border-radius:8px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s}.media-card:hover{background:#0000004d}.media-card a{color:#53bdeb;text-decoration:none;font-size:.9rem;word-break:break-all}.mentions-popover{position:absolute;bottom:60px;left:0;background:#202c33;border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:200px;overflow-y:auto;width:250px;z-index:10;box-shadow:0 4px 15px #00000080}.mention-item{padding:10px 15px;display:flex;align-items:center;gap:10px;cursor:pointer}.mention-item:hover,.mention-item.active{background:#ffffff1a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.chat-modal{background:#202c33;border-radius:12px;padding:25px;width:400px;border:1px solid rgba(255,255,255,.1)}.chat-modal h3{margin-top:0;margin-bottom:20px}.chat-modal input,.chat-modal select{width:100%;padding:10px;margin-bottom:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px}.chat-modal select option{background:#202c33;color:#fff}.chat-modal button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer}.chat-modal button.primary-btn:hover{background:#11815b}.chat-header-desktop-search{display:flex!important}.chat-header-mobile-search-btn{display:none!important}.chat-mention-pill{display:inline-block;padding:1px 6px;margin:0 2px;border-radius:4px;font-weight:700;font-size:.92em;line-height:1.3;vertical-align:baseline;letter-spacing:.01em}.chat-mention-pill.mention-mine{background:#00000052!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 1px 2px #0003}.chat-mention-pill.mention-others{background:#38bdf82e!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,.35)!important}@media (max-width: 768px){.back-button{display:block!important}.chat-header-desktop-search{display:none!important}.chat-header-mobile-search-btn{display:flex!important}.chat-layout{flex-direction:row;position:relative;border-radius:0;border:none;height:100%!important;max-height:100%!important;min-height:0!important;flex:1!important;overflow:hidden!important}.chat-layout.has-active-channel .chat-sidebar{display:none!important}.chat-layout:not(.has-active-channel) .chat-main{display:none!important}.chat-sidebar,.chat-main{width:100%!important;max-width:100%!important;min-width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}.chat-header{padding:10px 14px!important;gap:10px!important;flex-shrink:0!important}.message-wrapper{max-width:90%!important;margin-bottom:6px!important}.chat-messages{padding:12px 10px!important;gap:10px!important;flex:1!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}.message-bubble{padding:8px 12px!important;font-size:.925rem!important;border-radius:12px!important}.chat-input-container{padding:8px 10px!important;gap:8px!important;flex-shrink:0!important}.chat-input-wrapper textarea{padding:8px 14px!important;font-size:.9rem!important;min-height:38px!important}.send-btn{width:38px!important;height:38px!important;flex-shrink:0!important}.attach-btn{flex-shrink:0!important}}.chat-modal .primary-btn{background:#25d366;color:#000;font-weight:700}.chat-modal .cancel-btn{background:transparent;color:#fff}.reply-context-banner{display:flex;align-items:center;background:#53bdeb1a;border-left:3px solid #53bdeb;padding:8px 12px;border-radius:4px;margin-bottom:10px;width:100%;box-sizing:border-box}.reply-quote-bubble{background:#0003;border-left:3px solid #53bdeb;padding:5px 10px;border-radius:4px;margin-bottom:5px;opacity:.7}.message-actions-panel{display:flex;align-items:center;gap:6px;background:#0f172af2;border:1px solid rgba(255,255,255,.18);padding:4px 8px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #00000073;position:relative}.message-actions-panel:after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}.message-actions-panel button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease;font-size:1.15rem;padding:2px 5px;border-radius:6px;line-height:1}.message-actions-panel button:hover{transform:scale(1.25);background:#ffffff1f}.emoji-picker-mini{display:flex;gap:4px;padding-left:6px;border-left:1px solid rgba(255,255,255,.2)}.reactions-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.reaction-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:2px 8px;font-size:.8rem;cursor:pointer;color:#fff;transition:background .2s}.reaction-badge:hover{background:#fff3}.todos-container{max-width:800px;margin:0 auto;padding:20px}.todos-header{margin-bottom:24px}.todos-header h2{font-size:24px;margin:0 0 8px}.todos-card{padding:24px;border-radius:16px}.add-todo-form{display:flex;gap:12px;margin-bottom:24px}.add-todo-form .input-field{flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;transition:all .3s ease}.add-todo-form .input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633;outline:none}.todos-list{display:flex;flex-direction:column;gap:12px}.todo-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--glass-border);transition:all .3s ease}.todo-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#ffffff1a}.todo-content{display:flex;align-items:center;gap:16px;flex:1}.checkbox-btn{width:24px;height:24px;border-radius:6px;border:2px solid var(--glass-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:#fff}.checkbox-btn:hover{border-color:var(--primary)}.checkbox-btn.checked{background:var(--success);border-color:var(--success)}.todo-text{font-size:16px;color:var(--text-primary);cursor:pointer;transition:color .2s;word-break:break-word}.todo-item.completed .todo-text{text-decoration:line-through;color:var(--text-muted)}.edit-mode{display:flex;align-items:center;gap:8px;flex:1}.small-input{padding:8px 12px;font-size:14px}.todo-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}@media (max-width: 768px){.todo-actions{opacity:1}}.todo-item:hover .todo-actions{opacity:1}.todo-actions .btn-icon{width:32px;height:32px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:var(--text-muted);transition:all .2s}.todo-actions .edit-btn:hover{color:var(--primary);background:#8b5cf61a}.todo-actions .delete-btn:hover{color:var(--danger);background:#f43f5e1a}.empty-state{text-align:center;padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted)}.empty-state p{font-size:18px;margin:0;color:var(--text-primary)}.empty-state span{font-size:14px}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-primary, #000000);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-logo-container{display:flex;flex-direction:column;align-items:center;gap:20px}.splash-logo{height:80px;max-width:80vw;object-fit:contain;animation:zoom-in-out 1.5s ease-in-out forwards}.splash-text{color:var(--text-primary, #ffffff);font-size:1.5rem;font-weight:600;letter-spacing:2px;animation:slide-up .8s ease-out forwards;opacity:0;transform:translateY(20px)}.splash-loader{margin-top:30px;width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--primary-color, #06b6d4);animation:spin 1s ease-in-out infinite}@keyframes zoom-in-out{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 15px rgba(255,255,255,.4))}to{transform:scale(1);opacity:1;filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-primary: #0A0F1C;--bg-secondary: #131A2F;--bg-tertiary: #1E293B;--surface-bg: rgba(19, 26, 47, .7);--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--primary: #6366F1;--primary-glow: rgba(99, 102, 241, .4);--primary-hover: #818CF8;--success: #10B981;--success-glow: rgba(16, 185, 129, .4);--warning: #F59E0B;--warning-glow: rgba(245, 158, 11, .4);--danger: #EF4444;--danger-glow: rgba(239, 68, 68, .4);--cyan: #06B6D4;--cyan-glow: rgba(6, 182, 212, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px var(--primary-glow);--hover-bg: rgba(255, 255, 255, .05);--input-bg: rgba(0, 0, 0, .2);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #F8FAFC;--bg-secondary: #F1F5F9;--bg-tertiary: #E2E8F0;--surface-bg: rgba(248, 250, 252, .85);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .08);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--primary: #4F46E5;--primary-glow: rgba(79, 70, 229, .3);--primary-hover: #4338CA;--success: #059669;--success-glow: rgba(16, 185, 129, .3);--warning: #D97706;--warning-glow: rgba(245, 158, 11, .3);--danger: #DC2626;--danger-glow: rgba(239, 68, 68, .3);--cyan: #0891B2;--cyan-glow: rgba(6, 182, 212, .3);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 10px 10px -5px rgba(0, 0, 0, .1);--hover-bg: rgba(0, 0, 0, .05);--input-bg: rgba(255, 255, 255, .5)}*{margin:0;padding:0;box-sizing:border-box;font-family:Jost,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(6,182,212,.05),transparent 25%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes success-pulse-glow{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.animate-pulse{animation:pulse-glow 2s infinite}.animate-success-pulse{animation:success-pulse-glow 2s infinite}.fadeIn{animation:fadeIn .4s ease forwards}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .3s,box-shadow .3s,transform .3s,background-color .3s;min-width:0}.glass-card:hover{border-color:#ffffff26;box-shadow:var(--shadow-lg)}.whitespace-nowrap{white-space:nowrap}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:#64748b66;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#64748bb3}@keyframes border-spin{to{transform:rotate(360deg)}}.metric-card-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:1px}.metric-card-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,transparent 80%,var(--primary) 100%);animation:border-spin 16s linear infinite;z-index:0}.metric-card-wrapper.cyan-glow:before{background:conic-gradient(from 0deg,transparent 0%,transparent 75%,#06B6D4 100%)}.metric-card-wrapper.emerald-glow:before{background:conic-gradient(from 0deg,transparent 0%,transparent 75%,#10B981 100%)}.metric-card-wrapper.amber-glow:before{background:conic-gradient(from 0deg,transparent 0%,transparent 75%,#F59E0B 100%)}.metric-card-inner{position:relative;background:var(--bg-secondary);border-radius:calc(var(--radius-lg) - 1px);z-index:1;height:100%;padding:12px}.sidebar{background:var(--surface-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;transition:var(--transition);height:100vh;z-index:100}.sidebar.expanded{width:280px}.sidebar.collapsed{width:80px}.sidebar-header{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--glass-border)}.logo-container{display:flex;align-items:center;gap:12px;width:100%}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--cyan));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;box-shadow:var(--shadow-glow);flex-shrink:0}.sidebar.collapsed .logo-text{display:none}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.sidebar-nav{padding:24px 16px;flex-grow:1}.nav-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition);margin-bottom:8px;font-weight:500;gap:16px;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-badge{display:none}.nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,rgba(99,102,241,.15) 0%,transparent 100%);color:var(--primary);border-left:3px solid var(--primary)}.nav-item.active svg{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.sidebar-footer{padding:24px 16px;border-top:1px solid var(--glass-border)}.btn-logout{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-weight:600;font-size:14px}.btn-logout:hover{background:var(--danger);color:#fff;box-shadow:0 0 15px var(--danger-glow)}.sidebar.collapsed .btn-logout span{display:none}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:var(--surface-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:50}#top-bar-title{font-size:20px;font-weight:600;color:var(--text-primary)}#top-bar-subtitle{font-size:13px;color:var(--text-secondary)}.btn-icon{background:var(--hover-bg);border:1px solid var(--glass-border);color:var(--text-primary);width:40px!important;height:40px!important;padding:0!important;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.btn-icon:hover{background:var(--hover-bg);border-color:var(--primary);transform:translateY(-2px)}.date-widget{background:var(--glass-bg);padding:8px 16px;border-radius:20px;border:1px solid var(--glass-border);font-size:13px;font-weight:500}.btn{padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary),#4F46E5);color:#fff;border:none;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.dashboard-row{display:flex;gap:24px}.flex-1{flex:1}.flex-2{flex:2}.flex-col{display:flex;flex-direction:column}.items-center{display:flex;align-items:center}.justify-between{display:flex;justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.mb-2{margin-bottom:8px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.p-0{padding:0}.p-4{padding:16px}.p-6{padding:24px}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-center{text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.stat-card{padding:24px;display:flex;align-items:center;gap:20px}.stat-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.bg-indigo-glow{background:#6366f126;border:1px solid rgba(99,102,241,.3)}.text-indigo{color:#818cf8}.bg-cyan-glow{background:#06b6d426;border:1px solid rgba(6,182,212,.3)}.text-cyan{color:#22d3ee}.bg-emerald-glow{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.text-emerald{color:#34d399}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-content h2{font-size:28px;font-weight:700;margin:4px 0;color:var(--text-primary)}.card-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.border-bottom{border-bottom:1px solid var(--glass-border)}.header-title{display:flex;align-items:center;gap:12px}.header-title h3{font-size:16px;font-weight:600}.form-input{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:var(--transition)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:16px 24px;color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--glass-border)}.table td{padding:16px 24px;border-bottom:1px solid var(--glass-border);font-size:14px}.table tr:hover td{background:var(--hover-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-2{grid-column:span 2 / span 2}.employee-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.employee-metrics-grid .metric-card-inner{padding:20px 22px!important;min-height:160px}@media (max-width: 900px){.employee-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}}@media (max-width: 640px){.employee-metrics-grid{grid-template-columns:1fr}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}@media (max-width: 767px){.md\:grid-cols-2,.md\:grid-cols-3,.lg\:grid-cols-3,.lg\:grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))!important}.col-span-2,.lg\:col-span-2{grid-column:span 1 / span 1!important}}.w-full{width:100%}.h-full{height:100%}.h-2{height:.5rem}.w-2{width:.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-48{width:12rem}.h-48{height:12rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.items-start{align-items:flex-start}.text-right{text-align:right}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-mono{font-family:monospace}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.pointer-events-none{pointer-events:none}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-none{border:none}.border-glass-border{border-color:var(--glass-border)}.border-t-2{border-top-width:2px;border-top-style:solid}.ml-auto{margin-left:auto}.ml-2{margin-left:.5rem}.p-3{padding:.75rem}.bg-indigo\/10{background-color:#6366f11a}.bg-cyan\/10{background-color:#06b6d41a}.bg-emerald\/10{background-color:#10b9811a}.bg-primary{background-color:var(--primary)}.bg-danger{background-color:var(--danger)}.bg-success{background-color:var(--success)}.bg-muted{background-color:var(--text-muted)}.bg-surface-bg{background-color:var(--surface-bg)}.bg-glass-bg{background-color:var(--glass-bg)}.text-white{color:#fff}.text-cyan{color:var(--cyan)}.text-indigo{color:var(--primary)}.text-emerald{color:var(--success)}.text-text-secondary{color:var(--text-secondary)}@media (min-width: 769px){.mobile-menu-btn{display:none!important}}@media (max-width: 1024px){.dashboard-row{flex-direction:column}.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 1 / span 1}}@media (max-width: 768px){.sidebar.expanded{position:absolute;width:100%;max-width:280px}.sidebar.collapsed{transform:translate(-100%);width:0;overflow:hidden;border-right:none}.top-bar{padding:16px;flex-wrap:wrap;gap:16px}.date-widget{display:none!important}.table-responsive{overflow-x:auto}.lg\:grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}.holiday-title-card{background:linear-gradient(to right,#a855f74d,#3b82f64d);padding:1px}.holiday-card-wrapper-1{background:linear-gradient(to bottom right,#6366f180,#a855f780);padding:1px}.holiday-card-wrapper-2{background:linear-gradient(to bottom right,#06b6d480,#3b82f680);padding:1px}.holiday-table{width:100%;white-space:nowrap}.holiday-table td{padding:16px 20px;border-bottom:1px solid var(--glass-border);font-size:12px}.holiday-table tr:last-child td{border-bottom:none}.holiday-table th{text-align:left;text-transform:capitalize;border-bottom:1px solid var(--glass-border);font-size:11px;padding:12px 20px 16px}.holiday-pill{padding:4px 12px;border-radius:9999px;font-size:10px;font-weight:600;display:inline-block;text-align:center;border:1px solid transparent;letter-spacing:.5px}.pill-monday{background-color:#3b82f626;color:#93c5fd;border-color:#3b82f633}.pill-tuesday{background-color:#f9731626;color:#fdba74;border-color:#f9731633}.pill-wednesday{background-color:#14b8a626;color:#5eead4;border-color:#14b8a633}.pill-thursday{background-color:#a855f726;color:#d8b4fe;border-color:#a855f733}.pill-friday{background-color:#22c55e26;color:#86efac;border-color:#22c55e33}.pill-saturday{background-color:#ef444426;color:#fca5a5;border-color:#ef444433}.pill-sunday{background-color:#ec489926;color:#f9a8d4;border-color:#ec489933}.pill-default{background-color:#ffffff0d;color:#fff;border-color:#ffffff1a}.capitalize{text-transform:capitalize}.btn-claim-green{background:#10b981;color:#fff;border:none;border-radius:8px;padding:6px 16px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.btn-claim-green:hover:not(:disabled){background:#059669}.btn-declaim-red{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:6px 16px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.btn-declaim-red:hover:not(:disabled){background:#dc2626}.btn-disabled-gray{background:var(--hover-bg);color:var(--text-muted);border:1px solid var(--glass-border);cursor:not-allowed;border-radius:8px;padding:6px 16px;font-weight:600;font-size:12px}@media (max-width: 900px){.mobile-task-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9999!important;background:var(--bg-primary)!important;margin:0!important;border-radius:0!important}.mobile-hidden{display:none!important}.desktop-hidden{display:block!important}}@media (min-width: 901px){.desktop-hidden{display:none!important}}@keyframes spiral-move{0%{background-position:0 0}to{background-position:28px 0}}.spiral-progress-bar{animation:spiral-move 1s linear infinite;background-size:28px 100%,100% 100%}