*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg1: #111111;--bg2: #181818;--bg3: #222222;--border: #2a2a2a;--border2: #333333;--text: #e8e8e8;--text2: #aaaaaa;--text3: #666666;--orange: #ff6600;--orange2: #ff8833;--amber: #ffaa00;--green: #00cc44;--green2: #00ff55;--red: #ff3333;--red2: #ff6666;--blue: #0088ff;--blue2: #33aaff;--yellow: #ffcc00;--cyan: #00cccc;--font: "IBM Plex Mono", "JetBrains Mono", "Courier New", monospace}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:12px;line-height:1.4;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.mono{font-family:var(--font)}.upper{text-transform:uppercase;letter-spacing:.08em}.clamp1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-orange{color:var(--orange)}.tag-green{color:var(--green)}.tag-red{color:var(--red)}.tag-blue{color:var(--blue)}.tag-amber{color:var(--amber)}.tag-cyan{color:var(--cyan)}.tag-dim{color:var(--text3)}.panel{background:var(--bg1);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}.panel-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--orange)}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.badge{display:inline-block;padding:1px 5px;border-radius:2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-orange{background:#f602;color:var(--orange);border:1px solid #ff660044}.badge-green{background:#0c42;color:var(--green);border:1px solid #00cc4444}.badge-red{background:#f332;color:var(--red);border:1px solid #ff333344}.badge-amber{background:#fa02;color:var(--amber);border:1px solid #ffaa0044}.badge-blue{background:#08f2;color:var(--blue);border:1px solid #0088ff44}.badge-dim{background:#3332;color:var(--text3);border:1px solid #33333344}.btn{font-family:var(--font);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;transition:all .1s}.btn:hover{border-color:var(--orange);color:var(--orange)}.btn.active{background:var(--orange);border-color:var(--orange);color:#000}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:var(--bg1);border:1px solid var(--border2);width:420px;max-width:92vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg2);border-bottom:1px solid var(--border)}.modal-title{font-size:11px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.08em}.modal-close{background:none;border:none;color:var(--text3);font-size:16px;cursor:pointer;line-height:1;padding:2px 6px}.modal-close:hover{color:var(--text)}.modal-body{padding:12px;overflow-y:auto}.bono-entry-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.bono-entry{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg2);border:1px solid var(--border);font-size:11px}.bono-entry-amount{font-weight:700;color:var(--text);white-space:nowrap}.bono-entry-desc{flex:1;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bono-entry-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:0 4px}.bono-entry-del:hover{color:var(--red)}.row-add-btn{background:none;border:1px dashed var(--border2);color:var(--text3);width:16px;height:16px;line-height:1;font-size:11px;border-radius:2px;cursor:pointer;margin-left:6px;flex-shrink:0;vertical-align:middle}.row-add-btn:hover{color:var(--orange);border-color:var(--orange)}.yolo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.yolo-thumb{position:relative;cursor:pointer;border:1px solid var(--border);background:var(--bg2);overflow:hidden;aspect-ratio:4 / 3}.yolo-thumb:hover{border-color:var(--orange)}.yolo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.yolo-thumb-badge{position:absolute;top:4px;right:4px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 5px;background:#000000bf;color:var(--text3);border:1px solid var(--border2)}.yolo-thumb-badge.yolo-thumb-labeled{color:var(--green);border-color:var(--green)}.yolo-thumb-time{position:absolute;bottom:4px;left:4px;font-size:8px;color:var(--text2);background:#000000bf;padding:1px 4px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 4px var(--green);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.25}}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{padding:4px 8px;text-align:left;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th:hover{color:var(--orange)}.data-table td{padding:5px 8px;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg2);cursor:pointer}.cam-report-row{padding:5px 8px;border-bottom:1px solid var(--border)}.cam-report-row:last-child{border-bottom:none}.cam-report-row:hover{background:var(--bg2)}.cam-report-meta{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:2px}.cam-report-note{font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-bar{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden;min-width:60px}.progress-fill{height:100%;border-radius:2px;transition:width .3s}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-box{width:340px;background:var(--bg1);border:1px solid var(--border);padding:32px}.login-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--orange);letter-spacing:.05em;margin-bottom:4px}.login-subtitle{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:28px}.login-label{display:block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:6px}.login-input{width:100%;font-family:var(--font);font-size:13px;padding:8px 10px;background:var(--bg2);border:1px solid var(--border2);color:var(--text);outline:none;margin-bottom:20px}.login-input:focus{border-color:var(--orange)}.login-btn{width:100%;font-family:var(--font);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:10px;background:var(--orange);border:none;color:#000;cursor:pointer;transition:background .15s}.login-btn:hover{background:var(--orange2)}.login-error{font-size:10px;color:var(--red);margin-top:10px;text-align:center}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;background:var(--bg1);border-bottom:2px solid var(--orange);padding:0 12px;height:44px;flex-shrink:0;gap:0}.topbar-logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--orange);letter-spacing:.05em;padding-right:16px;border-right:1px solid var(--border2);margin-right:12px;white-space:nowrap}.topbar-kpis{display:flex;align-items:center;gap:0;flex:1;overflow:hidden}.kpi-cell{display:flex;flex-direction:column;padding:2px 14px;border-right:1px solid var(--border);min-width:80px}.kpi-label{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);white-space:nowrap}.kpi-value{font-size:16px;font-weight:700;line-height:1.1;white-space:nowrap}.kpi-delta{font-size:9px;font-weight:500}.topbar-right{display:flex;align-items:center;gap:12px;padding-left:12px;border-left:1px solid var(--border2);flex-shrink:0}.topbar-clock{font-size:13px;font-weight:600;color:var(--text2);white-space:nowrap}.topbar-nav{display:flex;gap:4px}.nav-btn{font-family:var(--font);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;background:none;border:1px solid transparent;color:var(--text3);cursor:pointer}.nav-btn:hover{color:var(--orange);border-color:var(--border2)}.nav-btn.active{color:var(--orange);border-color:var(--orange);background:#f601}.logout-btn{font-family:var(--font);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;background:none;border:1px solid var(--border2);color:var(--text3);cursor:pointer}.logout-btn:hover{color:var(--red);border-color:var(--red)}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.dashboard-solo{height:100%;padding:4px;display:flex;flex-direction:column;gap:4px}.dashboard-solo>.panel{flex:1;min-height:0}.weekly-bars{display:flex;align-items:flex-end;gap:14px;padding:10px 8px 0;flex:1}.weekly-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;height:100%;justify-content:flex-end}.weekly-bar-total{font-size:10px;font-weight:700;color:var(--text2);margin-bottom:4px}.weekly-bar-track{position:relative;width:100%;max-width:64px;flex:1;background:var(--bg3);border-radius:2px;overflow:hidden}.weekly-bar-stack{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column-reverse}.weekly-bar-stack>div{width:100%;cursor:pointer}.weekly-bar-stack>div:hover{filter:brightness(1.3)}.weekly-bar-label{font-size:9px;color:var(--text3);letter-spacing:.05em;margin-top:6px;white-space:nowrap}.weekly-legend{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 8px 4px;border-top:1px solid var(--border);flex-shrink:0}.weekly-legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text2);cursor:pointer;white-space:nowrap}.weekly-legend-item:hover{color:var(--text)}.weekly-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.ops-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:40% 1fr;gap:4px;padding:4px;height:100%;overflow:hidden}.ops-grid>:first-child{grid-column:1 / -1}.ticker-bar{height:28px;background:var(--bg2);border-top:1px solid var(--border);display:flex;align-items:center;overflow:hidden;flex-shrink:0;padding:0 8px;gap:8px}.ticker-label{font-size:9px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-right:1px solid var(--border2);padding-right:8px;flex-shrink:0}.ticker-scroll{flex:1;overflow:hidden;white-space:nowrap}.ticker-inner{display:inline-block;animation:ticker-move 60s linear infinite}.ticker-inner:hover{animation-play-state:paused}.ticker-entry{display:inline-block;padding:0 20px;font-size:10px}.ticker-sep{color:var(--border2)}@keyframes ticker-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.clients-page{padding:8px;height:100%;overflow-y:auto}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px}.client-card{background:var(--bg1);border:1px solid var(--border);padding:12px;cursor:pointer;transition:border-color .15s}.client-card:hover{border-color:var(--orange)}.client-card-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}.client-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px}.client-stat{display:flex;flex-direction:column}.client-stat-label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.client-stat-value{font-size:14px;font-weight:700}.detail-page{padding:8px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.detail-header{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg1);border:1px solid var(--border)}.detail-back{font-family:var(--font);font-size:10px;font-weight:600;color:var(--text3);background:none;border:1px solid var(--border2);padding:3px 8px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.detail-back:hover{color:var(--orange);border-color:var(--orange)}.detail-name{font-size:18px;font-weight:700;color:var(--orange)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.emp-layout{display:flex;gap:6px;flex:1;overflow:hidden}.emp-sidebar{width:200px;flex-shrink:0;background:var(--bg1);border:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;overflow-y:auto}.emp-avatar{width:60px;height:60px;border-radius:50%;background:var(--bg3);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border:2px solid var(--orange);margin-bottom:6px;flex-shrink:0}.emp-sidebar-name{font-size:13px;font-weight:700;color:var(--text);text-align:center}.emp-sidebar-role{font-size:10px;color:var(--text3);text-align:center;margin-bottom:8px}.emp-sidebar-fact{width:100%;display:flex;justify-content:space-between;gap:6px;font-size:9px;padding:5px 0;border-bottom:1px solid var(--border)}.emp-sidebar-fact span:first-child{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.emp-sidebar-fact span:last-child{color:var(--text2);font-weight:600;text-align:right}.emp-sidebar-actions{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:10px}.emp-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.emp-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:6px;overflow-x:auto}.emp-tab{font-family:var(--font);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text3);cursor:pointer;white-space:nowrap}.emp-tab:hover{color:var(--text2)}.emp-tab.active{color:var(--orange);border-bottom-color:var(--orange)}.emp-tab-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.heatmap-scroll{overflow-x:auto;padding-bottom:4px}.heatmap-months{display:flex;gap:3px;font-size:8px;color:var(--text3);margin-bottom:2px;text-transform:uppercase}.heatmap-grid{display:flex;gap:3px}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-cell{width:10px;height:10px;border-radius:2px}.legal-disclaimer{font-size:9px;color:var(--text3);background:var(--bg2);border:1px solid var(--border2);padding:6px 10px;line-height:1.5}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)}.recharts-text{fill:var(--text3);font-family:var(--font);font-size:10px}.recharts-legend-item-text{color:var(--text2)!important;font-family:var(--font)!important;font-size:10px!important}.recharts-tooltip-wrapper{outline:none}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.empty{padding:16px;text-align:center;color:var(--text3);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.divider{height:1px;background:var(--border);margin:6px 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.form-field{display:flex;flex-direction:column;gap:4px}.form-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.form-input{font-family:var(--font);font-size:11px;padding:5px 8px;background:var(--bg2);border:1px solid var(--border2);color:var(--text);outline:none;width:100%}.form-input:focus{border-color:var(--orange)}.form-input[type=file]{padding:4px;font-size:10px;color:var(--text2)}