:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1122;--surface:#121826;--surface-2:#161e2f;--surface-3:#1f293f;--border:#ffffff1a;--border-strong:#ffffff24;--text:#e8edf7;--text-muted:#9aa4be;--text-muted-strong:#c2c9df;--accent:#7a98ff;--accent-soft:#7a98ff29;--accent-bg:#7a98ff1f;--shadow:0 24px 48px #0000003d;--radius:14px;--radius-sm:10px;--transition:.2s ease;--max-width:1180px;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}#root{background:var(--bg);min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2}h1{font-size:clamp(1.8rem,2vw,2.6rem)}h2{font-size:clamp(1.4rem,1.6vw,2rem)}p{color:var(--text-muted);margin:0}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;border:none}input,textarea,select{border-radius:var(--radius-sm);color:var(--text);background:#ffffff0a;border:1px solid #ffffff14}::selection{background:#7a98ff38}@media (width<=768px){h1{font-size:clamp(1.6rem,4vw,2.2rem)}h2{font-size:1.45rem}}.employees-page{flex-direction:column;gap:28px;width:100%;max-width:1180px;margin:0 auto;animation:.32s both fadeIn;display:flex}.employees-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.employees-page .page-header>div{flex:420px;min-width:0}.employees-page .page-header>button{flex:none}.employees-page .page-header h1{margin:0;font-size:clamp(1.9rem,2.2vw,2.2rem);font-weight:700;line-height:1.05}.employees-page .page-description{min-width:0;max-width:100%;color:var(--muted);white-space:normal;word-break:normal;overflow-wrap:anywhere;margin:12px 0 0;line-height:1.75}.employees-panel{box-sizing:border-box;background:#121822f5;border:1px solid #ffffff14;border-radius:20px;width:100%;padding:28px;overflow:hidden;box-shadow:0 18px 40px #00000029}.content-panel{width:100%;max-width:1080px;margin:0 auto}.status-state{color:var(--text);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:22px}.employee-filters{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.employee-search-input{flex:240px;min-width:200px;max-width:320px}.status-filter-group{flex-wrap:wrap;gap:8px;display:flex}.employee-filters-clear-inline{margin-left:12px}.employee-table-wrapper{width:100%;min-width:0;overflow-x:auto}.employee-table{border-collapse:collapse;table-layout:auto;background:#ffffff03;width:100%}.employee-table th,.employee-table td{text-align:left;color:var(--text);padding:16px 18px}.employee-table thead{background:#ffffff08}.employee-table thead th{color:var(--muted);text-transform:none;letter-spacing:0;border-bottom:1px solid #ffffff14;font-size:.9rem;font-weight:600}.employee-table tbody tr{transition:background var(--transition);border-bottom:1px solid #ffffff14}.employee-table tbody tr:nth-child(odd){background:#ffffff03}.employee-table tbody tr:last-child{border-bottom:none}.employee-table tbody tr:hover{background:#ffffff0d}.employee-table td{vertical-align:middle}.employee-table td:first-child{min-width:220px}.activation-link-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.activation-link-label{color:var(--muted);font-size:.95rem}.activation-none{color:var(--muted)}.action-buttons{flex-wrap:wrap;gap:10px;display:flex}.empty-state{color:var(--muted);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:22px}.button{letter-spacing:.01em;transition:background var(--transition), opacity var(--transition);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:11px 16px;font-weight:600;display:inline-flex}.button:hover{opacity:.92}.modal-backdrop{z-index:20;background:#0a0e17e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:#121822f5;border:1px solid #ffffff14;border-radius:20px;width:min(520px,100%);padding:26px}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-header h2{margin:0;font-size:1.3rem}.modal-header p{color:var(--muted);margin:8px 0 0;line-height:1.6}.modal-form input{width:100%;color:var(--text);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:12px 14px}@media (width<=840px){.employees-page .page-header{flex-direction:column;align-items:stretch}.employees-panel{padding:24px}.button{width:auto}}@media (width<=640px){.employees-page .employee-table th,.employees-page .employee-table td{padding:14px 12px}.employees-page .button{width:100%}.employees-page .action-buttons{flex-direction:column}.employees-page .employee-filters{flex-direction:column;align-items:stretch}.employees-page .employee-search-input{max-width:none}}.settings-page{flex-direction:column;gap:28px;width:100%;max-width:1180px;margin:0 auto;animation:.32s both fadeIn;display:flex}.settings-panel{width:100%;padding:28px}.settings-form{gap:20px;max-width:480px;display:grid}.settings-field{gap:8px;display:grid}.settings-field label{color:var(--text);font-weight:600}.settings-field input{width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 14px}.settings-field input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 4px #7a98ff1f}.status-success{color:#9fe3c4;background:#6fc39e1f;border-color:#6fc39e2e}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (width<=640px){.settings-form{max-width:100%}.settings-actions .button{width:100%}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1122;--surface:#121826;--surface-2:#161e2f;--surface-3:#1f293f;--border:#ffffff14;--border-strong:#ffffff24;--text:#e8edf7;--text-h:#f5f8ff;--muted:#9aa4be;--accent:#7a98ff;--accent-soft:#7a98ff29;--accent-bg:#7a98ff1f;--shadow:0 24px 48px #0000003d;--radius:14px;--radius-sm:10px;--transition:.18s ease;--max-width:1180px}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#7a98ff14,#0000 24%),#0b1122;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{border:none}.auth-page{background:linear-gradient(#0b1122fa 0%,#070b16 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.auth-card{width:min(460px,100%);box-shadow:var(--shadow);opacity:0;background:#121822fa;border:1px solid #ffffff14;border-radius:18px;padding:34px 30px;animation:.48s forwards fadeInUp;transform:translateY(16px)}.auth-card h1{margin:0 0 10px;font-size:2rem;font-weight:700}.auth-card p{color:var(--muted);margin:0 0 24px;line-height:1.6}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--text);font-size:.95rem;font-weight:600;display:block}.auth-form input{border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);background:#ffffff0a;border:1px solid #ffffff14;outline:none;padding:14px 16px}.auth-form input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 4px #7a98ff1f}.auth-error{color:#ffb3c4;background:#ff45601f;border:1px solid #ff45602e;border-radius:12px;padding:14px 16px;font-size:.95rem}.auth-button{background:var(--accent);color:#0b1122;letter-spacing:.01em;cursor:pointer;width:100%;transition:background var(--transition), opacity var(--transition);border-radius:12px;padding:14px 16px;font-weight:700}.auth-button:hover:not(:disabled){background:#7a98fff0}.auth-button:disabled{opacity:.7;cursor:not-allowed}.dashboard-shell{min-height:100vh;position:relative}.sidebar{z-index:2;background:#10161f;border-right:1px solid #ffffff14;flex-direction:column;gap:24px;width:260px;padding:32px 22px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{color:var(--text);font-size:1.05rem;font-weight:700}.sidebar-nav{gap:8px;margin-top:40px;display:grid}.nav-link{color:var(--muted);transition:background var(--transition), color var(--transition);background:0 0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link.active{color:var(--accent);border-left:3px solid var(--accent);background:#7a98ff29;padding-left:12px}.nav-icon{width:28px;height:28px;color:var(--muted);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex}.nav-link.active .nav-icon{color:var(--accent);background:#7a98ff2e}.logout-button{color:var(--text);transition:background var(--transition);background:#ffffff0a;border-radius:10px;margin-top:auto;padding:12px 14px;font-weight:600}.logout-button:hover{background:#ffffff14}.dashboard-content{min-height:100vh;margin-left:260px;padding:clamp(24px,4vw,40px)}.dashboard-content>*{width:min(100%, var(--max-width));margin:0 auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.page-header>div{flex:380px;min-width:0}.page-header h1{margin:0;font-size:clamp(1.85rem,2.2vw,2.5rem);line-height:1.05}.eyebrow{letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin:0 0 10px;font-size:.82rem}.page-description{color:var(--muted);word-break:normal;overflow-wrap:anywhere;max-width:720px;margin:0;line-height:1.75}.content-panel{background:#121822f2;border:1px solid #ffffff14;border-radius:18px;width:100%;padding:28px;box-shadow:0 26px 50px #0000002e}.content-panel h1,.content-panel h2{margin-top:0}.content-panel p{color:var(--muted)}.status-state{width:100%;color:var(--text);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:22px}.status-error{color:#ffb2c7;background:#ff45601f;border-color:#ff45602e}.button{letter-spacing:.01em;transition:background var(--transition), opacity var(--transition), transform var(--transition);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){opacity:.95}.button-primary{background:var(--accent);color:#0b1122}.button-secondary{color:var(--text);background:#ffffff0f}.button-ghost{color:var(--text-muted);background:0 0;border:1px solid #ffffff1a}.button-small{border-radius:10px;padding:9px 12px;font-size:.9rem}.button-icon{width:38px;height:38px;color:var(--text);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.button-icon:hover{background:#ffffff14}.monitoring-summary-grid,.detail-grid{gap:18px;display:grid}.monitoring-summary-grid{grid-template-columns:repeat(3,minmax(180px,1fr));margin:18px 0 28px}.monitoring-card,.detail-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:22px}.monitoring-card-label,.detail-card-label{color:var(--muted);margin-bottom:10px;font-size:.95rem;font-weight:600;display:block}.monitoring-card strong,.detail-card strong{font-size:1.7rem;font-weight:700}.monitoring-notice{color:var(--muted);margin-top:18px;font-size:.95rem}.monitoring-table-wrapper,.employee-table-wrapper{background:#ffffff03;border-radius:18px;width:100%;min-width:0;overflow-x:auto}.monitoring-table,.employee-table{border-collapse:collapse;width:100%;min-width:620px}.monitoring-table th,.monitoring-table td,.employee-table th,.employee-table td{text-align:left;color:var(--text);padding:16px 18px}.monitoring-table thead th,.employee-table thead th{color:var(--muted);text-transform:none;letter-spacing:0;border-bottom:1px solid #ffffff14;font-size:.9rem;font-weight:600}.monitoring-table tbody tr,.employee-table tbody tr{transition:background var(--transition);border-bottom:1px solid #ffffff14}.monitoring-table tbody tr:last-child,.employee-table tbody tr:last-child{border-bottom:none}.monitoring-table tbody tr:hover,.employee-table tbody tr:hover{background:#ffffff0d}.employee-table td,.monitoring-table td{vertical-align:middle}.employee-table td:first-child,.monitoring-table td:first-child{min-width:220px}.status-badge{color:var(--text-muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.status-badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:8px;height:8px}.badge-pending{color:#f4c95a}.badge-active{color:#6fc39e}.badge-inactive{color:#8f9bb2}.status-breakdown{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.status-breakdown .status-badge{text-transform:capitalize;padding:8px 14px;font-size:.95rem}.monitoring-panel+.monitoring-panel{margin-top:24px}.activation-link-row,.action-buttons,.session-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.activation-link-label,.activation-none,.session-meta{color:var(--muted);font-size:.95rem}.inline-input{width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:12px 14px}.inline-input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 4px #7a98ff1f}.empty-state{width:100%;color:var(--muted);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:22px}.detail-modal-backdrop,.modal-backdrop{z-index:20;background:#0a0e17e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card,.detail-modal{width:min(720px,100%);box-shadow:var(--shadow);background:#121822fa;border:1px solid #ffffff14;border-radius:20px;padding:26px}.detail-modal{max-height:88vh;overflow-y:auto}.modal-header,.detail-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-header h2,.detail-modal-header h2{margin:0;font-size:clamp(1.3rem,2vw,1.8rem)}.modal-header p,.detail-subtitle{color:var(--muted);margin:8px 0 0;line-height:1.7}.modal-form{gap:16px;display:grid}.modal-form label{color:var(--text);font-weight:600}.modal-form input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.detail-sessions{margin-top:28px}.detail-sessions h3{color:var(--text);margin:0 0 14px;font-size:1.15rem}.session-list{gap:12px;display:grid}.session-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.session-row strong{color:var(--text);display:block}.session-meta{margin-top:4px}.detail-list{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;margin-top:24px;padding:20px}.detail-list h4{color:var(--text);margin:0 0 14px}.detail-list ul{gap:10px;display:grid}.detail-list li{color:var(--muted)}.screenshot-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.screenshot-thumb{aspect-ratio:16/9;object-fit:cover;cursor:pointer;border:1px solid #ffffff14;border-radius:12px;width:100%;transition:border-color .15s}.screenshot-thumb:hover{border-color:#ffffff4d}.screenshot-thumb-loading,.screenshot-thumb-error{aspect-ratio:16/9;color:var(--muted);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;padding:8px;font-size:.85rem;display:flex}.screenshot-lightbox-backdrop{z-index:30}.screenshot-lightbox-card{width:min(1000px,100%);max-height:88vh;overflow-y:auto}.screenshot-full{border:1px solid #ffffff14;border-radius:12px;width:100%;height:auto;display:block}.dashboard-page{width:100%}.dashboard-page .page-header{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.dashboard-page h1{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.05}.dashboard-page .page-description{margin:14px 0 0}.monitoring-panel{padding:28px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.sidebar{border-bottom:1px solid #ffffff14;border-right:none;flex-flow:wrap;align-items:center;gap:16px;width:100%;position:relative}.dashboard-content{margin-left:0;padding-block:28px;padding-inline:clamp(20px,4vw,24px)}.dashboard-page .page-header{align-items:stretch}.monitoring-summary-grid,.detail-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.dashboard-content{padding:20px}.monitoring-summary-grid,.detail-grid{grid-template-columns:1fr}.monitoring-table,.employee-table{min-width:100%}}