: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}.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-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}@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}}:root{--sg-violet:#7c3aed;--sg-indigo:#4f46e5;--sg-indigo-600:#4f46e5;--sg-indigo-700:#4338ca;--sg-indigo-400:#818cf8;--sg-cyan:#06b6d4;--sg-sky:#38bdf8;--sg-brand-gradient:linear-gradient(135deg,#7c3aed 0%,#4f46e5 52%,#06b6d4 120%);--sg-brand-gradient-soft:linear-gradient(135deg,#7c3aed1f,#06b6d41f);--sg-hero-gradient:radial-gradient(1200px 600px at 12% -10%,#7c3aed40,transparent 60%),radial-gradient(900px 520px at 100% 0%,#06b6d438,transparent 55%),linear-gradient(160deg,#0b1020 0%,#141a32 55%,#0b1020 100%);--sg-bg:#f4f5fb;--sg-surface:#fff;--sg-text:#0f172a;--sg-muted:#64748b;--sg-border:#e6e8f2;--sg-shadow-xs:0 1px 2px #0f172a0f;--sg-shadow-sm:0 2px 8px #0f172a0f;--sg-shadow:0 10px 30px -12px #0f172a2e;--sg-shadow-lg:0 24px 60px -20px #1e1b4b59;--sg-shadow-brand:0 14px 34px -12px #4f46e580;--sg-ring:0 0 0 .22rem #6366f147;--sg-radius:16px;--sg-radius-sm:12px;--sg-radius-lg:22px;--sg-transition:.22s cubic-bezier(.4,0,.2,1);--primary-blue:var(--sg-indigo-600);--primary-dark-blue:var(--sg-indigo-700);--primary-light-blue:#e0e7ff;--accent-cyan:var(--sg-cyan);--accent-sky:var(--sg-indigo-400);--background-white:#fff;--background-light:var(--sg-bg);--background-card:#fff;--surface-tint:#eef1fe;--text-dark:var(--sg-text);--text-light:var(--sg-muted);--text-muted:#475569;--border-light:var(--sg-border);--border-soft:#e0e7ff;--radius-lg:var(--sg-radius);--radius-md:var(--sg-radius-sm);--shadow-light:var(--sg-shadow-sm);--shadow-medium:var(--sg-shadow);--shadow-heavy:var(--sg-shadow-lg);--bs-primary:var(--sg-indigo-600);--bs-primary-rgb:79,70,229;--bs-link-color:var(--sg-indigo-600);--bs-link-color-rgb:79,70,229;--bs-link-hover-color:var(--sg-indigo-700);--bs-body-bg:var(--sg-bg);--bs-body-color:var(--sg-text);--bs-body-color-rgb:15,23,42;--bs-border-color:var(--sg-border);--bs-border-radius:.85rem;--bs-border-radius-sm:.6rem;--bs-border-radius-lg:1.1rem;--bs-border-radius-xl:1.4rem;--bs-font-sans-serif:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--bs-emphasis-color:var(--sg-text);--bs-secondary-color:var(--sg-muted)}body{color:var(--sg-text);font-family:var(--bs-font-sans-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(900px 500px at 100% -5%,#6366f112,transparent 60%),radial-gradient(700px 460px at -5% 110%,#06b6d412,transparent 55%),var(--sg-bg)!important}h1,h2,h3,h4,h5,h6,.navbar-brand{font-family:"Plus Jakarta Sans",var(--bs-font-sans-serif);letter-spacing:-.01em}::selection{background:#7c3aed38}a{text-decoration:none}.btn{--bs-btn-border-radius:.7rem;letter-spacing:.01em;transition:transform var(--sg-transition),box-shadow var(--sg-transition),background-color var(--sg-transition),filter var(--sg-transition);border-radius:.7rem;font-weight:600}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{--bs-btn-bg:var(--sg-indigo-600);--bs-btn-border-color:var(--sg-indigo-600);--bs-btn-hover-bg:var(--sg-indigo-700);--bs-btn-hover-border-color:var(--sg-indigo-700);--bs-btn-active-bg:var(--sg-indigo-700);--bs-btn-active-border-color:var(--sg-indigo-700);--bs-btn-disabled-bg:var(--sg-indigo-400);--bs-btn-disabled-border-color:var(--sg-indigo-400);background-image:var(--sg-brand-gradient);box-shadow:var(--sg-shadow-brand);border:none}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 18px 40px -12px #4f46e599}.btn-outline-primary{--bs-btn-color:var(--sg-indigo-600);--bs-btn-border-color:var(--sg-indigo-400);--bs-btn-hover-bg:var(--sg-indigo-600);--bs-btn-hover-border-color:var(--sg-indigo-600);--bs-btn-active-bg:var(--sg-indigo-700)}.btn-success{--bs-btn-bg:#10b981;--bs-btn-border-color:#10b981;--bs-btn-hover-bg:#059669;--bs-btn-hover-border-color:#059669}.btn-info{--bs-btn-bg:var(--sg-cyan);--bs-btn-border-color:var(--sg-cyan);--bs-btn-hover-bg:#0891b2;--bs-btn-hover-border-color:#0891b2;--bs-btn-color:#fff;--bs-btn-hover-color:#fff}.btn-warning{--bs-btn-bg:#f59e0b;--bs-btn-border-color:#f59e0b;--bs-btn-hover-bg:#d97706;--bs-btn-hover-border-color:#d97706;--bs-btn-color:#fff;--bs-btn-hover-color:#fff}.btn-danger{--bs-btn-bg:#ef4444;--bs-btn-border-color:#ef4444;--bs-btn-hover-bg:#dc2626;--bs-btn-hover-border-color:#dc2626}.btn:not(.btn-link):not(.btn-primary):hover{transform:translateY(-1px)}.card{border:1px solid var(--sg-border);border-radius:var(--sg-radius);box-shadow:var(--sg-shadow-sm);background:var(--sg-surface);transition:transform var(--sg-transition),box-shadow var(--sg-transition),border-color var(--sg-transition);overflow:hidden}.card:hover{box-shadow:var(--sg-shadow)}.content-card,.workforce-control-card,.workforce-timeline-card{border-radius:var(--sg-radius)!important;box-shadow:var(--sg-shadow-sm)!important;border:1px solid var(--sg-border)!important}.form-control,.form-select{border-color:var(--sg-border);transition:border-color var(--sg-transition),box-shadow var(--sg-transition);border-radius:.7rem}.form-control:focus,.form-select:focus{border-color:var(--sg-indigo-400);box-shadow:var(--sg-ring)}.form-label{color:#334155;font-weight:600}.modal-content{border:1px solid var(--sg-border);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-lg);overflow:hidden}.modal{-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.modal-backdrop.show{opacity:.55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-header-custom{background:var(--sg-brand-gradient);color:#fff}.modal-header-custom .modal-title,.modal-header-custom .btn-close{color:#fff;filter:none}.modal-header-custom .btn-close{filter:invert()grayscale()brightness(2)}.dropdown-menu{border:1px solid var(--sg-border);border-radius:var(--sg-radius-sm);box-shadow:var(--sg-shadow);padding:.4rem}.dropdown-item{border-radius:.55rem;transition:background-color .15s}.dropdown-item:active{background:var(--sg-indigo-600)}.badge{letter-spacing:.02em;border-radius:.55rem;font-weight:600}.alert{border-radius:var(--sg-radius-sm);border:1px solid #0000}.table{--bs-table-hover-bg:#6366f10f}.table>:not(caption)>*>*{padding:.7rem .85rem}thead th{color:var(--sg-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.nav-pills .nav-link.active{background:var(--sg-brand-gradient)}.nav-link{color:var(--sg-muted)}.nav-link.active{color:var(--sg-indigo-700)}.spinner-border,.spinner-grow{color:var(--sg-indigo-600)}.progress-bar{background:var(--sg-brand-gradient)}.sg-gradient-text{background:var(--sg-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.sg-brand-bg{background:var(--sg-brand-gradient);color:#fff}.sg-glass{-webkit-backdrop-filter:blur(16px)saturate(160%);background:#ffffffb8;border:1px solid #ffffff8c}.sg-elevate{box-shadow:var(--sg-shadow)}.sg-elevate-lg{box-shadow:var(--sg-shadow-lg)}.sg-hover-lift{transition:transform var(--sg-transition),box-shadow var(--sg-transition)}.sg-hover-lift:hover{box-shadow:var(--sg-shadow);transform:translateY(-4px)}.sg-card-3d{transform-style:preserve-3d;transition:transform var(--sg-transition),box-shadow var(--sg-transition);will-change:transform}.sg-card-3d:hover{box-shadow:var(--sg-shadow-lg);transform:perspective(900px)rotateX(2deg)rotateY(-3deg)translateY(-4px)}@keyframes sgFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sgGradientPan{0%{background-position:0%}to{background-position:200%}}@keyframes sgShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes sgPulseGlow{0%,to{box-shadow:0 0 #6366f159}50%{box-shadow:0 0 0 14px #6366f100}}.sg-animate-up{animation:.6s cubic-bezier(.22,1,.36,1) both sgFadeInUp}.sg-animate-in{animation:.6s both sgFadeIn}.sg-float{animation:6s ease-in-out infinite sgFloat}.sg-pulse-glow{animation:2.4s ease-in-out infinite sgPulseGlow}.sg-animate-delay-1{animation-delay:80ms}.sg-animate-delay-2{animation-delay:.16s}.sg-animate-delay-3{animation-delay:.24s}.sg-animate-delay-4{animation-delay:.32s}.sg-animated-gradient{background-size:200% 200%;animation:8s linear infinite alternate sgGradientPan}.sg-skeleton{background:linear-gradient(90deg,#eef1f7 25%,#f7f9fc 37%,#eef1f7 63%) 0 0/936px 100%;border-radius:.6rem;animation:1.4s ease-in-out infinite sgShimmer}*{scrollbar-width:thin;scrollbar-color:#c7cbe0 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#c2c7e2,#aab0d8) padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9aa1d0 padding-box padding-box}::-webkit-scrollbar-track{background:0 0}:focus-visible{box-shadow:var(--sg-ring);border-radius:.4rem;outline:none}.main-navbar{z-index:1030;-webkit-backdrop-filter:saturate(140%)blur(2px);backdrop-filter:saturate(140%)blur(2px);position:sticky;top:0;box-shadow:0 10px 34px -18px #1e1b4ba6}.navbar-brand-custom{letter-spacing:-.02em;font-weight:800}.main-navbar .nav-link,.main-navbar .dropdown-toggle{border-radius:.6rem;font-weight:600;transition:background-color .2s,transform .2s}.main-navbar .nav-link:hover,.main-navbar .dropdown-toggle:hover{background:#ffffff24;transform:translateY(-1px)}.nav-logout:hover{background-color:#ffffff38!important}.login-page{position:relative;overflow:hidden;background:var(--sg-hero-gradient)!important}.login-page:before,.login-page:after{content:"";filter:blur(60px);opacity:.55;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.login-page:before{background:#7c3aed;width:420px;height:420px;animation:9s ease-in-out infinite sgFloat;top:-120px;left:-80px}.login-page:after{background:#06b6d4;width:360px;height:360px;animation:11s ease-in-out infinite reverse sgFloat;bottom:-120px;right:-60px}.login-card{z-index:1;animation:.7s cubic-bezier(.22,1,.36,1) both sgFadeInUp;position:relative;border-radius:var(--sg-radius-lg)!important;box-shadow:var(--sg-shadow-lg)!important;border:1px solid #fff9!important}.login-header{background:var(--sg-brand-gradient)!important}.client-onboarding-hero h1{background:linear-gradient(120deg,#1e1b4b 0%,#4f46e5 55%,#06b6d4 100%);color:#0000;-webkit-background-clip:text;background-clip:text;animation:.7s cubic-bezier(.22,1,.36,1) both sgFadeInUp}.client-onboarding-hero p{animation:.7s cubic-bezier(.22,1,.36,1) 80ms both sgFadeInUp}.client-onboarding-orbit{animation:7s ease-in-out infinite sgFloat}.client-onboarding-eyebrow{background:var(--sg-brand-gradient)!important;border:none!important}.client-plan-card{border-radius:var(--sg-radius-lg)!important;box-shadow:var(--sg-shadow)!important}.client-plan-option{border-radius:var(--sg-radius)!important;transition:transform var(--sg-transition),box-shadow var(--sg-transition),border-color var(--sg-transition)!important}.client-plan-option:hover{box-shadow:var(--sg-shadow);transform:translateY(-3px)}.client-plan-option.selected{border-color:var(--sg-indigo-500,#6366f1)!important;box-shadow:0 0 0 2px #6366f173,var(--sg-shadow)!important;background:var(--sg-brand-gradient-soft)!important}.client-addon-option.selected{background:var(--sg-brand-gradient-soft);border-radius:.7rem;border-color:var(--sg-indigo-400)!important}.section-kicker{color:var(--sg-indigo-600);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.dashboard-card{animation:.55s cubic-bezier(.22,1,.36,1) both sgFadeInUp;border-radius:var(--sg-radius)!important;box-shadow:var(--sg-shadow-sm)!important;transition:transform var(--sg-transition),box-shadow var(--sg-transition)!important}.dashboard-card:hover{transform:perspective(900px)rotateX(1.5deg)translateY(-5px);box-shadow:var(--sg-shadow-lg)!important}.dashboard-card:nth-child(2){animation-delay:70ms}.dashboard-card:nth-child(3){animation-delay:.14s}.dashboard-card:nth-child(4){animation-delay:.21s}.dashboard-card:nth-child(5){animation-delay:.28s}.dashboard-card:nth-child(6){animation-delay:.35s}.dashboard-card-value{letter-spacing:-.02em;font-weight:800}.workforce-stat-card,.workforce-mini-metric{transition:transform var(--sg-transition),box-shadow var(--sg-transition)!important}.workforce-stat-card:hover,.workforce-mini-metric:hover{transform:translateY(-4px);box-shadow:var(--sg-shadow)!important}.workforce-stat-icon{box-shadow:var(--sg-shadow-sm)}.workforce-stat-value{letter-spacing:-.02em;font-weight:800}.meet-hero-title{background:linear-gradient(120deg,#fff,#c7d2fe);color:#0000;-webkit-background-clip:text;background-clip:text}.meet-hero-card,.meet-recordings-hero{box-shadow:var(--sg-shadow-lg)!important;border-radius:var(--sg-radius-lg)!important}.employee-welcome-card{box-shadow:var(--sg-shadow)!important;border-radius:var(--sg-radius-lg)!important}.content-card{transition:transform var(--sg-transition),box-shadow var(--sg-transition)}.content-card:hover{box-shadow:var(--sg-shadow)}.page-title,.section-title{letter-spacing:-.02em}.sg-theme-toggle{z-index:1080;cursor:pointer;color:#fff;background:var(--sg-brand-gradient);box-shadow:var(--sg-shadow);transition:transform var(--sg-transition),box-shadow var(--sg-transition),filter var(--sg-transition);border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.84rem;font-weight:700;display:inline-flex;position:fixed;bottom:18px;left:18px}.sg-theme-toggle:hover{filter:brightness(1.07);box-shadow:var(--sg-shadow-lg);transform:translateY(-2px)}.sg-theme-toggle:active{transform:translateY(0)scale(.98)}.sg-theme-toggle i{font-size:.95rem}@media (max-width:575px){.sg-theme-toggle{padding:.6rem}.sg-theme-toggle-label{display:none}}[data-bs-theme=dark]{--sg-bg:#0b1020;--sg-surface:#151b2e;--sg-surface-2:#1b2238;--sg-text:#e7ebf7;--sg-muted:#9aa6bd;--sg-border:#2a3150;--sg-shadow-xs:0 1px 2px #0006;--sg-shadow-sm:0 2px 12px #00000073;--sg-shadow:0 16px 44px -16px #000000b3;--sg-shadow-lg:0 30px 72px -22px #000000d1;--sg-brand-gradient-soft:linear-gradient(135deg,#7c3aed47,#06b6d43d);--primary-light-blue:#1e2746;--background-white:#151b2e;--background-light:#0b1020;--background-card:#151b2e;--surface-tint:#1b2238;--text-dark:#e7ebf7;--text-light:#9aa6bd;--text-muted:#cbd5e1;--border-light:#2a3150;--border-soft:#2a3150;--bs-body-bg:#0b1020;--bs-body-color:#e7ebf7;--bs-body-color-rgb:231,235,247;--bs-border-color:#2a3150;--bs-secondary-color:#9aa6bd;--bs-secondary-bg:#1b2238;--bs-tertiary-bg:#151b2e;--bs-emphasis-color:#fff;--bs-heading-color:#f1f4fb}[data-bs-theme=dark] body{color:var(--sg-text);background:radial-gradient(900px 520px at 100% -5%,#7c3aed33,#0000 60%),radial-gradient(720px 480px at -5% 110%,#06b6d426,#0000 55%),#0b1020!important}[data-bs-theme=dark] .card,[data-bs-theme=dark] .content-card,[data-bs-theme=dark] .modal-content,[data-bs-theme=dark] .dropdown-menu,[data-bs-theme=dark] .list-group-item,[data-bs-theme=dark] .offcanvas,[data-bs-theme=dark] .workforce-control-card,[data-bs-theme=dark] .workforce-timeline-card,[data-bs-theme=dark] .workforce-stat-card,[data-bs-theme=dark] .workforce-policy-card,[data-bs-theme=dark] .workforce-company-master-card,[data-bs-theme=dark] .workforce-leave-card,[data-bs-theme=dark] .workforce-anomaly-card,[data-bs-theme=dark] .workforce-table-card,[data-bs-theme=dark] .employee-welcome-card,[data-bs-theme=dark] .employee-room-card,[data-bs-theme=dark] .employee-info-card,[data-bs-theme=dark] .employee-session-card,[data-bs-theme=dark] .employee-workday-card,[data-bs-theme=dark] .meet-hero-card,[data-bs-theme=dark] .client-plan-card{color:var(--sg-text);background-color:var(--sg-surface)!important;border-color:var(--sg-border)!important}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{background-color:var(--sg-surface-2);color:var(--sg-text);border-color:var(--sg-border)}[data-bs-theme=dark] .form-control::placeholder{color:#7c89a6}[data-bs-theme=dark] .form-control:focus,[data-bs-theme=dark] .form-select:focus{background-color:var(--sg-surface-2);color:var(--sg-text)}[data-bs-theme=dark] .input-group-text{color:var(--sg-muted);border-color:var(--sg-border);background-color:#1b2238}[data-bs-theme=dark] .table{color:var(--sg-text);--bs-table-bg:transparent;--bs-table-color:var(--sg-text);--bs-table-hover-bg:#7c3aed1f}[data-bs-theme=dark] thead th{color:var(--sg-muted)}[data-bs-theme=dark] .text-muted{color:#9aa6bd!important}[data-bs-theme=dark] .text-dark{color:var(--sg-text)!important}[data-bs-theme=dark] hr{border-color:var(--sg-border)}[data-bs-theme=dark] .login-card{background:#151b2ed1!important;border-color:#ffffff14!important}[data-bs-theme=dark] .client-onboarding-page{background:var(--sg-bg)}[data-bs-theme=dark] .client-plan-option{background-color:var(--sg-surface-2);border-color:var(--sg-border);color:var(--sg-text)}[data-bs-theme=dark] .client-plan-option.selected{background:var(--sg-brand-gradient-soft)!important}[data-bs-theme=dark] .client-feature-pill{background-color:var(--sg-surface-2);border-color:var(--sg-border)}[data-bs-theme=dark] .sg-glass{background:#151b2e99;border-color:#ffffff14}[data-bs-theme=dark] .client-onboarding-hero h1{background:linear-gradient(120deg,#c7d2fe 0%,#818cf8 50%,#22d3ee 100%);color:#0000;-webkit-background-clip:text;background-clip:text}[data-bs-theme=dark] .meet-home-page,[data-bs-theme=dark] .meeting-lobby-page,[data-bs-theme=dark] .meeting-room-page{color:var(--sg-text);background:radial-gradient(circle at 0 0,#7c3aed2e,#0000 30%),radial-gradient(circle at 100% 100%,#06b6d424,#0000 26%),linear-gradient(#0b1020 0%,#0e1426 100%)!important}[data-bs-theme=dark] .meet-recent-item,[data-bs-theme=dark] .meeting-person-row,[data-bs-theme=dark] .meeting-chat-message,[data-bs-theme=dark] .meet-recording-card,[data-bs-theme=dark] .meeting-reaction-button{color:var(--sg-text);background:var(--sg-surface-2)!important;border-color:var(--sg-border)!important}[data-bs-theme=dark] .workforce-table th{color:var(--sg-muted)!important;background:#1b2238!important}[data-bs-theme=dark] .workforce-timeline-item,[data-bs-theme=dark] .workday-mini-stat,[data-bs-theme=dark] .workforce-action-card,[data-bs-theme=dark] .workforce-workflow-tab,[data-bs-theme=dark] .workforce-company-picker,[data-bs-theme=dark] .workforce-employee-picker,[data-bs-theme=dark] .employee-control-tabs-shell,[data-bs-theme=dark] .chatroom-page .chat-toolbar,[data-bs-theme=dark] .chatroom-page .chat-input-footer,[data-bs-theme=dark] .chatroom-page .chat-side-col,[data-bs-theme=dark] .chatroom-page .chat-side-body,[data-bs-theme=dark] .chatroom-page .chat-file-card,[data-bs-theme=dark] .chatroom-page .message-edit-box .form-control{color:var(--sg-text);background:var(--sg-surface)!important;border-color:var(--sg-border)!important}[data-bs-theme=dark] .chat-messages{background:linear-gradient(135deg,#0e1426,#0b1020)!important}[data-bs-theme=dark] .message{color:var(--sg-text);background:var(--sg-surface-2)!important}[data-bs-theme=dark] .table-responsive{background:0 0!important}[data-bs-theme=dark] .client-feature-pill{color:var(--sg-text);background:var(--sg-surface-2)!important}[data-bs-theme=dark] .notification-item.unread,[data-bs-theme=dark] .notification-item:hover{background-color:#1b2238!important}[data-bs-theme=dark] .countdown-display{color:var(--sg-text);background:#1b2238!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.sg-float,.client-onboarding-orbit,.login-page:before,.login-page:after{animation:none!important}}