:root{--bt-navy: #0d1b2a;--bt-navy-light: #162032;--bt-navy-card: #1a2840;--bt-navy-border: #243450;--bt-cyan: #00d4ff;--bt-cyan-dim: rgba(0, 212, 255, .12);--bt-cyan-hover: rgba(0, 212, 255, .08);--bt-green: #22c55e;--bt-green-dim: rgba(34, 197, 94, .12);--bt-yellow: #f59e0b;--bt-yellow-dim: rgba(245, 158, 11, .12);--bt-red: #ef4444;--bt-red-dim: rgba(239, 68, 68, .12);--bt-purple: #a855f7;--bt-purple-dim: rgba(168, 85, 247, .12);--bt-text-primary: #f0f4f8;--bt-text-secondary: #8899aa;--bt-text-muted: #4a6080;--sidebar-width: 240px;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bt-navy);color:var(--bt-text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.btn-primary{background:var(--bt-cyan);border-color:var(--bt-cyan);color:var(--bt-navy);font-weight:600}.btn-primary:hover{background:#00bfe0;border-color:#00bfe0;color:var(--bt-navy)}.btn-primary:disabled{opacity:.5}.btn-outline-primary{border-color:var(--bt-cyan);color:var(--bt-cyan)}.btn-outline-primary:hover{background:var(--bt-cyan-dim);color:var(--bt-cyan);border-color:var(--bt-cyan)}.btn-outline-danger{border-color:var(--bt-red);color:var(--bt-red)}.btn-outline-danger:hover{background:var(--bt-red-dim);color:var(--bt-red);border-color:var(--bt-red)}.form-control,.form-select{background:var(--bt-navy-light);border:1px solid var(--bt-navy-border);color:var(--bt-text-primary);border-radius:8px}.form-control:focus,.form-select:focus{background:var(--bt-navy-light);border-color:var(--bt-cyan);color:var(--bt-text-primary);box-shadow:0 0 0 3px var(--bt-cyan-dim)}.form-control::placeholder,.form-select::placeholder{color:var(--bt-text-muted)}.form-label{color:var(--bt-text-secondary);font-size:13px;font-weight:500;margin-bottom:6px}.modal-content{background:var(--bt-navy-card);border:1px solid var(--bt-navy-border);border-radius:16px}.modal-header{border-bottom:1px solid var(--bt-navy-border)}.modal-footer{border-top:1px solid var(--bt-navy-border)}.modal-title{color:var(--bt-text-primary);font-weight:600}.table{color:var(--bt-text-primary);--bs-table-bg: transparent;--bs-table-striped-bg: rgba(255,255,255,.02);--bs-table-hover-bg: var(--bt-cyan-hover);--bs-table-border-color: var(--bt-navy-border)}.table th{color:var(--bt-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge{font-weight:500}.badge.status-present{background:var(--bt-green-dim);color:var(--bt-green)}.badge.status-half_day{background:var(--bt-yellow-dim);color:var(--bt-yellow)}.badge.status-absent{background:var(--bt-red-dim);color:var(--bt-red)}.badge.status-active{background:var(--bt-green-dim);color:var(--bt-green)}.badge.status-paused{background:var(--bt-yellow-dim);color:var(--bt-yellow)}.badge.status-inactive{background:#ffffff14;color:var(--bt-text-secondary)}.pagination .page-link{background:var(--bt-navy-card);border-color:var(--bt-navy-border);color:var(--bt-text-secondary)}.pagination .page-link:hover{background:var(--bt-cyan-dim);color:var(--bt-cyan)}.pagination .page-item.active .page-link{background:var(--bt-cyan);border-color:var(--bt-cyan);color:var(--bt-navy)}.bt-layout{display:flex;min-height:100vh}.bt-sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--bt-navy-light);border-right:1px solid var(--bt-navy-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .3s ease}.bt-sidebar__logo{padding:20px 20px 16px;border-bottom:1px solid var(--bt-navy-border);display:flex;align-items:center;gap:10px}.bt-sidebar__logo .logo-mark{width:32px;height:32px;background:var(--bt-cyan);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--bt-navy);font-size:14px}.bt-sidebar__logo .logo-text{font-size:16px;font-weight:700;color:var(--bt-text-primary)}.bt-sidebar__logo .logo-text span{color:var(--bt-cyan)}.bt-sidebar__nav{flex:1;padding:12px 8px;overflow-y:auto}.bt-nav-section{margin-bottom:20px}.bt-nav-section__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--bt-text-muted);padding:0 12px;margin-bottom:4px}.bt-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--bt-text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .15s ease;cursor:pointer;border:none;background:none;width:100%}.bt-nav-item i{font-size:16px;width:18px;text-align:center}.bt-nav-item:hover{color:var(--bt-text-primary);background:var(--bt-cyan-hover)}.bt-nav-item.router-link-active,.bt-nav-item.active{color:var(--bt-cyan);background:var(--bt-cyan-dim)}.bt-nav-item.router-link-active i,.bt-nav-item.active i{color:var(--bt-cyan)}.bt-sidebar__footer{padding:12px 8px 16px;border-top:1px solid var(--bt-navy-border)}.bt-main{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh}.bt-topbar{height:60px;background:var(--bt-navy-light);border-bottom:1px solid var(--bt-navy-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.bt-topbar__title{font-size:15px;font-weight:600;color:var(--bt-text-primary)}.bt-topbar__actions{display:flex;align-items:center;gap:12px}.bt-content{flex:1;padding:24px}.bt-card{background:var(--bt-navy-card);border:1px solid var(--bt-navy-border);border-radius:12px;padding:20px}.bt-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bt-card__title{font-size:14px;font-weight:600;color:var(--bt-text-primary)}.bt-card__subtitle{font-size:12px;color:var(--bt-text-muted);margin-top:2px}.bt-stat{background:var(--bt-navy-card);border:1px solid var(--bt-navy-border);border-radius:12px;padding:18px 20px}.bt-stat__label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--bt-text-muted);margin-bottom:8px}.bt-stat__value{font-size:26px;font-weight:700;color:var(--bt-text-primary);line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums}.bt-stat__meta{font-size:12px;color:var(--bt-text-muted)}.bt-stat--cyan{border-top:2px solid var(--bt-cyan)}.bt-stat--cyan .bt-stat__value{color:var(--bt-cyan)}.bt-stat--green{border-top:2px solid var(--bt-green)}.bt-stat--green .bt-stat__value{color:var(--bt-green)}.bt-stat--yellow{border-top:2px solid var(--bt-yellow)}.bt-stat--yellow .bt-stat__value{color:var(--bt-yellow)}.bt-stat--red{border-top:2px solid var(--bt-red)}.bt-stat--red .bt-stat__value{color:var(--bt-red)}.bt-stat--purple{border-top:2px solid var(--bt-purple)}.bt-stat--purple .bt-stat__value{color:var(--bt-purple)}.bt-live-dot{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--bt-green);font-weight:500}.bt-live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bt-green);animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.bt-employee-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bt-navy-border)}.bt-employee-row:last-child{border-bottom:none}.bt-employee-row__avatar{width:34px;height:34px;border-radius:50%;background:var(--bt-navy-border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--bt-cyan);flex-shrink:0}.bt-employee-row__name{font-weight:500;color:var(--bt-text-primary);font-size:13.5px}.bt-employee-row__status{font-size:12px;color:var(--bt-text-muted)}.bt-employee-row__hours{margin-left:auto;font-family:var(--font-mono);font-size:13px;color:var(--bt-text-secondary)}.bt-timeline{position:relative;padding-left:28px}.bt-timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:var(--bt-navy-border)}.bt-timeline__item{position:relative;margin-bottom:14px}.bt-timeline__item:before{content:"";position:absolute;left:-22px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--bt-navy-border);border:2px solid var(--bt-navy-card)}.bt-timeline__item--session_start:before{background:var(--bt-green)}.bt-timeline__item--session_stop:before{background:var(--bt-red)}.bt-timeline__item--break_start:before,.bt-timeline__item--break_end:before{background:var(--bt-yellow)}.bt-timeline__item--idle_start:before,.bt-timeline__item--idle_end:before{background:var(--bt-purple)}.bt-timeline__item--screenshot:before{background:var(--bt-cyan)}.bt-timeline__item--app_switch:before{background:var(--bt-text-muted)}.bt-timeline__item--website_visit:before{background:var(--bt-text-muted)}.bt-timeline__time{font-family:var(--font-mono);font-size:11px;color:var(--bt-text-muted)}.bt-timeline__desc{font-size:13px;color:var(--bt-text-primary);margin-top:1px}.bt-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.bt-screenshot-card{background:var(--bt-navy-card);border:1px solid var(--bt-navy-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.bt-screenshot-card:hover{border-color:var(--bt-cyan);transform:translateY(-2px)}.bt-screenshot-card__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.bt-screenshot-card__img.blurred{filter:blur(8px)}.bt-screenshot-card__footer{padding:8px 10px;display:flex;justify-content:space-between;align-items:center}.bt-screenshot-card__time{font-family:var(--font-mono);font-size:11px;color:var(--bt-text-muted)}.bt-spinner{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--bt-text-muted);gap:10px;font-size:13px}.bt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--bt-text-muted);text-align:center}.bt-empty i{font-size:40px;margin-bottom:16px;opacity:.4}.bt-empty p{font-size:14px}.bt-empty small{font-size:12px;margin-top:4px}.bt-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.bt-page-header__title{font-size:20px;font-weight:700;color:var(--bt-text-primary);line-height:1.2}.bt-page-header__subtitle{font-size:13px;color:var(--bt-text-muted);margin-top:4px}.text-cyan{color:var(--bt-cyan)!important}.text-muted-bt{color:var(--bt-text-muted)!important}.text-secondary-bt{color:var(--bt-text-secondary)!important}.font-mono{font-family:var(--font-mono)}.border-bt{border-color:var(--bt-navy-border)!important}.bg-card{background:var(--bt-navy-card)!important}