:root{color:#0b1c30;background:#f8f9ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1.35;letter-spacing:0;--app-bg: #f8f9ff;--surface: #ffffff;--surface-strong: #ffffff;--surface-soft: #eff4ff;--line: #e5e7eb;--line-strong: #c9c4d8;--text: #0b1c30;--muted: #484555;--blue: #5b3cdd;--blue-soft: #e5deff;--green: #006c49;--green-soft: #dcfff0;--orange: #a36700;--orange-soft: #ffddb8;--purple: #5b3cdd;--purple-soft: #e5deff;--red: #ba1a1a;--red-soft: #ffdad6;--shadow: 0 1px 2px rgba(11, 28, 48, .06);--shadow-soft: 0 1px 2px rgba(11, 28, 48, .04);--inset: inset 0 1px 0 rgba(255, 255, 255, .7);--radius: 8px;--sidebar-width: 240px;--sidebar-mini: 64px}html,body,#root{height:100%}[data-theme=dark]{color:#e8efff;background:#10182a;--app-bg: #10182a;--surface: rgba(20, 30, 52, .82);--surface-strong: rgba(24, 35, 60, .96);--surface-soft: rgba(17, 26, 46, .8);--line: #304266;--line-strong: #43587e;--text: #e8efff;--muted: #9eadd0;--blue: #72a7ff;--blue-soft: rgba(77, 129, 232, .18);--green: #2dda79;--green-soft: rgba(45, 218, 121, .16);--orange: #ff9b2e;--orange-soft: rgba(255, 155, 46, .16);--purple: #a889ff;--purple-soft: rgba(168, 137, 255, .18);--red: #ff6b7f;--red-soft: rgba(255, 107, 127, .16);--shadow: 0 8px 22px rgba(0, 0, 0, .22);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .18);--inset: inset 0 1px 0 rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--app-bg)}[data-theme=dark] body{background:radial-gradient(circle at 24% 0%,rgba(114,167,255,.14),transparent 32%),radial-gradient(circle at 92% 8%,rgba(45,218,121,.1),transparent 24%),linear-gradient(135deg,#10182a,#14213b 55%,#0f1728)}body,p,td,th,li,input,select,textarea,button,.button-link{font-size:11px}button,input,select,textarea{font:inherit;letter-spacing:0}h1,h2,h3,h4,h5,h6,.section-title,.panel h2,.drawer h2{letter-spacing:0}button,.button-link{align-items:center;background:#5b3cdd;border:1px solid #5b3cdd;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;justify-content:center;min-height:30px;padding:0 11px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;white-space:nowrap}button:hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 8px 16px #5b3cdd29,var(--inset)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;outline-offset:2px}button.icon-button{background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow-soft),var(--inset);color:var(--text);height:36px;min-height:36px;padding:0;width:36px}button.icon-button:hover{background:#fff;border-color:var(--line-strong);color:var(--blue)}button.ghost,.button-link.ghost{background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow-soft),var(--inset);color:var(--blue)}button.ghost:hover{border-color:#246bfe61;background:#fff}input,select,textarea{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--inset);color:var(--text);min-height:30px;padding:0 9px;width:100%}textarea{min-height:112px;padding:9px;resize:vertical}label{color:var(--muted);display:grid;gap:5px;font-weight:700}code{background:#f6f9ff;border:1px solid var(--line);border-radius:var(--radius);color:var(--blue);overflow-wrap:anywhere;padding:7px 9px}.login-page{align-items:center;display:flex;min-height:100vh;justify-content:center;overflow:auto;padding:24px;position:relative}.login-page:before{background:linear-gradient(115deg,rgba(36,107,254,.08),transparent 38%),linear-gradient(250deg,rgba(18,201,91,.1),transparent 36%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.login-shell{align-items:center;display:grid;gap:16px;grid-template-columns:1fr;max-width:440px;position:relative;width:100%;z-index:1}.login-brand{align-items:center;display:grid;justify-items:center;gap:6px;margin-bottom:4px;text-align:center}.login-brand .mark{height:40px;min-width:40px;width:40px}.login-brand strong{color:var(--text);font-size:18px;font-weight:800}.login-brand span{color:var(--muted);font-size:13px}.stitch-login-shell .login-card{box-shadow:var(--shadow);gap:18px;padding:40px}.stitch-login-shell .login-card:before{display:none}.login-title{display:grid;gap:8px;margin-bottom:4px}.login-title h1{color:var(--text);font-size:24px;font-weight:600;line-height:32px;margin:0}.login-title p{color:var(--muted);font-size:14px;margin:0}.label-row{align-items:center;display:flex;justify-content:space-between;width:100%}.link-button{background:transparent;border:0;box-shadow:none;color:var(--blue);font-size:12px;min-height:0;padding:0}.link-button:hover{background:transparent;box-shadow:none;transform:none}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:var(--muted);left:12px;position:absolute;z-index:1}.input-with-icon input{padding-left:38px}.checkbox-row{align-items:center;display:flex;gap:8px;grid-template-columns:none}.checkbox-row input{min-height:16px;padding:0;width:16px}.login-copy{background:linear-gradient(145deg,#fffffff5,#f7faffc7),radial-gradient(circle at 82% 16%,rgba(36,107,254,.18),transparent 34%);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px #324a8224,var(--inset);overflow:hidden;padding:30px;position:relative}.login-copy:after{background:linear-gradient(135deg,rgba(255,138,0,.18),transparent 46%);content:"";height:170px;position:absolute;right:-70px;top:-70px;transform:rotate(18deg);width:230px}.brand-lockup,.workspace-mark{align-items:center;display:flex;gap:10px}.brand-lockup{color:var(--orange);font-weight:900;margin-bottom:22px;position:relative;text-transform:uppercase;z-index:1}.login-hero-grid{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 110px;position:relative;z-index:1}.login-copy h1{color:var(--text);font-size:13px;margin:0 0 10px}.login-copy p{color:var(--muted);margin:0;max-width:640px}.login-orbit{align-items:center;background:linear-gradient(145deg,#fff,#edf4ff);border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 34px #246bfe29,var(--inset);display:flex;height:96px;justify-content:center;position:relative;width:96px}.login-orbit span{border:2px solid rgba(36,107,254,.22);border-radius:999px;position:absolute}.login-orbit span:nth-child(1){height:70px;width:70px}.login-orbit span:nth-child(2){height:42px;transform:rotate(60deg);width:88px}.login-orbit span:nth-child(3){background:var(--orange);border:0;box-shadow:0 0 0 8px var(--orange-soft);height:10px;width:10px}.login-dashboard-art{background:linear-gradient(145deg,#ffffffe0,#ebf3ffd1);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 38px #324a8221,var(--inset);display:grid;gap:12px;grid-template-columns:minmax(0,1.4fr) minmax(160px,.75fr);margin-top:24px;min-height:230px;padding:18px;position:relative;transform:perspective(900px) rotateX(2deg) rotateY(-3deg);z-index:1}.art-top{align-items:center;display:flex;gap:8px;grid-column:1 / -1}.art-top span{background:var(--blue-soft);border-radius:999px;height:8px;width:42px}.art-top span:first-child{background:var(--orange);width:12px}.art-grid{align-items:end;background:linear-gradient(180deg,#246bfe0f,#12c95b0d);border:1px solid var(--line);border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);min-height:132px;padding:16px}.art-grid i{background:linear-gradient(180deg,#35db78,#246bfe);border-radius:999px 999px 5px 5px;box-shadow:0 12px 22px #246bfe29;display:block}.art-panel{background:#ffffffbd;border:1px solid var(--line);border-radius:10px;display:grid;gap:10px;padding:16px}.art-panel b{background:linear-gradient(90deg,var(--blue-soft),#fff);border-radius:999px;height:12px}.art-card{background:#ffffffdb;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-soft),var(--inset);display:grid;gap:3px;padding:12px}.art-card.primary{border-color:#12c95b57}.art-card strong{color:var(--blue);font-size:13px}.art-card span{color:var(--muted)}.login-stats{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;position:relative;z-index:1}.login-stats span{align-items:flex-start;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft),var(--inset);color:var(--muted);display:grid;gap:5px;padding:10px 12px}.login-stats svg{color:var(--blue)}.login-stats strong{color:var(--text);display:block;font-size:13px}.login-card,.panel,.metric,.empty,.data-card,.command-strip,.tabs,.summary-strip .status-row,.shot-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),var(--inset)}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;gap:13px;padding:24px;position:relative}.login-card:before{background:linear-gradient(120deg,rgba(36,107,254,.12),transparent 42%,rgba(18,201,91,.12));border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.login-card>*{position:relative;z-index:1}.login-card-head{align-items:center;display:flex;gap:12px;margin-bottom:4px}.login-card-head span{color:var(--blue);display:block;font-weight:900;text-transform:uppercase}.card-icon,.nav-icon{align-items:center;background:var(--blue-soft);border-radius:var(--radius);color:var(--blue);display:flex;justify-content:center}.card-icon{height:42px;width:42px}.login-card h2{margin:0}.login-security{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.login-security span{align-items:center;background:var(--blue-soft);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);display:flex;gap:6px;font-weight:800;padding:8px}.login-security svg{color:var(--blue)}.login-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.login-links a,.public-back,.status-row a{color:var(--blue);font-weight:900;text-decoration:none}.login-links a:hover,.public-back:hover,.status-row a:hover{text-decoration:underline}.error{background:var(--red-soft);border:1px solid rgba(255,54,82,.3);border-radius:var(--radius);color:#b70f28;padding:9px}.error.banner{margin-bottom:14px}.success{background:var(--green-soft);border:1px solid rgba(18,201,91,.3);border-radius:var(--radius);color:#087b37;padding:9px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100vh;min-height:100vh;overflow:hidden;transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-mini) minmax(0,1fr)}.sidebar{background:#0c0c3a;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;margin:0;min-width:0;overflow:hidden;padding:16px 12px}.workspace-mark{margin-bottom:16px;min-height:48px;position:relative}.mark{align-items:center;background:#5b3cdd;border-radius:8px;color:#fff;display:flex;font-weight:900;height:42px;justify-content:center;min-width:42px}.workspace-mark strong{color:#fff;display:block;font-size:13px;line-height:1.1}.workspace-mark span{color:#c9bfff;display:block;font-weight:700;margin-top:2px}.sidebar-close{display:none!important;margin-left:auto}nav{display:grid;flex:1;gap:5px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-color:transparent transparent;scrollbar-width:thin}.sidebar:hover nav{scrollbar-color:rgba(101,113,153,.38) transparent}nav::-webkit-scrollbar{width:0}.sidebar:hover nav::-webkit-scrollbar{width:6px}nav::-webkit-scrollbar-track{background:transparent}nav::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.sidebar:hover nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#246bfe5c,#ff8a006b)}nav::-webkit-scrollbar-button{display:none;height:0;width:0}.nav-group{display:grid;gap:5px;margin-bottom:10px}.nav-heading{color:#9ca3c7;font-size:10px;font-weight:900;padding:5px 8px 2px;text-transform:uppercase}nav button,.logout{background:transparent;border:1px solid transparent;box-shadow:none;color:#eaf1ff;justify-content:flex-start;min-height:38px;padding:0 10px;width:100%}nav button:hover,nav button.active{background:#c9bfff29;border-color:#c9bfff3d;color:#fff}nav button.active .nav-icon,nav button:hover .nav-icon{background:#ffffff3d;color:#fff}.nav-icon{height:28px;min-width:28px}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{margin-top:auto;color:#c9bfff}.sidebar-collapsed .sidebar{align-items:center;padding:12px 10px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-heading,.sidebar-collapsed .nav-label,.sidebar-collapsed .logout{display:none}.sidebar-collapsed nav button{justify-content:center;padding:0;width:42px}.sidebar-collapsed .workspace-mark{justify-content:center}.workspace{height:100vh;min-width:0;overflow:auto;scrollbar-gutter:stable}.topbar{align-items:center;display:flex;gap:14px;justify-content:space-between;background:#f8f9ffeb;border-bottom:1px solid var(--line);min-height:64px;margin-bottom:16px;padding:8px 24px;position:sticky;top:0;z-index:3}.topbar-left,.topbar-actions{align-items:center;display:flex;gap:12px;min-width:0}.menu-button{display:none!important}.search-box{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--blue);display:flex;gap:8px;min-width:min(420px,42vw);padding:0 12px}.search-box input{background:transparent;border:0;box-shadow:none;min-height:42px;padding:0}kbd{background:var(--blue-soft);border:1px solid var(--line);border-radius:6px;color:var(--text);font-weight:900;padding:3px 6px}.badge-button{position:relative}.badge-button span{align-items:center;background:var(--red);border:2px solid #fff;border-radius:999px;color:#fff;display:flex;font-size:9px;font-weight:900;height:17px;justify-content:center;position:absolute;right:-4px;top:-6px;width:17px}.profile-chip{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;display:flex;gap:9px;min-height:42px;padding:5px 12px 5px 7px}.profile-chip strong{display:block;font-size:13px}.profile-chip span{color:var(--muted);display:block;font-weight:700}.content{padding:8px 24px 24px}.page-head{align-items:end;display:grid;gap:4px;grid-template-columns:minmax(0,1fr);margin-bottom:13px}.page-head span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.page-head h1{color:var(--text);font-size:24px;font-weight:600;line-height:32px;margin:0}.page-head p{color:var(--muted);font-size:13px;margin:0;max-width:920px}.metric-board{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(130px,1fr));margin-bottom:10px}.metric{display:grid;gap:8px;min-height:108px;padding:16px;position:relative;overflow:hidden}.metric:after{background:var(--blue-soft);content:"";border-radius:999px;height:36px;inset:auto 14px 14px auto;pointer-events:none;position:absolute;width:36px}.metric svg{color:var(--blue)}.metric span,.progress span,.status-row span,.muted{color:var(--muted)}.metric strong{color:var(--text);font-size:24px;font-weight:600;line-height:1}.metric.green svg{color:var(--green)}.metric.red svg{color:var(--red)}.metric.gold svg{color:var(--orange)}.dashboard-grid,.policy-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-board{grid-template-columns:repeat(5,minmax(130px,1fr))}.analytics-command-grid{margin-top:10px}.split-grid{display:grid;gap:10px;grid-template-columns:minmax(220px,.75fr) minmax(0,2fr)}.policy-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:0;overflow:hidden}.panel header{align-items:center;background:#f8f9ff;border-bottom:1px solid var(--line);display:flex;gap:7px;margin:0;padding:14px 16px}.panel header svg{color:var(--blue)}.panel h2,.section-title{color:var(--text);font-size:18px;font-weight:600;line-height:24px;margin:0;text-transform:capitalize}.panel-action{margin-left:auto}.section-title{margin:15px 0 9px}.panel>:not(header){margin:14px 16px}.section-title-row{align-items:center;display:flex;justify-content:space-between;margin:15px 0 9px}.section-title-row .section-title{margin:0}.status-row{align-items:flex-start;border-bottom:1px solid rgba(214,224,245,.62);display:flex;gap:12px;justify-content:space-between;padding:7px 0}.status-row strong{color:var(--text);overflow-wrap:anywhere;text-align:right}.progress{display:grid;gap:6px;margin-bottom:12px}.progress div{display:flex;justify-content:space-between}.progress i,.bar-row i{background:#e8eefb;border-radius:999px;display:block;height:8px;overflow:hidden}.progress b,.bar-row b{background:linear-gradient(90deg,#a6f0c0,var(--green));display:block;height:100%}.progress b.warn{background:linear-gradient(90deg,#ffe1a3,var(--orange))}.progress b.bad{background:linear-gradient(90deg,#ffabb8,var(--red))}.command-strip{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:9px}.command-strip input,.command-strip select{max-width:220px}.command-strip .command-strip-end{margin-left:auto}.summary-strip{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.summary-strip .status-row{padding:10px}.table-card-head{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 12px}.table-card-head span{color:var(--muted);font-weight:700}.action-bar{align-items:center;background:transparent;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:0 0 10px}.action-bar input,.action-bar select{max-width:220px}.pill,.badge{align-items:center;border-radius:999px;display:inline-flex;font-weight:900;line-height:1}.pill{background:var(--blue-soft);border:1px solid var(--line);color:var(--blue);padding:7px 10px}.data-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;background:#f8f9ff;padding:12px 14px}.table-toolbar>span,.cell-subtext,.user-list span{color:var(--muted);display:block;font-weight:700}.table-search{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);color:var(--blue);display:flex;gap:7px;max-width:320px;padding:0 10px;width:100%}.table-search input{background:transparent;border:0;box-shadow:none;min-height:28px;padding:0}.table-search:focus-within{border-color:var(--line);box-shadow:none}.table-search input:focus,.table-search input:focus-visible{outline:0;box-shadow:none}.table-wrap{background:var(--surface-strong);overflow:auto;scrollbar-gutter:stable}.log-table-wrap table{min-width:0;width:100%}.idle-history-table-wrap table{min-width:0}.idle-history-modal{display:grid;gap:18px}.idle-history-summary{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.idle-history-summary>div{align-items:center;background:#eef3ff;border:1px solid #e4e9f5;border-radius:8px;color:#6c687b;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) auto;min-height:54px;padding:12px 16px}.idle-history-summary svg{color:#a66a00}.idle-history-summary span{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.idle-history-summary strong{color:#071326;font-size:18px;font-weight:700}.idle-history-table-wrap{border:1px solid var(--line);border-radius:8px;overflow:hidden}.idle-history-table-wrap th,.idle-history-table-wrap td{padding:14px 22px}.idle-history-table-wrap td{font-weight:600}.idle-history-actions{background:#eef3ff;border-top:1px solid var(--line);display:flex;justify-content:flex-end;margin:24px -14px -14px;padding:14px 22px}.log-table-wrap th,.log-table-wrap td{padding-left:8px;padding-right:8px}.table-wrap-inner{border-radius:0;box-shadow:none}table{border-collapse:collapse;min-width:920px;table-layout:auto;width:100%}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:middle;white-space:nowrap}th{background:#f8f9ff;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}tbody tr{background:var(--surface-strong)}[data-theme=dark] tbody tr{background:#18233c5c}thead th{position:sticky;top:0;z-index:1}td{color:var(--text);max-width:320px;overflow:hidden;text-overflow:ellipsis}.th-button{background:transparent;border:0;box-shadow:none;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;justify-content:flex-start;min-height:auto;padding:0;text-transform:uppercase}.th-button:hover{background:transparent;box-shadow:none;color:var(--blue);transform:none}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#eff4ff}.pagination{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;margin-top:0;padding:10px}.pagination span{color:var(--muted);font-weight:800}.pagination button{min-width:36px}.empty{color:var(--muted);padding:22px}.empty.state{display:grid;gap:5px}.empty.state strong{color:var(--text);font-size:13px}.badge{background:#f8f9ff;border:1px solid var(--line);color:var(--muted);padding:5px 8px;white-space:nowrap}.badge.good{background:#6cf8bb4d;border-color:#6cf8bb;color:#00714d}.badge.bad{background:#ffdad673;border-color:#ba1a1a33;color:#ba1a1a}.badge.warn{background:#ffddb880;border-color:#a367003d;color:#825100}.badge.muted{color:var(--muted)}.user-list{display:grid;gap:7px;padding:10px}.user-list button{align-items:flex-start;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--inset);color:var(--text);display:grid;gap:3px;justify-items:start;min-height:auto;padding:9px;text-align:left}.user-list button.active,.user-list button:hover{background:var(--blue-soft);border-color:#246bfe59;color:var(--blue)}.attendance-status-grid{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(120px,1fr));margin-bottom:10px}.user-productivity-report{min-height:100%}.user-productivity-report .table-toolbar>div{display:grid;gap:2px}.summary-select-head{background:#ffffff8f;border-bottom:1px solid var(--line);padding:8px 10px;position:relative;z-index:8}.summary-select-head strong{color:var(--text);font-size:12px;font-weight:700}.employee-picker-panel{background:#ffffff7a;border:1px solid var(--line);border-radius:10px;display:grid;gap:8px;margin:10px;padding:10px}.employee-select-panel label{display:grid;gap:6px;max-width:420px}.employee-select-panel>span,.employee-select-panel label span{color:var(--muted);font-weight:900}.combo-select{display:grid;gap:5px;max-width:300px;position:relative;width:300px}.combo-control{align-items:center;background:#fff;border:1px solid var(--line-strong);border-radius:7px;box-shadow:0 6px 16px #0f172a0a;display:grid;grid-template-columns:minmax(0,1fr) 28px 1px 28px;min-height:34px;padding:0 5px 0 10px}.combo-control:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 2px #246bfe0f,0 6px 16px #0f172a0a}.combo-control svg{color:var(--blue)}.combo-control input{background:transparent;border:0;box-shadow:none;color:var(--text);font-weight:500;min-height:32px;padding:0}.combo-control>span{background:#d8dce5;display:block;height:20px;width:1px}.combo-control button{background:transparent;border:0;box-shadow:none;color:#6b7280;min-height:26px;padding:0}.combo-control button:hover{color:var(--text)}.combo-menu{background:#fff;border:1px solid #d6dce8;border-radius:7px;box-shadow:0 14px 28px #0f172a1f;display:grid;left:0;max-height:220px;overflow:auto;padding:3px;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.combo-menu button{background:transparent;border:0;border-radius:5px;box-shadow:none;color:#17233f;display:block;font-size:12px;font-weight:500;min-height:30px;overflow:hidden;padding:6px 8px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;z-index:1}.combo-menu button.active,.combo-menu button:hover{background:#e8eefbb8;color:var(--text)}.combo-menu button.active{background:#e8eefb8c;color:var(--text)}.combo-menu p{color:#6b7280;margin:0;padding:7px 8px}.combo-menu button span{color:var(--text);display:block;font-weight:500;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.combo-menu button.active span,.combo-menu button:hover span{color:var(--text)}.productivity-scoreboard{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px}.productivity-scoreboard span{background:linear-gradient(145deg,#ffffffe6,#ebf3ffb8);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft),var(--inset);color:var(--muted);display:grid;gap:3px;min-height:56px;padding:9px}.productivity-scoreboard strong{color:var(--blue);font-size:13px}.report-visual-grid,.report-combo-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px 10px}.report-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-panel{background:#ffffff8a;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--inset);min-height:176px;overflow:hidden;padding:10px}.report-panel h3{color:var(--text);margin:0 0 10px}.report-panel .pie-layout{grid-template-columns:108px minmax(0,1fr);min-height:132px}.report-panel .pie-chart{border-width:7px;box-shadow:0 12px 26px #246bfe1a,inset 0 0 0 12px #ffffffad;height:104px;width:104px}.report-panel .pie-chart span{padding:11px 8px}.attendance-mini-panel{grid-column:span 2}.attendance-mini-list{display:grid;gap:7px;max-height:260px;overflow:auto;padding-right:2px}.attendance-mini-list>div{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:7px;grid-template-columns:minmax(120px,1fr) 78px auto minmax(160px,1.1fr);padding:6px 0}.attendance-mini-list em{color:var(--muted);font-style:normal;text-align:right}.category-curve-panel{grid-column:1 / -1}.category-curve{display:grid;gap:12px;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr)}.category-stacked-chart{background:linear-gradient(180deg,#e8eefb8f,#ffffff1f);border:1px solid var(--line);border-radius:10px;height:190px;overflow:hidden;padding:12px 14px 8px;width:100%}.category-stacked-grid{align-items:end;border-bottom:1px solid rgba(139,160,199,.25);border-left:1px solid rgba(139,160,199,.18);display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));height:100%;min-height:150px;padding:8px 10px 0}.category-stacked-item{align-items:center;display:grid;gap:5px;height:100%;justify-items:center}.category-stacked-bar{align-items:stretch;border-radius:7px 7px 0 0;box-shadow:0 8px 18px #246bfe1a;display:flex;flex-direction:column-reverse;justify-content:flex-start;min-height:8px;overflow:hidden;width:min(34px,72%)}.category-stacked-bar span{display:block;min-height:3px}.category-stacked-item em{color:var(--muted);font-size:10px;font-style:normal;line-height:1}.category-curve-list{display:grid;gap:8px;align-content:start}.category-curve-list div{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;padding:6px 0}.category-curve-list span{align-items:center;color:var(--muted);display:inline-flex;gap:7px;min-width:0}.category-curve-list i{border-radius:999px;height:9px;width:9px}.category-curve-list strong{color:var(--blue)}.compact-rank-bars{display:grid;gap:9px}.compact-rank-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(90px,1fr) minmax(90px,1.2fr) 46px}.compact-rank-row span{align-items:center;color:var(--muted);display:flex;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-rank-row span b{align-items:center;background:var(--blue-soft);border:1px solid var(--line);border-radius:999px;color:var(--blue);display:inline-flex;flex:0 0 auto;height:20px;justify-content:center;width:20px}.compact-rank-row i{background:#e8eefb;border-radius:999px;display:block;height:8px;overflow:hidden}.compact-rank-row em{background:linear-gradient(90deg,#9be7b3,var(--green));display:block;height:100%}.compact-rank-row strong{color:var(--blue);text-align:right}.card-tools{align-items:center;display:flex;gap:6px;margin-left:auto}.card-tools select{min-height:30px;max-width:132px}.card-tools .icon-button{height:30px;min-height:30px;width:30px}.vertical-chart{align-items:end;display:grid;gap:10px;grid-auto-flow:column;grid-auto-columns:minmax(34px,1fr);min-height:210px;overflow-x:auto;padding:10px 4px 0}.vertical-stack{align-items:center;display:grid;gap:5px;grid-template-rows:1fr auto auto auto;min-width:34px}.stack-column{align-self:end;background:#e8eefb;border-radius:999px 999px 5px 5px;box-shadow:inset 0 0 0 1px #ffffff8a,0 12px 22px #246bfe1f;display:flex;flex-direction:column-reverse;min-height:8px;overflow:hidden;width:28px}.stack-column span{display:block;min-height:0}.stack-column .good,.color-legend i.good{background:var(--green)}.stack-column .blue,.color-legend i.blue{background:var(--blue)}.stack-column .warn,.color-legend i.warn{background:var(--orange)}.stack-column .bad,.color-legend i.bad{background:var(--red)}.color-legend i.muted{background:var(--muted)}.vertical-stack small,.vertical-stack em{color:var(--muted);max-width:52px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.vertical-stack b{color:var(--blue)}.vertical-stack em{font-style:normal}.stacked-row-chart{display:grid;gap:10px;min-height:210px;padding:8px 0 2px}.stacked-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(72px,112px) minmax(120px,1fr) 54px 52px}.attendance-trend-chart .stacked-row{grid-template-columns:minmax(72px,112px) minmax(120px,1fr)}.department-stack-chart .stacked-row{grid-template-columns:minmax(90px,132px) minmax(120px,1fr) 58px}.stacked-row>span,.stacked-row em{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stacked-row strong{color:var(--blue);text-align:right}.stacked-row em{font-style:normal;text-align:right}.stack-track{align-items:stretch;background:#e8eefb;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff94;display:flex;height:13px;overflow:hidden}.stack-track i{display:block;min-width:2px}.stack-track .good,.color-legend i.good{background:var(--green)}.stack-track .blue,.color-legend i.blue{background:var(--blue)}.stack-track .warn,.color-legend i.warn{background:var(--orange)}.stack-track .bad,.color-legend i.bad{background:var(--red)}.color-legend{align-items:center;border-top:1px solid rgba(214,224,245,.62);display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:9px}.color-legend span{align-items:center;color:var(--muted);display:inline-flex;gap:5px;font-weight:800}.color-legend i{border-radius:999px;height:9px;width:9px}.shot-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(205px,1fr))}.shot-card{display:grid;gap:9px;padding:10px}.shot-preview{align-items:center;aspect-ratio:16 / 9;background:linear-gradient(145deg,#eaf1ff,#fff);border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--blue);display:flex;justify-content:center;min-height:0;padding:0;width:100%}.shot-preview img{border-radius:var(--radius);height:100%;object-fit:cover;width:100%}.shot-card strong,.shot-card span{display:block}.shot-card span,.shot-card p{color:var(--muted);margin:0}.shot-meta{display:flex;flex-wrap:wrap;gap:5px}.shot-meta span{background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;padding:4px 7px}.modal-form{display:grid;gap:9px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.access-role-form{gap:22px}.access-role-fields{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.access-role-form input::placeholder{color:#c9c3db}.access-role-permissions-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:10px}.access-role-permissions-head h3{color:var(--text);font-size:18px;font-weight:500;letter-spacing:.04em;margin:0;text-transform:uppercase}.access-role-permissions-head div{display:flex;gap:18px}.text-button{background:transparent;border:0;box-shadow:none;color:var(--blue);min-height:auto;padding:0}.text-button.muted{color:var(--muted)}.access-role-permissions{display:grid;gap:26px 44px;grid-template-columns:repeat(3,minmax(0,1fr))}.access-role-check{align-items:center;color:var(--muted)!important;display:flex!important;flex-direction:row;font-size:18px;font-weight:500!important;gap:14px!important}.access-role-check.super{color:var(--text)!important;font-size:14px;font-weight:800!important;margin-top:-10px}.access-role-check input{border-radius:4px;min-height:18px;width:18px}.access-role-actions{border-top:1px solid var(--line);margin:4px -14px -14px;padding:18px 28px}.rte{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rte-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:6px;padding:7px}.rte-toolbar button{height:30px;min-height:30px;min-width:30px;padding:0}.rte-editor{color:var(--text);min-height:160px;outline:0;padding:10px}.rich-output{color:var(--text);line-height:1.55;margin-top:16px}.rich-output p{margin:0 0 10px}.public-page{align-items:flex-start;display:flex;min-height:100vh;justify-content:center;overflow:auto;padding:34px 18px}.public-document{background:linear-gradient(145deg,var(--surface-strong),var(--surface-soft));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),var(--inset);max-width:860px;padding:24px;width:100%}.public-document>span{color:var(--blue);display:block;font-weight:900;text-transform:uppercase}.public-document h1{margin:10px 0 6px}.public-document>p{color:var(--muted);margin:0}.mini-form,.policy-form{display:grid;gap:8px;margin-bottom:10px}.policy-form{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-form button,.mini-form button{width:fit-content}.check{align-items:center;color:var(--text)!important;display:flex!important;flex-direction:row;gap:7px!important}.check input{min-height:auto;width:auto}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.form-status{color:var(--blue);margin:0}.mini-list{display:grid;gap:7px;margin-top:9px}.mini-list span{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);padding:7px 9px}.category-list span{align-items:center;display:grid;gap:7px;grid-template-columns:minmax(0,1fr) auto auto}.category-list span strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-list .icon-button{height:28px;min-height:28px;width:28px}.bar-list{display:grid;gap:10px}.bar-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(94px,1fr) minmax(110px,2fr) 58px}.bar-row span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row strong{color:var(--blue);text-align:right}.analytics-visuals{margin:10px 0}.pie-layout{align-items:center;display:grid;gap:14px;grid-template-columns:150px minmax(0,1fr);min-height:170px}.pie-chart{align-items:center;border:10px solid rgba(255,255,255,.44);border-radius:999px;box-shadow:0 18px 35px #246bfe1f,inset 0 0 0 18px #ffffffb8;display:flex;height:140px;justify-content:center;position:relative;width:140px}.pie-chart span{background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;color:var(--text);font-weight:900;padding:16px 12px}.pie-legend{display:grid;gap:7px}.pie-legend span{align-items:center;color:var(--muted);display:grid;gap:7px;grid-template-columns:10px minmax(0,1fr) auto}.pie-legend i{border-radius:999px;height:10px;width:10px}.pie-legend strong{color:var(--blue)}.line-chart{align-items:end;display:grid;gap:8px;grid-template-columns:repeat(10,minmax(16px,1fr));min-height:170px;padding:12px 4px 0}.line-bar{align-items:center;display:grid;gap:6px;grid-template-rows:1fr auto;height:150px}.line-bar span{align-self:end;background:linear-gradient(180deg,#4ade80,#246bfe);border-radius:999px 999px 4px 4px;box-shadow:0 10px 22px #246bfe2e;display:block;min-height:5px}.line-bar small{color:var(--muted);overflow:hidden;text-align:center;text-overflow:ellipsis}.analytics-detail{display:grid;gap:12px}.detail-download-bar{align-items:center;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr)) auto}.detail-filters{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:7px}.tabs button{background:transparent;border:1px solid transparent;box-shadow:none;color:var(--muted)}.tabs button.active,.tabs button:hover{background:#fff;border-color:var(--line);box-shadow:var(--shadow-soft),var(--inset);color:var(--blue)}[data-theme=dark] .tabs button.active,[data-theme=dark] .tabs button:hover{background:var(--surface-strong)}.drawer-backdrop{align-items:center;background:#151f415c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:20}.drawer{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 48px #1c30632e;max-height:min(760px,calc(100vh - 36px));max-width:min(620px,calc(100vw - 28px));overflow:auto;padding:14px;width:100%}.drawer.wide{max-width:min(1180px,calc(100vw - 28px))}.drawer>header{align-items:flex-start;background:#f8f9ff;border-bottom:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;margin:-14px -14px 12px;padding:14px}.drawer h2{color:var(--text);font-size:18px;font-weight:600;line-height:24px;margin:0 0 3px}.drawer p{color:var(--muted);margin:0}.detail-grid{display:grid;gap:8px}.drawer-shot{align-items:center;aspect-ratio:16 / 9;background:#eef4ff;border:1px solid var(--line);border-radius:var(--radius);display:flex;justify-content:center;overflow:hidden}.drawer-shot img{height:100%;object-fit:cover;width:100%}.toast{border-radius:var(--radius);bottom:18px;box-shadow:var(--shadow);color:#fff;font-weight:900;max-width:min(420px,calc(100vw - 32px));padding:10px 12px;position:fixed;right:18px;z-index:30}.toast.success{background:linear-gradient(180deg,#25d66b,#0db44d);border:0}.toast.error{background:linear-gradient(180deg,#ff6074,#f21e3c);border:0}.skeleton-list{display:grid;gap:8px}.skeleton-list span{animation:pulse 1.2s infinite ease-in-out;background:linear-gradient(90deg,#edf3ff,#fff,#edf3ff);border-radius:var(--radius);height:34px}@keyframes pulse{0%,to{opacity:.58}50%{opacity:1}}@media(max-width:1180px){.metric-board,.attendance-board,.attendance-status-grid,.dashboard-grid,.policy-grid,.shot-grid,.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar-scrim{background:#151f4157;border:0;border-radius:0;top:0;right:0;bottom:0;left:0;min-height:0;padding:0;position:fixed;width:100%;z-index:24}.sidebar{bottom:8px;left:0;max-width:292px;position:fixed;top:0;transform:translate(-110%);transition:transform .2s ease;width:86vw;z-index:25}.sidebar.open{transform:translate(0)}.sidebar-close,.menu-button{display:inline-flex!important}.collapse-button{display:none!important}.topbar{align-items:stretch;flex-direction:column}.topbar-left,.topbar-actions{justify-content:space-between;width:100%}.search-box{flex:1;min-width:0}.content{padding:0 12px 14px}.login-shell,.split-grid,.policy-grid.two,.report-visual-grid{grid-template-columns:1fr}.login-dashboard-art{transform:none}.detail-filters,.detail-download-bar,.pie-layout,.productivity-scoreboard{grid-template-columns:1fr}}@media(max-width:560px){.metric-board,.attendance-board,.attendance-status-grid,.dashboard-grid,.policy-grid,.shot-grid,.summary-strip{grid-template-columns:1fr}.command-strip input,.command-strip select,.command-strip button,.button-link{max-width:none;width:100%}.policy-form{grid-template-columns:1fr}.profile-chip div,.topbar-actions .icon-button:first-child,kbd{display:none}.login-page{padding:12px}.login-copy{padding:18px}.login-hero-grid,.login-dashboard-art,.login-stats,.login-security{grid-template-columns:1fr}.login-orbit{display:none}.art-card{min-height:58px}}.ops-command-header,.enterprise-filter-bar,.enterprise-widget,.enterprise-kpi,.analytics-left,.analytics-right .enterprise-widget{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),var(--inset)}.page-loader{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#f7f9ff94;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);color:var(--text);display:flex;gap:10px;left:50%;min-height:46px;padding:10px 18px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:18}.page-loader span{animation:page-loader-spin .8s linear infinite;border:3px solid rgba(105,65,230,.18);border-top-color:var(--blue);border-radius:50%;height:20px;width:20px}.page-loader strong{font-size:13px;font-weight:800}@keyframes page-loader-spin{to{transform:rotate(360deg)}}[data-theme=dark] .ops-command-header,[data-theme=dark] .enterprise-filter-bar,[data-theme=dark] .enterprise-widget,[data-theme=dark] .enterprise-kpi,[data-theme=dark] .analytics-left,[data-theme=dark] .analytics-right .enterprise-widget{background:linear-gradient(145deg,#18233ceb,#111a2ec7),radial-gradient(circle at 12% 0%,rgba(114,167,255,.1),transparent 38%),radial-gradient(circle at 92% 12%,rgba(45,218,121,.08),transparent 34%)}.ops-command-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:12px;min-height:68px;padding:12px 16px}.ops-command-header h2{color:var(--text);font-size:13px;margin:5px 0 3px}.ops-command-header p{color:var(--muted);margin:0}.ops-actions,.enterprise-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ops-actions select{min-width:150px;width:auto}.live-pill{align-items:center;color:var(--green);display:inline-flex;font-weight:900;gap:6px}.live-pill span{animation:livePulse 1.4s ease-in-out infinite;background:var(--green);border-radius:999px;box-shadow:0 0 0 5px #12c95b1f;height:7px;width:7px}@keyframes livePulse{50%{opacity:.45;transform:scale(.82)}}.enterprise-filter-bar{margin-bottom:12px;padding:10px}.enterprise-filter-bar input{max-width:170px}.filter-group{align-items:center;display:flex;gap:8px;min-width:190px}.filter-group svg{color:var(--blue)}.enterprise-kpi-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(160px,1fr));margin-bottom:12px}.analytics-kpis{grid-template-columns:repeat(4,minmax(128px,1fr))}.enterprise-kpi{display:grid;gap:8px;min-height:104px;overflow:hidden;padding:12px 13px;position:relative}.enterprise-kpi:after{background:#e5deff;content:"";inset:auto 12px 12px auto;height:36px;position:absolute;transform:none;width:36px}.enterprise-kpi.green:after{background:#dcfff0}.enterprise-kpi.gold:after{background:#ffddb8}.enterprise-kpi.red:after{background:#ffdad6}.enterprise-kpi.purple:after{background:#e5deff}.kpi-top,.kpi-meta,.widget-head,.widget-title,.widget-actions{align-items:center;display:flex}.kpi-top{justify-content:space-between;position:relative;z-index:1}.kpi-top>span{align-items:center;background:var(--blue-soft);border-radius:var(--radius);color:var(--blue);display:inline-flex;height:32px;justify-content:center;width:32px}.enterprise-kpi.green .kpi-top>span{background:var(--green-soft);color:var(--green)}.enterprise-kpi.gold .kpi-top>span{background:var(--orange-soft);color:var(--orange)}.enterprise-kpi.red .kpi-top>span{background:var(--red-soft);color:var(--red)}.enterprise-kpi.purple .kpi-top>span{background:var(--purple-soft);color:var(--purple)}button.icon-only{background:transparent;border:0;box-shadow:none;color:var(--muted);min-height:20px;padding:0}.enterprise-kpi>strong{color:var(--text);font-size:20px;line-height:1;position:relative;z-index:1}.kpi-meta{justify-content:space-between;position:relative;z-index:1}.kpi-meta span{color:var(--muted);font-weight:800}.kpi-meta em{color:var(--blue);font-style:normal;font-weight:900}.command-main-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.enterprise-widget{min-height:220px;padding:14px}.widget-head{border-bottom:1px solid var(--line);gap:10px;justify-content:space-between;margin-bottom:10px;padding-bottom:9px}.widget-title{gap:8px;min-width:0}.widget-title svg{color:var(--blue);flex:0 0 auto}.widget-title h2{color:var(--text);margin:0}.widget-title span{color:var(--muted);display:block;font-weight:800;margin-top:2px}.widget-actions{gap:5px}.widget-actions .icon-button{height:30px;min-height:30px;width:30px}.widget-body{min-height:132px}.workforce-heatmap{display:grid;gap:7px;grid-template-columns:repeat(10,minmax(14px,1fr))}.workforce-heatmap span{aspect-ratio:1;border-radius:6px;box-shadow:inset 0 1px #ffffffb8,0 8px 16px #324a8214}.workforce-heatmap .good{background:linear-gradient(145deg,#8af0b2,#12c95b)}.workforce-heatmap .bad{background:linear-gradient(145deg,#ff9bab,#ff3652)}.workforce-heatmap .warn{background:linear-gradient(145deg,#ffd394,#ff8a00)}.workforce-heatmap .muted{background:linear-gradient(145deg,#e8eefb,#b8c5e2)}.activity-timeline{display:grid;gap:8px}.activity-timeline>div{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:8px;grid-template-columns:14px minmax(0,1fr) auto;padding:6px 0}.activity-timeline i{background:var(--green);border-radius:999px;box-shadow:0 0 0 5px #12c95b1f;height:8px;width:8px}.activity-timeline strong,.activity-timeline span{display:block}.activity-timeline span{color:var(--muted)}.analytics-workbench{display:grid;gap:10px;grid-template-columns:280px minmax(0,1fr) 300px;margin-bottom:12px}.analytics-workbench-single{grid-template-columns:1fr}.analytics-left,.analytics-right{align-self:start;display:grid;gap:10px}.analytics-left{padding:12px;position:sticky;top:10px}.analytics-center{display:grid;gap:10px;min-width:0}.analytics-insight-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.analytics-insight-grid-wide{grid-template-columns:1fr}.analytics-right-row{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-search{margin-bottom:8px}.enterprise-user-list button{overflow:hidden;padding:10px 12px;position:relative;text-align:left}.enterprise-user-list button em{color:var(--muted);display:block;font-style:normal;margin-top:3px}.enterprise-user-list button i{background:linear-gradient(90deg,var(--blue),var(--green));border-radius:999px;bottom:0;height:3px;left:0;position:absolute}.presence-dot{background:var(--green);border-radius:999px;display:inline-block;height:7px;margin-right:6px;width:7px}.insight-stack{display:grid;gap:8px}.insight-stack div{align-items:start;background:#ffffff85;border:1px solid var(--line);border-radius:9px;display:grid;gap:8px;grid-template-columns:18px minmax(0,1fr);padding:9px}.insight-stack svg{color:var(--purple)}.insight-stack span{color:var(--text);font-weight:800}@media(max-width:1400px){.enterprise-kpi-grid{grid-template-columns:repeat(4,minmax(128px,1fr))}.analytics-workbench{grid-template-columns:240px minmax(0,1fr)}.analytics-right{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-workbench-single{grid-template-columns:1fr}.report-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.command-main-grid,.dashboard-grid,.analytics-insight-grid,.analytics-workbench{grid-template-columns:1fr}.analytics-left{position:static}.analytics-right,.analytics-right-row,.report-combo-grid{grid-template-columns:1fr}.combo-select{max-width:none}.category-curve{grid-template-columns:1fr}.attendance-mini-panel,.category-curve-panel{grid-column:auto}}@media(max-width:720px){.ops-command-header{align-items:stretch;flex-direction:column}.enterprise-kpi-grid,.analytics-kpis{grid-template-columns:1fr}.enterprise-filter-bar input,.filter-group,.ops-actions select{max-width:none;width:100%}.stacked-row,.department-stack-chart .stacked-row,.attendance-mini-list>div{grid-template-columns:1fr}.stacked-row strong,.stacked-row em,.attendance-mini-list em{text-align:left}}:root{--app-bg: #f8f9ff;--surface: #ffffff;--surface-strong: #ffffff;--surface-soft: #f5f6fb;--line: #e4e7ef;--line-strong: #d5d9e5;--text: #071326;--muted: #6c687b;--blue: #5b35df;--blue-soft: #eee9ff;--green: #07835f;--green-soft: #dff8ec;--orange: #a66a00;--orange-soft: #fff0d8;--red: #c62828;--red-soft: #ffe2e2;--shadow: 0 1px 2px rgba(15, 23, 42, .05);--shadow-soft: 0 1px 2px rgba(15, 23, 42, .04)}body,.app-shell,.workspace{background:#f8f9ff}.content{margin:0 auto;max-width:1440px;padding:32px;width:100%}.sidebar{background:#0d0b38;border-right:1px solid rgba(255,255,255,.08);padding:0}.workspace-mark{align-items:center;border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:14px;margin:0;min-height:88px;padding:18px 20px}.mark{background:#5b35df;border-radius:6px;height:40px;min-width:40px;width:40px}.workspace-mark strong{font-size:22px;font-weight:800}.workspace-mark span{color:#ffffffa8;font-size:14px}.sidebar nav{gap:0;padding:28px 0 14px}.nav-group{gap:4px;margin:0 0 20px}.nav-heading{color:#ffffff6b;font-size:12px;letter-spacing:.06em;padding:0 24px 10px}nav button,.logout{border:0;border-radius:0;color:#ffffffa8;font-size:16px;font-weight:600;min-height:46px;padding:0 24px}nav button:hover,nav button.active{background:#ffffff1a;border-left:4px solid #6a42ff;color:#fff;padding-left:20px}.nav-icon{background:transparent;color:currentColor;height:24px;min-width:24px}nav button.active .nav-icon,nav button:hover .nav-icon{background:transparent;color:currentColor}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);display:grid;gap:8px;margin-top:auto;padding:20px}.invite-button{background:#5b35df;border-color:#5b35df;min-height:44px;width:100%}.sidebar-footer .logout{border-radius:6px;min-height:36px;padding:0 10px}.topbar{background:#fff;border-bottom:1px solid #e4e7ef;min-height:70px;padding:0 32px}.topbar-left{flex:1;gap:28px}.topbar-brand{color:var(--text);font-size:22px;font-weight:800;white-space:nowrap}.topbar-nav{align-items:stretch;display:flex;gap:28px;min-height:70px;overflow:visible}.topbar-nav span{align-items:center;color:#201d2d;display:flex;font-size:15px;font-weight:500;position:relative}.topbar-nav .active{color:var(--blue);font-weight:700}.topbar-nav .active:after{background:var(--blue);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.topbar-actions{gap:12px}.create-report-button{background:#5b35df;border-color:#4b28c9;border-radius:8px;font-size:14px;min-height:38px;padding:0 20px}.topbar .icon-button{background:transparent;border:0;box-shadow:none;color:#201d2d}.profile-chip{background:transparent;border:0;min-height:40px;padding:0}.profile-chip strong{font-size:14px}.search-box{background:#fbfcff;border-radius:0;min-width:min(320px,30vw)}.page-head{margin-bottom:28px}.page-head h1{font-size:28px;font-weight:700;line-height:36px}.page-head p{color:#474252;font-size:16px;line-height:24px}.metric-board,.enterprise-kpi-grid,.attendance-status-grid{gap:20px;margin-bottom:28px}.metric,.enterprise-kpi,.panel,.data-card,.enterprise-widget,.ops-command-header,.enterprise-filter-bar,.analytics-left,.analytics-right .enterprise-widget,.shot-card{background:#fff;border:1px solid #dde2ec;border-radius:10px;box-shadow:0 1px 2px #0f172a0d}.metric,.enterprise-kpi{min-height:132px;padding:24px}.metric:after,.enterprise-kpi:after{display:none}.metric svg,.kpi-top>span{background:transparent;color:#7a7586}.metric span,.kpi-meta span{color:#302b3f;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric strong,.enterprise-kpi>strong{color:#071326;font-size:36px;font-weight:700;letter-spacing:-.02em}.kpi-top>span{height:auto;width:auto}.dashboard-grid,.command-main-grid,.policy-grid,.analytics-command-grid{gap:24px}.panel header,.widget-head,.table-toolbar,.table-card-head{background:#fff;border-bottom:1px solid #e4e7ef;padding:20px 24px}.panel h2,.widget-title h2,.table-card-head strong,.section-title{color:#071326;font-size:22px;font-weight:700;line-height:28px}.panel>:not(header){margin:20px 24px}.enterprise-widget{padding:0}.widget-body{padding:0 24px 24px}.progress i,.bar-row i,.stack-track{background:#dce8fb;border-radius:999px;height:8px}.progress b,.bar-row b,.stack-track b,.enterprise-user-list button i{background:#5b35df}.progress b.warn{background:#ffb95f}.progress b.bad{background:#c62828}.table-toolbar{gap:18px}.table-search{background:#fff;border-radius:8px;color:#6c687b}table{min-width:900px}th{background:#f6f7fc;color:#302b3f;font-size:13px}td{color:#1d172c;font-size:15px;padding:16px 18px}tbody tr:hover td{background:#fbfcff}.pagination{background:#fbfcff;padding:16px 20px}.badge{border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px}.badge.good{background:#dff8ec;border-color:#7ee7ba;color:#00714d}.badge.bad{background:#ffe2e2;border-color:#f4b4b4;color:#ba1a1a}.badge.warn{background:#fff0d8;border-color:#ffd19c;color:#825100}.pie-chart{border-color:#5b35df #bdb0ff #dce8fb #5b35df;box-shadow:none}.line-chart{background:linear-gradient(180deg,#5b35df14,#5b35df05);border-color:#e4e7ef}.vertical-chart i{background:linear-gradient(180deg,#5b35df,#bdb0ff)}.compact-rank-bars,.insight-stack,.activity-timeline{gap:14px}.insight-stack div{background:#fff;border-width:0 0 1px;border-radius:0}.workforce-heatmap .good{background:#43d07a}.workforce-heatmap .bad{background:#ef4444}.workforce-heatmap .warn{background:#ffb95f}.workforce-heatmap .muted{background:#cbd7ee}.login-page{background:radial-gradient(circle at 16% 18%,rgba(91,53,223,.08),transparent 26%),radial-gradient(circle at 80% 72%,rgba(61,121,255,.08),transparent 28%),#fbfcff}.stitch-login-shell .login-card{border-radius:10px;padding:48px}.login-brand .mark{border-radius:8px}.login-links{gap:26px;margin-top:24px}@media(max-width:1180px){.topbar-nav,.create-report-button,.search-box{display:none}}body,p,td,th,li,input,select,textarea,button,.button-link{font-size:14px}h1,h2,h3,h4,h5,h6,.page-head h1,.panel h2,.widget-title h2,.table-card-head strong,.section-title,.drawer h2,.ops-command-header h2{font-size:18px;line-height:24px}.page-head p,.ops-command-header p,.widget-title span,.drawer p,.metric span,.kpi-meta span,.table-toolbar>span,.cell-subtext,.user-list span,.muted{font-size:14px;line-height:20px}.workspace-mark{min-height:72px;padding:14px 18px}.workspace-mark strong{font-size:16px;line-height:20px}.workspace-mark span{font-size:12px;line-height:16px}.mark{height:36px;min-width:36px;width:36px}nav button,.logout{font-size:14px}.topbar{justify-content:flex-end;min-height:56px;padding:0 24px}.topbar-left{flex:1}.topbar-brand,.topbar-nav,.create-report-button,.search-box{display:none}.topbar-actions{margin-left:auto}.sidebar-footer,.invite-button,.sidebar-footer .logout{display:none}.content{padding:24px}.metric,.enterprise-kpi{gap:6px;min-height:92px;padding:14px 16px}.metric strong,.enterprise-kpi>strong{font-size:22px;line-height:28px}.panel header,.widget-head,.table-toolbar,.table-card-head{padding:10px 14px}.panel>:not(header),.widget-body{margin:12px 14px;padding:0}.metric-board,.enterprise-kpi-grid,.attendance-status-grid{gap:12px;margin-bottom:18px}.dashboard-grid,.command-main-grid,.policy-grid,.analytics-command-grid{gap:14px}.metric span,.kpi-meta span{font-size:12px;font-weight:600;letter-spacing:.04em}.kpi-meta em{font-size:12px;font-weight:700}.metric svg,.kpi-top svg{height:16px;width:16px}.panel h2,.widget-title h2,.table-card-head strong,.section-title,.drawer h2,.ops-command-header h2{font-size:16px;line-height:22px}.widget-title span,.table-toolbar>span{font-size:12px;line-height:16px}.enterprise-widget{min-height:180px}body,p,td,th,li,input,select,textarea,button,.button-link,.page-head p,.ops-command-header p,.widget-title span,.drawer p,.metric span,.kpi-meta span,.table-toolbar>span,.cell-subtext,.user-list span,.muted,.activity-timeline span,.bar-row span,.compact-rank-bars span,.stacked-row>span,.stacked-row em{font-size:12px;line-height:16px}h1,h2,h3,h4,h5,h6,.page-head h1,.panel h2,.widget-title h2,.table-card-head strong,.section-title,.drawer h2,.ops-command-header h2{font-size:16px;font-weight:600;line-height:20px}.page-head span,.nav-heading,th,.th-button,.metric span,.kpi-meta span{font-size:11px;font-weight:600;letter-spacing:.03em}strong,b,.activity-timeline strong,.bar-row strong,.compact-rank-bars strong,.stacked-row strong,.profile-chip strong,.workspace-mark strong,.badge{font-weight:600}.metric strong,.enterprise-kpi>strong{font-size:20px;font-weight:600;line-height:24px}.metric,.enterprise-kpi{gap:4px;min-height:82px;padding:12px 14px}.metric-board,.enterprise-kpi-grid,.attendance-status-grid,.dashboard-grid,.command-main-grid,.policy-grid,.analytics-command-grid{gap:10px}.panel header,.widget-head,.table-toolbar,.table-card-head{gap:6px;padding:8px 12px}.panel>:not(header),.widget-body{margin:10px 12px}.enterprise-widget{min-height:150px}.widget-actions .icon-button{height:28px;min-height:28px;width:28px}.progress{gap:4px;margin-bottom:8px}.progress i,.bar-row i,.stack-track{height:6px}td{font-size:12px;padding:10px 12px}.topbar{min-height:52px}nav button,.logout{font-size:13px;min-height:40px}.notification-menu{position:relative}.notification-popover{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);position:absolute;right:0;top:44px;width:360px;z-index:20}.notification-popover-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px}.notification-popover-head>div{align-items:center;display:flex;gap:8px}.notification-popover-head button{background:transparent;border:0;color:var(--blue);font-weight:700}.notification-popover-head .icon-button{color:var(--muted);min-height:28px;min-width:28px;padding:0}.notification-cards{max-height:420px;overflow:auto;padding:8px}.notification-cards button{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);display:grid;gap:4px;margin-bottom:8px;padding:10px;text-align:left;width:100%}.notification-cards span,.notification-cards small{color:var(--muted);font-size:12px}.filter-card{align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:14px;grid-template-columns:1.4fr 1fr 1fr 1fr auto auto;margin-bottom:22px;padding:16px}.filter-card label{color:var(--muted);display:grid;font-size:12px;gap:6px}.filter-card input,.filter-card select{background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--text);min-height:38px;padding:0 12px}.usb-table .event-dot{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.event-dot.blocked{background:#ef4444}.event-dot.allowed{background:#059669}.event-dot.connected{background:#6941e6}.event-dot.disconnected{background:#8a8f9d}.alert-metrics{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.master-data-grid.full{grid-template-columns:minmax(0,1fr)}.master-data-grid.two,.master-data-grid.shifts-master,.master-data-grid.productivity-master,.master-data-grid.organization-master{grid-template-columns:repeat(2,minmax(0,1fr))}.master-data-grid .panel{min-width:0}.master-data-grid .data-card table{min-width:0;table-layout:fixed}.master-data-grid .data-card th,.master-data-grid .data-card td{padding:12px 16px}.organization-master .panel:first-child table th,.organization-master .panel:first-child table td,.productivity-master .panel:first-child table th,.productivity-master .panel:first-child table td{width:auto}.organization-master .panel:first-child table td:last-child,.productivity-master .panel:first-child table td:last-child{width:118px}.master-data-grid .data-card td:has(.row-actions),.master-data-grid .data-card td:has(>.icon-button){width:118px}.shifts-master .panel:first-child{grid-column:span 1}.shifts-master .panel:nth-child(2){grid-column:span 1}.master-data-grid.full .panel{width:100%}.master-data-grid.full .table-search{max-width:380px}.master-data-grid.full .action-bar{justify-content:flex-end}.policy-organization-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-organization-grid .panel{min-width:0}.policy-organization-grid .data-card table{min-width:0;table-layout:fixed}.policy-organization-grid .data-card th,.policy-organization-grid .data-card td{padding:12px 16px}.policy-organization-grid .data-card td:has(.row-actions){width:118px}.policy-organization-grid .row-actions{flex-wrap:nowrap}.policy-organization-grid .action-bar{justify-content:flex-end}.leave-filter-card{margin-bottom:22px}.leave-filter-card .table-toolbar{display:grid;gap:8px;grid-template-columns:1.1fr 1.1fr 1.1fr 1fr 1.1fr}.leave-filter-card select,.leave-filter-card input{max-width:none;width:100%}.leave-section-head{align-items:center;display:flex;gap:10px;margin:28px 0 10px}.leave-section-head>span{align-items:center;background:#e7edff;border-radius:6px;color:var(--blue);display:inline-flex;height:34px;justify-content:center;width:34px}.leave-section-head h2{color:var(--text);font-size:18px;line-height:22px;margin:0}.leave-section-head p{color:var(--muted);font-size:12px;margin:2px 0 0}.leave-polished-table .table-wrap table th{background:#eef4ff;color:#5e6578;font-size:12px}.leave-polished-table .table-wrap table td{color:#4a5265;height:52px}.leave-polished-table td em{color:var(--muted);display:block;font-style:italic;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.filter-card,.alert-metrics,.leave-filter-card .table-toolbar,.master-data-grid.two,.master-data-grid.shifts-master,.master-data-grid.productivity-master,.master-data-grid.organization-master,.policy-organization-grid{grid-template-columns:1fr}.notification-popover{right:-80px;width:min(340px,90vw)}}