@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}.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}@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%}.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(280px,1fr));gap:20px}.client-card{padding:20px;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:#ffffff05;border:1px solid var(--glass-border)}.client-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(45deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .3s ease;pointer-events:none}.client-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:transparent}.client-card:hover:after{background:linear-gradient(45deg,var(--primary),#a855f7,#ec4899,var(--primary));background-size:300% 300%;animation:gradientRotate 3s ease infinite}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.client-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.client-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--primary);border:1px solid var(--glass-border)}.client-card h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.client-card-stats{display:flex;gap:12px}.stat-badge{background:#ffffff0d;padding:6px 12px;border-radius:20px;font-size:.85rem;color:var(--text-secondary);border:1px solid var(--glass-border);display:inline-flex;align-items:center;gap:6px}.stat-badge.active{background:#10b9811a;color:#10b981;border-color:#10b98133}.client-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.client-detail-panel{width:100%;max-width:500px;height:100%;background:var(--bg-secondary);border-left:1px solid var(--glass-border);box-shadow:-10px 0 30px #0000004d;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.client-detail-header{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.client-detail-header h2{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:12px}.close-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433}.client-detail-body{flex:1;overflow-y:auto;padding:24px}.detail-section{margin-bottom:32px}.detail-section h4{margin:0 0 16px;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.poc-list,.task-list,.deliverable-list{display:flex;flex-direction:column;gap:12px}.poc-card,.task-card,.deliverable-card{padding:16px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:12px;transition:all .2s}.poc-card:hover,.task-card:hover,.deliverable-card:hover{background:#ffffff0d}.poc-name{font-weight:700;margin-bottom:4px}.poc-role{font-size:.85rem;color:var(--primary);margin-bottom:8px}.poc-contact{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-secondary)}.task-card h5,.deliverable-card h5{margin:0 0 8px;font-size:1rem}.deliverable-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.deliverable-btn{margin-top:12px;padding:6px 12px;font-size:.85rem}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-layout{display:flex;height:calc(100vh - 120px);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}.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)}.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}.chat-header{padding:15px 25px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px}.chat-messages{flex:1;padding:25px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message-wrapper{display:flex;flex-direction:column;max-width:50%}.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:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;position:relative;min-width:0}.message-wrapper.mine .message-bubble{background:#005c4b;border-color:transparent;border-bottom-right-radius:0}.message-wrapper.others .message-bubble{background:#202c33;border-color:transparent;border-bottom-left-radius:0}.message-time-status{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:.7rem;color:#fff9;margin-top:4px}.message-wrapper.mine .message-time-status{text-align:right}.status-tick{color:#999}.status-tick.read{color:#53bdeb}.date-badge{display:flex;justify-content:center;align-items:center;margin:10px 0 20px;position:sticky;top:0;z-index:10;pointer-events:none}.date-badge span{background:var(--bg-primary, #1e1e2d);padding:6px 0;width:150px;text-align:center;border-radius:12px;font-size:.8rem;color:#888;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 5px #0003;display:inline-block}.chat-input-container{padding:15px 25px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px;position:relative}.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}.chat-input-wrapper input{width:100%;background:#ffffff1a;border:none;border-radius:20px;padding:12px 20px;color:#fff;font-family:inherit;outline:none}.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}@media (max-width: 768px){.chat-layout{flex-direction:row;position:relative;border-radius:0;border:none;height:calc(100vh - 80px)}.chat-layout.has-active-channel .chat-sidebar{display:none}.chat-layout:not(.has-active-channel) .chat-main{display:none}.chat-sidebar,.chat-main{width:100%!important;max-width:100%!important;min-width:100%!important}.back-button{display:block!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:8px;background:#ffffff1a;padding:4px 8px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.message-actions-panel button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;font-size:1.1rem}.message-actions-panel button:hover{transform:scale(1.2)}.emoji-picker-mini{display:flex;gap:5px;padding-left:8px;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}: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}@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))}.col-span-2{grid-column:span 2 / span 2}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,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,.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}