:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;margin:0}#root{min-height:100vh}.bg-primary{background-color:#2563eb!important}.bg-success{background-color:#10b981!important}.bg-warning{background-color:#f59e0b!important}.bg-danger{background-color:#dc3545!important}.text-truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cursor-pointer{cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loading-spinner{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.form-control:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 .25rem #2563eb40}.modal-backdrop{background-color:#00000080}.toast{border-radius:12px!important;box-shadow:0 4px 12px #00000026!important}.card-hover:hover{transition:transform .2s;transform:translateY(-4px);box-shadow:0 8px 25px #00000026!important}.btn{transition:all .2s}.btn:hover{transform:translateY(-2px)}@media (max-width:768px){.table-responsive{font-size:.85rem}.table-responsive th,.table-responsive td{padding:.5rem!important}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{animation:.3s ease-out slideIn}@keyframes fadeIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-toast{animation:.3s ease-out fadeIn}@media print{.no-print{display:none!important}body{color:#000!important;background:#fff!important}}.notification-dropdown{width:350px;max-width:90vw}.notification-item{white-space:normal;border-bottom:1px solid #f0f0f0;padding:.75rem 1rem}.notification-item.unread{background-color:#f8f9fa;border-left:3px solid #007bff}.notification-item:hover{background-color:#f8f9fa}.notification-icon{text-align:center;min-width:30px;font-size:1.2rem}.notification-title{color:#333;font-size:.9rem}.notification-message{color:#666;font-size:.85rem;line-height:1.4}.unread-dot{background-color:#007bff;border-radius:50%;width:8px;height:8px;margin-left:5px;display:inline-block}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.notification-dropdown{width:min(92vw,360px);max-width:92vw}}@media (max-width:480px){.notification-dropdown{width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin-right:-6px}.notification-item{padding:.65rem .8rem}.notification-title{font-size:.84rem}.notification-message{font-size:.8rem}}:root{--primary-blue:#2563eb;--primary-dark-blue:#1d4ed8;--primary-light-blue:#dbeafe;--accent-cyan:#06b6d4;--accent-sky:#38bdf8;--background-white:#fff;--background-light:#f8fafc;--background-card:#fff;--surface-tint:#eff6ff;--text-dark:#1f2937;--text-light:#6b7280;--text-muted:#475569;--border-light:#e5e7eb;--border-soft:#dbeafe;--radius-lg:16px;--radius-md:12px;--shadow-light:0 4px 6px #0000001a;--shadow-medium:0 10px 25px #00000026;--shadow-heavy:0 20px 40px #0003}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:var(--text-dark);background:radial-gradient(circle at 4% 8%,#38bdf814,#0000 24%),radial-gradient(circle at 92% 0,#2563eb1a,#0000 30%),linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);margin:0;font-family:Segoe UI,Trebuchet MS,Tahoma,Geneva,Verdana,sans-serif}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--background-card);box-shadow:var(--shadow-heavy);border:none;border-radius:20px;width:100%;max-width:420px;overflow:hidden}.login-header{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));color:#fff;text-align:center;border-bottom:none;margin:0;padding:2.5rem 2rem}.login-body{background:var(--background-card);padding:2.5rem}.main-navbar{box-shadow:var(--shadow-heavy);border:none;border-bottom:1px solid #ffffff26;padding:.7rem 0;background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue))!important}.main-navbar .container,.main-navbar .container-fluid{max-width:100%;padding-left:clamp(12px,2vw,24px);padding-right:clamp(12px,2vw,24px)}.main-navbar .navbar-collapse{align-items:center;gap:.4rem;width:100%;min-height:0;background:0 0!important}.main-navbar .navbar-collapse.show,.main-navbar .navbar-collapse.collapsing{background:0 0!important}.main-navbar .navbar-toggler{border:1px solid #ffffff73;border-radius:10px;padding:.34rem .5rem}.main-navbar .navbar-toggler:focus{box-shadow:0 0 0 .18rem #ffffff40}.main-navbar .navbar-toggler-icon{filter:brightness(0)invert()}.navbar-brand-custom{letter-spacing:.2px;text-shadow:2px 2px 4px #0000004d;cursor:pointer;font-size:1.5rem;font-weight:700;color:#fff!important}.navbar-user-info{text-shadow:1px 1px 2px #0003;white-space:normal;font-size:.95rem;font-weight:500;line-height:1.3;color:#ffffffe6!important}.nav-logout{border-radius:6px;font-weight:500;transition:all .3s;color:#ffffffe6!important;padding:.5rem 1rem!important}.nav-logout:hover{background-color:#fff3;color:#fff!important}.nav-links-cluster{flex-wrap:wrap;flex:auto;align-items:center;min-width:0;display:flex}.nav-right-cluster{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex;background:0 0!important;margin-left:auto!important}.nav-bell-wrap{align-items:center;display:inline-flex;margin-right:0!important}.navbar-nav .nav-link{white-space:nowrap;letter-spacing:.1px;border-radius:8px;margin:0 .25rem;font-weight:500;transition:all .3s;color:#ffffffe6!important;padding:.75rem 1.5rem!important}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.nav-item-active{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-3px);box-shadow:0 5px 15px #0003;color:#fff!important}.nav-group-dropdown>.dropdown-toggle{white-space:nowrap;letter-spacing:.1px;border-radius:8px;margin:0 .25rem;font-weight:500;transition:all .3s;color:#ffffffe6!important;padding:.75rem 1.5rem!important}.nav-group-dropdown>.dropdown-toggle:hover,.nav-group-dropdown.nav-item-active>.dropdown-toggle,.nav-group-dropdown.show>.dropdown-toggle{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-3px);box-shadow:0 5px 15px #0003;color:#fff!important}.nav-group-dropdown .dropdown-menu{border:1px solid #dbeafe;border-radius:12px;min-width:220px;padding:.45rem;box-shadow:0 16px 32px #0f172a29}.nav-group-dropdown .dropdown-item{color:#1e293b;border-radius:8px;padding:.52rem .65rem;font-weight:600}.nav-group-dropdown .dropdown-item:hover,.nav-group-dropdown .dropdown-item:focus,.nav-group-dropdown .dropdown-item-active{color:#1d4ed8;background:#eaf2ff}@media (max-width:1400px){.navbar-user-info .role-text{display:none}}.main-container{background:0 0;width:100%;max-width:1680px;min-height:100vh;margin:0 auto;padding:20px}.page-header{margin-bottom:2rem;padding:2rem 0}.page-title{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:var(--text-light);max-width:920px;margin-left:auto;margin-right:auto;font-size:1.2rem}.dashboard-card{background:var(--background-card);border-radius:var(--radius-lg);text-align:center;border:none;height:100%;padding:2rem 1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:8px 8px 16px #00000026,4px 4px 8px #0000001a,0 0 0 1px #0000000d,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000000d}.dashboard-card:before{content:"";border-radius:var(--radius-lg);pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 50%,#00000005 100%);position:absolute;inset:0}.dashboard-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:12px 12px 24px #0003,6px 6px 16px #00000026,0 0 0 1px #0000000d,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #00000014}.dashboard-card-icon{margin-bottom:1rem;font-size:3rem;display:block}.dashboard-card-title{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.dashboard-card-value{color:var(--text-dark);text-shadow:1px 1px 2px #0000001a;margin:0;font-size:2.5rem;font-weight:700}.dashboard-card.admins{border-top:4px solid var(--primary-blue)}.dashboard-card.employees{border-top:4px solid #10b981}.dashboard-card.users{border-top:4px solid #8b5cf6}.dashboard-card.charts{border-top:4px solid #f59e0b}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0;display:grid}.dashboard-container{background:var(--background-light);border-radius:20px;margin:2rem 0;padding:2.5rem;box-shadow:inset 2px 2px 5px #fffc,inset -2px -2px 5px #0000000d,0 10px 30px #0000001a}.content-card{background:var(--background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);border:1px solid var(--border-soft);height:100%;transition:all .3s;position:relative;overflow:hidden}.content-card .card-body{overflow-wrap:anywhere;word-break:break-word;color:var(--text-muted);padding:1.2rem}.content-card:before{content:"";background:linear-gradient(90deg,var(--primary-blue),var(--primary-dark-blue));height:4px;position:absolute;top:0;left:0;right:0}.card-header-custom{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));color:#fff;letter-spacing:.2px;border:none;padding:1.25rem 1.5rem;font-weight:700;border-radius:var(--radius-lg)var(--radius-lg)0 0!important}.section-title{color:#1f2937;margin-bottom:1rem;font-weight:700}.employee-dashboard-view .page-header{margin-bottom:1.25rem}.employee-dashboard-view .page-title{font-size:clamp(1.85rem,4vw,3rem)}.employee-card-body p,.employee-card-body small{overflow-wrap:anywhere;margin-bottom:.75rem}.employee-card-body strong{color:var(--text-dark)}.employee-room-card{border:1px solid #dbe7ff;box-shadow:0 12px 25px #2563eb1a}.employee-room-card .card-body{padding:1rem 1rem .9rem}.room-title{color:#1f2937;overflow-wrap:anywhere;align-items:center;gap:.2rem;margin-bottom:.75rem;font-size:1.05rem;font-weight:700;display:flex}.room-description{color:#516078;margin-bottom:.75rem;font-size:.93rem}.room-meta{margin-bottom:.95rem}.room-join-btn{letter-spacing:.2px;min-height:42px;font-size:.95rem}.employee-status-alert{background:linear-gradient(135deg,#ecfeff 0%,#dbeafe 100%);border:1px solid #bfe5ff}.employee-management-view .card-header-custom{gap:1rem}.employee-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.employee-header-actions .btn,.employee-header-actions button{border-radius:9px;min-height:36px}.employee-status-legend{padding:.2rem 0}.employee-status-badges{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.employee-status-badges .badge{border-radius:9px;padding:.4rem .6rem;font-weight:600;margin:0!important}.employee-status-note{text-align:right;line-height:1.35}.employee-filter-row{row-gap:.75rem!important}.employee-filter-control{flex-wrap:wrap}.table-responsive{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;overflow-x:auto}.table-responsive table{width:max-content;min-width:720px}.employee-table-wrap{border:1px solid #d9e7fb;border-radius:14px;box-shadow:0 6px 16px #0f172a0f}.employee-table{table-layout:auto;margin-bottom:0;min-width:1220px!important}.employee-table thead th{white-space:normal;word-break:keep-all;vertical-align:middle;letter-spacing:.1px;font-size:.98rem}.employee-table tbody td{overflow-wrap:normal;word-break:normal;white-space:normal;vertical-align:middle}.employee-table td:nth-child(2),.employee-table td:nth-child(3),.employee-table td:nth-child(6),.employee-table td:nth-child(8),.employee-table td:nth-child(9),.employee-table td:nth-child(11){color:#334155}.employee-table td:nth-child(2),.employee-table td:nth-child(3){min-width:160px}.employee-table th:nth-child(2),.employee-table th:nth-child(3){white-space:nowrap}.employee-table td:nth-child(5),.employee-table th:nth-child(5),.employee-cell-online{white-space:nowrap;min-width:110px}.employee-cell-actions{min-width:215px}.employee-action-group{grid-template-columns:repeat(2,minmax(86px,1fr));width:100%;gap:4px!important;display:grid!important}.employee-action-group .btn{white-space:nowrap;border-radius:8px;width:100%;min-height:32px;font-size:.8rem}.employee-action-group .btn i{margin-right:2px}@media (max-width:1200px){.employee-management-view .card-header-custom{align-items:flex-start!important}.employee-header-actions{justify-content:flex-start;width:100%}.employee-header-actions .text-light{margin-left:0!important;margin-right:0!important}}.user-table{background:var(--background-card);box-shadow:var(--shadow-light);border:none;border-radius:12px;overflow:hidden}.user-table thead th{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));color:#fff;border:none;padding:1rem 1.25rem;font-weight:700}.user-table tbody td{border-color:var(--border-light);vertical-align:middle;color:var(--text-muted);padding:1rem 1.25rem;transition:all .3s}.user-table tbody tr:hover td{background-color:var(--primary-light-blue)}.btn-action{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));box-shadow:var(--shadow-light);color:#fff;border:none;border-radius:12px;margin:.5rem;padding:12px 20px;font-size:16px;font-weight:600;transition:all .3s}.btn-action:hover{box-shadow:var(--shadow-medium);color:#fff;transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));letter-spacing:.2px;box-shadow:var(--shadow-light);border:none;border-radius:12px;padding:12px 30px;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:var(--shadow-medium);background:linear-gradient(135deg,var(--primary-dark-blue),#1e40af);transform:translateY(-2px)}.online-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;justify-content:center;align-items:center;gap:4px;min-width:82px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.offline-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:20px;justify-content:center;align-items:center;gap:4px;min-width:82px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.modal-header-custom{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));color:#fff;border-bottom:none}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex}.loading-spinner .spinner-border{width:3rem;height:3rem}.chat-container{background:var(--background-card);height:80vh;box-shadow:var(--shadow-heavy);border:none;border:1px solid var(--border-soft);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.chat-messages{background:linear-gradient(135deg,#f8fbff,#e8f0fb);flex:1;min-height:220px;padding:25px;overflow-y:auto}.message{word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap;max-width:70%;box-shadow:var(--shadow-light);background:#fff;border:none;border-radius:18px;margin-bottom:20px;padding:15px 20px;transition:all .3s}.message:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.message.own{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));color:#fff;border:none;margin-left:auto}.alert{border-radius:var(--radius-md)}.form-control,.form-select{border-radius:10px}.input-group>.form-control,.input-group>.form-select{min-width:0}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dashboard-card{animation:.6s ease-out cardSlideIn}.dashboard-card:first-child{animation-delay:.1s}.dashboard-card:nth-child(2){animation-delay:.2s}.dashboard-card:nth-child(3){animation-delay:.3s}.dashboard-card:nth-child(4){animation-delay:.4s}@media (max-width:768px){.main-container{padding:10px 10px 14px}.main-navbar{padding:.58rem 0}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard-card{padding:1.5rem 1rem}.dashboard-card-value{font-size:2rem}.dashboard-card-icon{font-size:2.5rem}.dashboard-container{margin:1rem 0;padding:1.5rem}.page-header{margin-bottom:1rem;padding:1rem 0}.page-title{font-size:1.9rem}.page-subtitle{font-size:1rem}.nav-links-cluster .nav-link{white-space:normal;border-radius:8px;width:100%;margin:.15rem 0;display:block;padding:.5rem .8rem!important}.nav-group-dropdown{width:100%}.nav-group-dropdown>.dropdown-toggle{white-space:normal;width:100%;margin:.15rem 0!important}.nav-group-dropdown .dropdown-menu{width:100%;min-width:100%;box-shadow:none;margin-top:.3rem;position:static!important}.navbar-brand-custom{font-size:1.25rem}.navbar-user-info{white-space:normal;max-width:100%;margin-top:.25rem;margin-bottom:.45rem;font-size:.86rem}.nav-right-cluster{flex-wrap:wrap;justify-content:flex-start;gap:.35rem;width:100%;margin-top:.35rem}.nav-right-cluster .nav-link,.nav-right-cluster .navbar-text,.nav-right-cluster .nav-bell-wrap{margin-right:0!important}.nav-right-cluster .nav-logout{margin-left:0!important;padding-left:.75rem!important;padding-right:.75rem!important}.content-card .card-body{padding:1rem .95rem}.content-card{border-radius:12px}.card-header-custom{flex-wrap:wrap;row-gap:.5rem}.card-header-custom>div{flex-wrap:wrap;gap:.4rem;width:100%;display:flex}.card-header-custom .btn,.card-header-custom button{min-height:34px}.employee-header-actions{justify-content:flex-start;width:100%}.employee-header-actions .text-light{width:100%;font-size:.82rem;margin-left:0!important;margin-right:0!important}.employee-status-note{text-align:left;width:100%;margin-top:2px}.employee-filter-control{width:100%;align-items:flex-start!important}.employee-filter-control .form-select{width:100%;max-width:100%;min-width:0!important}.assigned-rooms-grid>[class*=col-]{margin-bottom:.85rem}.table-responsive table{width:max-content;min-width:620px}.employee-table{min-width:1080px!important}.message{max-width:92%;padding:12px 14px}}@media (max-width:992px){.main-navbar .navbar-collapse{border:1px solid #ffffff24;border-radius:12px;align-items:flex-start;gap:.35rem;margin-top:.55rem;padding:.55rem .4rem .45rem;background:linear-gradient(145deg,#11349ef2,#1e40afe6)!important}.main-navbar .navbar-collapse:not(.show):not(.collapsing){display:none!important}.main-navbar .navbar-collapse.show,.main-navbar .navbar-collapse.collapsing{display:block!important}.nav-links-cluster{flex-direction:column;align-items:stretch;width:100%;margin-bottom:.35rem;display:flex}.nav-links-cluster .nav-link{width:100%;margin:.15rem 0!important}.nav-group-dropdown{width:100%}.nav-group-dropdown>.dropdown-toggle{white-space:normal;width:100%;margin:.15rem 0!important}.nav-group-dropdown .dropdown-menu{width:100%;min-width:100%;box-shadow:none;margin-top:.3rem;position:static!important}.nav-right-cluster{border-top:1px solid #ffffff29;flex-wrap:wrap;justify-content:flex-start;gap:.35rem;width:100%;margin-top:.25rem;padding-top:.45rem;margin-left:0!important}.navbar-user-info{max-width:100%;margin:.1rem 0 .2rem;font-size:.85rem;line-height:1.3}.nav-right-cluster .nav-logout{margin-left:0!important;padding-left:.75rem!important;padding-right:.75rem!important}.nav-group-dropdown>.dropdown-toggle:hover,.nav-group-dropdown.nav-item-active>.dropdown-toggle,.nav-group-dropdown.show>.dropdown-toggle{transform:none}}@media (min-width:992px){.main-navbar .navbar-collapse{display:flex!important}}@media (max-width:480px){.dashboard-grid{grid-template-columns:1fr}.login-container{padding:10px}.login-body{padding:1.4rem 1.2rem}.card-header-custom{padding:.95rem 1rem}.main-navbar .container,.main-navbar .container-fluid{padding-left:10px;padding-right:10px}.navbar-brand-custom{font-size:1.1rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}.room-title{font-size:.98rem}.room-description{font-size:.89rem}.table-responsive table{min-width:520px}.employee-table{min-width:960px!important}.employee-action-group{grid-template-columns:1fr}}