.layout{display:flex;min-height:100vh}.admin-theme{--theme-sidebar: linear-gradient(180deg, #0a0a1a 0%, #12122a 100%);--theme-sidebar-hover: rgba(139, 92, 246, .12);--theme-sidebar-active: linear-gradient(135deg, #7c3aed, #6d28d9);--theme-accent: #7c3aed;--theme-accent-hover: #6d28d9;--theme-accent-light: rgba(124, 58, 237, .12);--theme-gradient: linear-gradient(135deg, #7c3aed, #a78bfa);--theme-glow: 0 0 20px rgba(124, 58, 237, .3)}.manager-theme{--theme-sidebar: linear-gradient(180deg, #0c1a32 0%, #0f2248 100%);--theme-sidebar-hover: rgba(59, 130, 246, .12);--theme-sidebar-active: linear-gradient(135deg, #2563eb, #1d4ed8);--theme-accent: #2563eb;--theme-accent-hover: #1d4ed8;--theme-accent-light: rgba(37, 99, 235, .12);--theme-gradient: linear-gradient(135deg, #1e40af, #3b82f6);--theme-glow: 0 0 20px rgba(37, 99, 235, .3)}.employee-theme{--theme-sidebar: linear-gradient(180deg, #0a2e1f 0%, #0d3d2a 100%);--theme-sidebar-hover: rgba(16, 185, 129, .12);--theme-sidebar-active: linear-gradient(135deg, #059669, #047857);--theme-accent: #059669;--theme-accent-hover: #047857;--theme-accent-light: rgba(5, 150, 105, .12);--theme-gradient: linear-gradient(135deg, #047857, #10b981);--theme-glow: 0 0 20px rgba(5, 150, 105, .3)}.sidebar{width:270px;color:var(--text-sidebar);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--theme-sidebar);border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:.85rem;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.brand-logo{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;background:var(--theme-gradient);box-shadow:var(--theme-glow)}.brand-name{display:block;font-weight:700;font-size:1.1rem;background:var(--theme-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tag{display:block;font-size:.68rem;opacity:.5;margin-top:1px}.sidebar-close{display:none;margin-left:auto;background:none;border:none;color:inherit;padding:.5rem;opacity:.6}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-section{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.4;padding:1rem 1rem .5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:10px;color:#fff9;font-size:.875rem;font-weight:500;transition:all .2s ease;margin-bottom:2px;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:all .2s ease}.nav-item:hover{background:var(--theme-sidebar-hover);color:#ffffffe6}.nav-item.active{background:var(--theme-sidebar-hover)!important;color:#fff!important}.nav-item.active:before{background:var(--theme-gradient)!important}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.06)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:38px;height:38px;border-radius:50%;background:var(--theme-accent-light);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.user-name{font-size:.85rem;font-weight:600}.user-role{font-size:.7rem;opacity:.5;margin-top:2px}.role-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.6rem;font-weight:700;text-transform:uppercase;color:#fff;line-height:1.4;letter-spacing:.03em}.admin-theme .role-badge.admin,.manager-theme .role-badge.manager,.employee-theme .role-badge.employee{background:var(--theme-gradient)}.main-area{flex:1;margin-left:270px;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9}[data-theme=dark] .topbar{background:#1e293bd9}.menu-btn{display:none;background:none;border:none;color:var(--text-primary);padding:.5rem;border-radius:8px}.menu-btn:hover{background:var(--bg-primary)}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-title{font-size:.85rem;font-weight:600}.admin-theme .topbar-title,.manager-theme .topbar-title,.employee-theme .topbar-title{color:var(--theme-accent)}.topbar-actions{display:flex;gap:.5rem;margin-left:auto}.icon-btn{width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.notification-btn{position:relative}.notification-badge{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;min-width:17px;height:17px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #ef444466;animation:pulse 2s infinite}.notification-unread{border-left:3px solid var(--accent)}.content{padding:1.75rem;flex:1}.page-header{margin-bottom:1.5rem;animation:fadeInUp .3s ease}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-bottom:1.5rem;animation:fadeInUp .4s ease}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--border);display:flex;align-items:center;gap:1rem;transition:all .25s ease;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--theme-gradient);opacity:0;transition:opacity .25s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover);border-color:var(--accent)}.stat-card:hover:before{opacity:1}.stat-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.stat-card:hover .stat-card-icon{transform:scale(1.05)}.admin-theme .stat-card-icon{background:#7c3aed1f;color:#7c3aed}.manager-theme .stat-card-icon{background:#2563eb1f;color:#2563eb}.employee-theme .stat-card-icon{background:#0596691f;color:#059669}.stat-card-icon.admin{background:#7c3aed1f;color:#7c3aed}.stat-card-icon.manager{background:#2563eb1f;color:#2563eb}.stat-card-icon.employee{background:#0596691f;color:#059669}.stat-card-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.stat-card-value{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.stat-card-subtitle{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary)}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th{text-align:left;padding:.85rem 1rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-primary)}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:var(--accent-light)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--card-shadow);transition:box-shadow .25s ease}.card:hover{box-shadow:var(--card-shadow-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border)}.card-title{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.card-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem}.card-body{padding:1.25rem 1.4rem}.card-footer{padding:.85rem 1.4rem;border-top:1px solid var(--border);background:var(--bg-primary)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:10px;font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.form-textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.filters-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;animation:fadeInUp .35s ease}.filters-bar .form-input,.filters-bar .form-select{width:auto;min-width:200px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;line-height:1.4;text-decoration:none}.btn-primary{background:var(--theme-gradient, var(--accent));color:#fff;box-shadow:0 2px 8px #00000026}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0003}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-primary)}.btn-sm{padding:.4rem .75rem;font-size:.78rem;border-radius:8px}.btn-md{padding:.55rem 1rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;border-radius:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:.18rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;line-height:1.4;gap:4px}.badge-success{background:#10b9811f;color:#10b981}.badge-warning{background:#f59e0b1f;color:#f59e0b}.badge-danger{background:#ef44441f;color:#ef4444}.badge-info{background:#3b82f61f;color:#3b82f6}.badge-default{background:#64748b1f;color:#64748b}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1rem;color:var(--text-secondary);animation:fadeIn .3s ease}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--text-secondary);gap:.75rem}.loading-spinner:before{content:"";width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-secondary);animation:fadeInUp .4s ease}.empty-state-icon{margin-bottom:1rem;opacity:.3}.empty-state-text{font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #0006;animation:scaleIn .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.4rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1rem;font-weight:700}.modal-body{padding:1.4rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.4rem;border-top:1px solid var(--border)}.action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;box-shadow:var(--card-shadow)}.action-btn:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--card-shadow-hover)}.action-btn-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.action-btn-label{font-size:.78rem;font-weight:600;color:var(--text-primary)}.progress-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .5s ease;background:var(--theme-gradient)}.tab-group{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem;animation:fadeInUp .35s ease}.tab-btn{padding:.4rem .85rem;border-radius:8px;font-size:.78rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background:var(--bg-primary);color:var(--text-secondary);border:1px solid transparent}.tab-btn:hover{color:var(--text-primary);border-color:var(--border)}.tab-btn.active{background:var(--theme-gradient, var(--accent));color:#fff;box-shadow:0 2px 8px #00000026}.alert-banner{padding:.85rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;margin-bottom:1rem;animation:slideInRight .3s ease}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.alert-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.alert-info{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.timer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.timer-display{font-size:5rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-bottom:2rem;background:var(--theme-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer-controls{display:flex;gap:1rem;align-items:center}.timer-controls .btn{padding:.75rem 1.5rem;font-size:1rem}.timer-status{font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.timer-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.timer-status-dot.active{background:#10b981;box-shadow:0 0 8px #10b98180}.timer-status-dot.paused{background:#f59e0b}.timer-status-dot.off{background:#64748b}.timer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:500px;width:100%;margin-top:2rem}.timer-stat{text-align:center;padding:1rem;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border)}.timer-stat-value{font-size:1.5rem;font-weight:700}.timer-stat-label{font-size:.7rem;color:var(--text-secondary);margin-top:.2rem}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:flex}.main-area{margin-left:0}.menu-btn{display:flex}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}.content{padding:1rem}.page-title{font-size:1.25rem}.table th,.table td{padding:.5rem .75rem;font-size:.8rem}.form-row{grid-template-columns:1fr}.timer-display{font-size:3rem}.timer-stats{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr;gap:.5rem}.topbar{padding:.5rem .75rem}.sidebar-brand{padding:1rem}.brand-name{font-size:.95rem}.action-grid{grid-template-columns:1fr}}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}[data-theme=dark] .badge-default{background:#334155;color:#cbd5e1}.form-input{width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1a1a3e,#0f172a 80%);padding:1rem;position:relative;overflow:hidden}.login-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;animation:float 8s ease-in-out infinite}.shape-1{width:400px;height:400px;background:#7c3aed;top:-100px;right:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:#3b82f6;bottom:-50px;left:-80px;animation-delay:2s}.shape-3{width:200px;height:200px;background:#06b6d4;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-card{width:100%;max-width:420px;background:#1e293bd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 25px 60px #0006,0 0 40px #7c3aed1a;border:1px solid rgba(255,255,255,.08);position:relative;z-index:1;animation:cardIn .5s ease}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand{text-align:center;margin-bottom:2rem}.login-logo-icon{width:64px;height:64px;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1rem;box-shadow:0 8px 24px #7c3aed4d;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 8px 24px #7c3aed4d}50%{box-shadow:0 8px 32px #7c3aed80}}.login-logo-img{width:64px;height:64px;object-fit:contain;margin-bottom:1rem}.login-brand h1{font-size:1.65rem;font-weight:800;color:#fff;letter-spacing:-.02em}.login-brand p{color:#ffffff80;font-size:.85rem;margin-top:.4rem}.login-form{margin-bottom:1.5rem}.login-error{background:#ef444426;color:#fca5a5;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;margin-bottom:1.25rem;border:1px solid rgba(239,68,68,.2);animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-form .form-label{color:#ffffffb3;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.login-form .form-input{width:100%;padding:.75rem 1rem;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;font-size:.9rem;background:#0000004d;color:#fff;transition:all .2s ease}.login-form .form-input::placeholder{color:#ffffff40}.login-form .form-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed26;background:#0006}.input-wrapper{position:relative}.password-wrapper .form-input{padding-right:2.75rem}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff4d;padding:6px;border-radius:6px;display:flex;align-items:center;transition:color .2s}.password-toggle:hover{color:#fff9}.login-btn{width:100%;padding:.8rem!important;margin-top:.75rem;font-size:.95rem!important;border-radius:12px!important;background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;box-shadow:0 4px 16px #7c3aed4d!important;transition:all .25s ease!important}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed66!important}.login-btn:disabled{opacity:.6}.login-footer{text-align:center;font-size:.72rem;color:#ffffff40;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}@media(max-width:480px){.login-card{padding:2rem 1.5rem}.shape-1{width:250px;height:250px}.shape-2{width:200px;height:200px}.shape-3{width:150px;height:150px}}.messages-page{height:calc(100vh - 120px);animation:fadeIn .3s ease}.messages-container{display:flex;height:100%;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.messages-sidebar{width:340px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.messages-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.messages-sidebar-header h3{margin:0;font-size:1rem;font-weight:700}.messages-list{flex:1;overflow-y:auto}.conv-item{display:flex;align-items:center;gap:.65rem;padding:.7rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.conv-item:hover,.conv-item.active{background:var(--accent-light)}.conv-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.conv-info{flex:1;min-width:0}.conv-name{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.35rem}.conv-role{font-size:.65rem;color:var(--text-secondary);background:var(--bg-primary);padding:1px 5px;border-radius:4px}.conv-last-msg{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.conv-meta{text-align:right;flex-shrink:0}.conv-time{font-size:.65rem;color:var(--text-secondary);margin-bottom:4px}.messages-chat{flex:1;display:flex;flex-direction:column;min-width:0}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.chat-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.chat-user-info{display:flex;align-items:center;gap:.65rem}.chat-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-primary)}.chat-msg{max-width:75%;animation:fadeInUp .2s ease}.chat-msg.mine{align-self:flex-end}.chat-msg.theirs{align-self:flex-start}.chat-msg-text{padding:.6rem .85rem;border-radius:14px;font-size:.85rem;line-height:1.45;word-break:break-word}.chat-msg.mine .chat-msg-text{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-msg.theirs .chat-msg-text{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-msg-time{font-size:.65rem;color:var(--text-secondary);margin-top:2px;padding:0 .35rem;display:flex;align-items:center}.chat-msg.mine .chat-msg-time{justify-content:flex-end}.chat-reply-to{padding:.35rem .65rem;margin-bottom:3px;border-left:2px solid var(--accent);background:#00000008;border-radius:6px;font-size:.78rem}.chat-msg.mine .chat-reply-to{background:#ffffff1a}.chat-input-area{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.chat-input-area .form-input{flex:1;border-radius:10px}@media(max-width:768px){.messages-sidebar{width:100%}.messages-sidebar.hidden-mobile{display:none}.messages-chat{width:100%}.messages-chat.hidden-mobile{display:none}.show-mobile{display:flex!important}}.show-mobile{display:none}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-sidebar: #0f172a;--text-primary: #0f172a;--text-secondary: #64748b;--text-sidebar: #e2e8f0;--border: #e2e8f0;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .1);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .1);--radius: 10px;--radius-lg: 14px;--transition: all .2s ease}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-sidebar: #020617;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-sidebar: #cbd5e1;--border: #334155;--accent-light: rgba(59, 130, 246, .15);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.card-animate{animation:fadeInUp .3s ease both}.card-animate:nth-child(1){animation-delay:0s}.card-animate:nth-child(2){animation-delay:.05s}.card-animate:nth-child(3){animation-delay:.1s}.card-animate:nth-child(4){animation-delay:.15s}.card-animate:nth-child(5){animation-delay:.2s}.card-animate:nth-child(6){animation-delay:.25s}