:root{--c-bg:#f3f5f9;--c-surface:#fff;--c-surface-2:#f6f8fb;--c-placeholder:#e9edf3;--c-border:#e6e9ef;--c-text:#000000e0;--c-muted:#8c8c8c;--c-success:#389e0d;--c-success-soft:#e9f7e1;--c-danger:#cf1322;--c-danger-soft:#fdecec;--c-warning:#d46b08;--c-warning-soft:#fff4e5;--c-magenta:#c41d7f;--c-weekend:#f2f2f2;--c-series-1:#1557b0;--c-series-2:#1f9e89;--c-series-3:#c2410c;--c-series-y:#9aa4b2;--header-h:64px}[data-theme=dark]{--c-bg:#0b0d12;--c-surface:#141414;--c-surface-2:#1b1d22;--c-placeholder:#262a31;--c-border:#2a2d33;--c-text:#ffffffd9;--c-muted:#8b919a;--c-success:#73d13d;--c-success-soft:#18291a;--c-danger:#ff7875;--c-danger-soft:#3a1717;--c-warning:#ffa940;--c-warning-soft:#3a2a14;--c-magenta:#f759ab;--c-weekend:#1f2228;--c-series-1:#3f7fd4;--c-series-2:#1f9c86;--c-series-3:#d9692a;--c-series-y:#6b7380}html,body,#root,#root>.ant-app{height:100%;margin:0}body{background:var(--c-bg)}.text-success{color:var(--c-success)}.text-danger{color:var(--c-danger)}.text-warning{color:var(--c-warning)}.text-muted{color:var(--c-muted)}.tabular{font-variant-numeric:tabular-nums}.app-logo{height:var(--header-h);color:#fff;white-space:nowrap;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:600;display:flex;overflow:hidden}.app-logo img{object-fit:contain;flex:none;width:30px;height:30px}.brand-plate{box-sizing:border-box;background:#fff;border-radius:6px;padding:3px}.login-brand .brand-plate{border-radius:10px;padding:6px}.app-logo-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.app-logo-text small{opacity:.75;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.app-sider{height:100vh;top:0;overflow:auto;position:sticky!important}.app-header{z-index:20;height:var(--header-h);border-bottom:1px solid var(--c-border);align-items:center;gap:8px;display:flex;position:sticky;top:0;background:var(--c-surface)!important;padding:0 16px!important}.app-header-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.app-content{min-width:0;padding:20px}.search-trigger{color:var(--c-muted);justify-content:space-between;align-items:center;gap:8px;min-width:220px;display:inline-flex}.search-trigger kbd,.kbd{border:1px solid var(--c-border);background:var(--c-surface-2);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-family:inherit;font-size:11px}.search-result{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.search-result.active,.search-result:hover{background:var(--c-primary-soft)}.search-group{color:var(--c-muted);margin:10px 8px 4px;font-size:12px}.page-title{color:var(--c-text);margin:0 0 16px;font-size:20px;font-weight:600}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head .page-title{margin:0}.block-upload,.block-upload .ant-upload{width:100%;display:block}.clickable-row{cursor:pointer}.ant-pagination{flex-wrap:wrap;row-gap:8px}.item-row{border-bottom:1px solid var(--c-border);align-items:flex-start;gap:10px;padding:8px 4px;display:flex}.item-row:last-child{border-bottom:none}.item-row.clickable{cursor:pointer;border-radius:6px}.item-row.clickable:hover{background:var(--c-primary-soft)}.item-row-icon{font-size:16px;line-height:22px}.item-row-title{font-weight:500}.item-row-desc{color:var(--c-muted);font-size:12px}.tree-node-title{align-items:center;gap:8px;display:inline-flex}.wrap-head .ant-card-head-wrapper{flex-wrap:wrap;row-gap:8px;padding:8px 0}.wrap-head .ant-card-head-title{flex:1 0 auto;max-width:100%}.wrap-head .ant-card-extra{margin-inline-start:auto}.tree-count{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:12px}.tree-count.partial{color:var(--c-warning)}.tree-late{background:var(--c-warning-soft);color:var(--c-warning);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:4px;padding:0 5px;font-size:11px}.tree-late.off{background:var(--c-placeholder);color:var(--c-muted)}.late-bar{border:1px dashed var(--c-border);border-radius:6px;margin-bottom:12px;padding:6px 10px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.photo-card{border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;border-radius:8px;transition:box-shadow .15s,transform .15s;overflow:hidden}.photo-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001f}.photo-card .img{aspect-ratio:4/5;background:var(--c-placeholder);color:var(--c-muted);place-items:center;font-size:40px;display:grid}.photo-card .img img{object-fit:cover;width:100%;height:100%}.photo-card .meta{padding:6px 8px 8px;font-size:12px;line-height:1.35}.photo-card .meta b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.photo-card.selected{outline:2px solid var(--c-primary)}.stat-link{cursor:pointer;transition:box-shadow .15s,border-color .15s}.stat-link:hover{box-shadow:0 2px 10px #1557b01f;border-color:var(--c-primary)!important}.delta{font-variant-numeric:tabular-nums;font-size:12px}.chart-legend{color:var(--c-muted);flex-wrap:wrap;gap:14px;margin-bottom:6px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.chart-legend i.line{border-radius:1px;height:2px}.hourly-chart text{fill:var(--c-muted);font-size:10px}.hourly-chart .grid{stroke:var(--c-border)}.chart-tip{pointer-events:none;background:var(--c-surface);border:1px solid var(--c-border);white-space:nowrap;z-index:2;font-variant-numeric:tabular-nums;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;box-shadow:0 4px 14px #00000026}.monitor-hero{grid-template-columns:220px 220px 1fr;align-items:center;gap:20px;display:grid}.monitor-hero .shot{object-fit:cover;background:var(--c-placeholder);width:220px;height:270px;color:var(--c-muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.monitor-hero .name{font-size:28px;font-weight:700;line-height:1.2}.monitor-card{background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-muted);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.monitor-card.GRANTED{border-left-color:var(--c-success)}.monitor-card.DENIED{border-left-color:var(--c-danger);background:var(--c-danger-soft)}.monitor-card.active{outline:2px solid var(--c-primary)}.monitor-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;display:grid}.monitor-split{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;display:grid}.monitor-clock{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1}.result-banner{color:#fff;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:16px;font-weight:600;display:inline-flex}.result-banner.GRANTED{background:#389e0d}.result-banner.DENIED{background:#cf1322}.result-banner.OTHER{background:#8c8c8c}.denied-flash{pointer-events:none;z-index:1000;border:14px solid #ff4d4f;animation:1.6s ease-out forwards denied-flash;position:fixed;inset:0}@keyframes denied-flash{0%{opacity:1;background:#ff4d4f40}to{opacity:0;background:#ff4d4f00}}.kiosk .app-content{padding:12px}.att-cell{font-variant-numeric:tabular-nums;border-radius:4px;min-width:44px;padding:1px 4px;font-size:12px;display:inline-block}.att-cell.present{color:var(--c-success);background:var(--c-success-soft)}.att-cell.late{color:var(--c-warning);background:var(--c-warning-soft);font-weight:600}.att-cell.absent{color:var(--c-danger)}.att-weekend{background:var(--c-weekend)!important}.legend-row{flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.cal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal .dow{color:var(--c-muted);text-align:center;font-size:11px}.cal .day{aspect-ratio:1.3;background:var(--c-surface-2);border:1px solid var(--c-border);font-variant-numeric:tabular-nums;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex}.cal .day small{opacity:.85;font-size:10px}.cal .day.present{background:var(--c-success-soft);color:var(--c-success);border-color:#0000}.cal .day.late{background:var(--c-warning-soft);color:var(--c-warning);border-color:#0000}.cal .day.absent{color:var(--c-danger)}.cal .day.weekend{background:var(--c-weekend);color:var(--c-muted)}.cal .day.future{opacity:.4}.cal .day.today{outline:2px solid var(--c-primary)}.crop-stage{aspect-ratio:4/5;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#111;border-radius:8px;width:100%;max-width:320px;margin:0 auto;position:relative;overflow:hidden}.crop-stage:active{cursor:grabbing}.crop-stage canvas{width:100%;height:100%;display:block}.crop-guide{pointer-events:none;border:2px dashed #ffffffbf;border-radius:50%;width:50%;height:56%;position:absolute;top:14%;left:25%}.terminal-cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.terminal-card.offline{border-color:var(--c-danger)!important}.terminal-map{border:1px solid var(--c-border);border-radius:8px;height:520px;overflow:hidden}.map-pin{border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0006}.map-pin.ok{background:#389e0d}.map-pin.partial{background:#d46b08}.map-pin.down{background:#cf1322}.map-pin.empty{background:#8c8c8c}.json-pre{background:var(--c-surface-2);border-radius:6px;max-height:480px;padding:12px;font-size:12px;overflow:auto}.pw-meter{gap:4px;margin-top:6px;display:flex}.pw-meter i{background:var(--c-border);border-radius:2px;flex:1;height:4px}.login-page{background:var(--c-bg);grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:100%;display:grid}.login-brand{color:#fff;background:radial-gradient(1200px 600px at -10% -20%, #ffffff24, transparent 60%), radial-gradient(800px 500px at 120% 120%, #389e0d40, transparent 60%), linear-gradient(135deg, var(--brand-grad-from) 0%, var(--brand-grad-via) 60%, var(--brand-grad-to) 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.login-brand>*{z-index:1;position:relative}.login-brand h1{color:#fff;margin:24px 0 12px;font-size:34px;line-height:1.2}.login-brand ul{opacity:.92;gap:10px;margin:24px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.login-form-side{place-items:center;padding:24px 16px;display:grid}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-brand{padding:24px 20px}.login-brand h1{margin:12px 0 4px;font-size:22px}.login-brand ul,.login-brand .login-foot{display:none}.monitor-hero{grid-template-columns:1fr 1fr}.monitor-hero .shot{aspect-ratio:4/5;width:100%;height:auto}.app-content{padding:12px}.search-trigger{min-width:0}.search-trigger .label,.search-trigger kbd{display:none}}@media print{.app-sider,.app-header,.no-print,.ant-pagination,.ant-tabs-nav,.ant-float-btn{display:none!important}body,.ant-layout{background:#fff!important}.app-content{padding:0!important}.ant-card{box-shadow:none!important;border:none!important}.ant-table{font-size:11px}.ant-table-body{max-height:none!important;overflow:visible!important}.print-only{display:block!important}}.print-only{display:none}