:root{--primary:#2196f3;--accent:#90caf9;--bg:#e3f2fd;--card:#fff;--text:#0d1b2a;--border:#cfe4fa;--muted:#5a7a99;--sidebar:#0d47a1;--sidebar-hi:#1565c0}*{box-sizing:border-box}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{scroll-margin-top:80px}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif}#root{min-height:100vh;display:flex}aside{background:var(--sidebar);color:#cbd5e1;flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex;position:sticky;top:0}aside .brand{letter-spacing:-.02em;color:var(--text);border-bottom:1px solid var(--border);background:#fff;padding:22px 22px 18px;font-size:17px;font-weight:800}aside .brand small{color:var(--muted);letter-spacing:0;margin-top:10px;font-size:12px;font-weight:500;display:block}aside .brand .brand-logo{width:auto;height:32px;display:block}aside nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;flex:1;gap:2px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}aside nav::-webkit-scrollbar{width:6px}aside nav::-webkit-scrollbar-track{background:0 0}aside nav::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}aside nav:hover::-webkit-scrollbar-thumb{background:#ffffff47}aside nav a{color:#cbd5e1;border-radius:10px;align-items:center;gap:11px;padding:11px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}aside nav a:hover{background:var(--sidebar-hi);color:#fff}aside nav a.active{background:var(--primary);color:#fff}aside nav a svg{stroke-width:2px;color:#8fa9cc;flex-shrink:0;width:18px;height:18px}aside nav a:hover svg,aside nav a.active svg{color:#fff}aside .foot{border-top:1px solid #ffffff14;flex-shrink:0;padding:14px}aside .foot .who{color:#93a7c4;margin-bottom:8px;padding:0 6px;font-size:13px}aside .foot button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px;font-family:inherit;font-size:13px;font-weight:600;display:flex}aside .foot button:hover{background:var(--sidebar-hi);color:#fff}aside .foot button svg{width:16px;height:16px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--border);letter-spacing:-.02em;z-index:20;align-items:center;gap:12px;padding:16px 28px;font-size:18px;font-weight:800;display:flex;position:sticky;top:0}.nav-toggle{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;padding:6px;display:none}.nav-overlay{display:none}main{width:100%;padding:24px 28px;animation:.32s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #2196f324}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:hover{border-color:var(--primary)}.btn.primary:hover{background:#1e88e5}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.card{animation:.32s both pageIn}h1{letter-spacing:-.02em;margin:0 0 16px;font-size:20px;font-weight:800}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 1px 2px #0f172a0a}table{border-collapse:collapse;width:100%;font-size:14px}.card:has(table){overflow-x:auto}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#f7fbff;font-size:11px;font-weight:700}thead th:first-child{border-top-left-radius:10px}thead th:last-child{border-top-right-radius:10px}tbody tr{transition:background .12s}tbody tr:hover{background:#f5faff}tbody tr:last-child td{border-bottom:none}td{font-variant-numeric:tabular-nums}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{background:var(--primary);color:#fff;border-color:#0000}.btn.danger{color:#b91c1c;border-color:#fecaca}.btn.sm{padding:5px 10px;font-size:13px}.btn.icon{justify-content:center;align-items:center;padding:6px;line-height:0;display:inline-flex}.btn.icon svg{display:block}.row-actions{align-items:center;gap:6px;display:inline-flex}.tier-row{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.tier-hours{align-items:center;gap:6px;display:flex}.tier-hours input{width:80px}.tier-amt{flex:1}.tier-row>.btn{margin-top:2px}.log-json{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:320px;margin:12px 0 0;padding:12px;font-size:12px;overflow:auto}.dash-cols{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:16px;display:grid}.day-head{align-items:center;gap:9px;display:flex}.day-count{color:var(--primary);background:#2196f31f;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.day-row{animation:.28s both dayRowIn}.day-name{font-weight:600}@keyframes dayRowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.day-empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:26px 12px;font-size:13px;display:flex}.day-empty svg{color:var(--accent)}@media (width<=860px){.dash-cols{grid-template-columns:1fr}}.cal{margin-top:12px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal-head strong{text-transform:capitalize;font-size:15px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-dow{margin-bottom:4px}.cal-dowc{text-align:center;color:var(--muted);padding:2px 0;font-size:11px;font-weight:600}.cal-cell{aspect-ratio:1;background:var(--bg);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.cal-cell.empty{cursor:default;background:0 0}.cal-cell:hover:not(.empty){border-color:var(--primary)}.cal-cell.today{color:var(--primary);font-weight:700}.cal-cell.has{background:color-mix(in srgb, var(--primary) 12%, var(--bg))}.cal-cell.sel{background:var(--primary);color:#fff;border-color:var(--primary)}.cal-dot{background:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.cal-cell.sel .cal-dot{background:#fff}.cal-day{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.cal-day-h{text-transform:capitalize;margin-bottom:8px;font-size:13px;font-weight:600}.cal-ev{border:1px solid var(--border);color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;text-decoration:none;display:flex}.cal-ev:hover{border-color:var(--primary);background:var(--bg)}.cal-ev-go{color:var(--muted);font-size:18px}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=date],input[type=month],input[type=datetime-local],input[type=time],input[type=number],input[type=search],input[type=tel],textarea,select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px}label{margin:14px 0 6px;font-size:13px;font-weight:600;display:block}.row{gap:16px;display:flex}.row>*{flex:1}.grid4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card{align-items:center;gap:14px;display:flex}.stat-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-ico svg{width:22px;height:22px}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.stat-ico{border-radius:10px;width:38px;height:38px}.stat-ico svg{width:19px;height:19px}.stat-value{font-size:20px}.stat-card .muted.t-xs{font-size:11px;line-height:1.3}}.flash{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-weight:600}.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px 16px}.muted{color:var(--muted)}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.spinner-btn{opacity:.85;vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.btn.loading{pointer-events:none;opacity:.85;position:relative}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn>.spinner-btn{margin-right:7px}.spinner-wrap{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:32px;font-size:13px;font-weight:600;display:flex}.skel{background:linear-gradient(90deg,#eef4fb 25%,#dceaf8 37%,#eef4fb 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite skel;display:inline-block}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.hstack{align-items:center;gap:8px;display:flex}.hstack.wrap{flex-wrap:wrap}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.grow{flex:1;min-width:0}.right{text-align:right}.nowrap{white-space:nowrap}.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.ml-6{margin-left:6px}.normal-w{font-weight:400}.t-xs{font-size:12px}.t-sm{font-size:13px}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.mt-4{margin-top:4px}.hint{color:var(--muted);margin:4px 0 12px;font-size:12px}.range-row{align-items:center;gap:12px;display:flex}.range-row input[type=range]{flex:1}.num-sm{width:90px}.form-narrow{max-width:560px}.event-form-single{max-width:720px}.ef-part-list{max-height:60vh;overflow-y:auto}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#031a428c;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:100%;max-width:380px;padding:24px;animation:.22s cubic-bezier(.2,.8,.2,1) both modalUp;box-shadow:0 30px 60px -18px #031a428c}.modal strong{font-size:17px}.cam-modal{flex-direction:column;gap:10px;max-width:420px;display:flex}.cam-video{aspect-ratio:3/4;object-fit:cover;background:#000;border-radius:12px;width:100%;transform:scaleX(-1)}.modal p{margin:8px 0 20px}@keyframes modalUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.form-actions{gap:8px;margin-top:22px;display:flex}.w-auto{width:auto}.clickable{cursor:pointer}.split{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.side-panel{flex-shrink:0;width:320px}.grow-panel{flex:1;min-width:440px}.shift-check{white-space:nowrap;align-items:center;gap:4px;margin-right:8px;font-size:12px;display:inline-flex}.spinner-btn.pri{color:var(--primary)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pager{align-items:center;gap:8px;margin-top:16px;display:flex}.perpage{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.perpage select{padding:5px 8px;font-size:13px}.stat-value{font-size:24px;font-weight:800}.card.clickable:hover{border-color:var(--accent)}tr.row-me{background:#f0f9ff}.otp-input{letter-spacing:4px;text-align:center;width:140px;font-weight:700}.chip-search{max-width:280px}.portal{background:var(--bg);flex:1;min-height:100vh}.portal-head{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.portal-main{max-width:820px;margin:0 auto;padding:24px 20px}.brand-mark{color:#fff;background:linear-gradient(145deg,#2196f3,#0d47a1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.event-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.ok-box{background:#ecfdf5;border-color:#a7f3d0}.ok-box strong{color:#047857}.result-list{border:1px solid var(--border);border-radius:10px;max-height:300px;margin-top:8px;overflow:auto}.result-item{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.result-item:last-child{border-bottom:none}.result-item:hover{background:#f0f9ff}.result-item.disabled{opacity:.5;cursor:default}.result-empty{color:var(--muted);text-align:center;padding:14px 12px;font-size:13px}.shift-row{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.shift-row .grow{min-width:120px}.part-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.part-row.is-pic{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.chip-check{border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.dz{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:20px 14px;transition:border-color .15s,background .15s;display:block}.dz:hover{border-color:var(--accent);background:#f0f9ff}.dz .thumb{border-radius:8px;max-height:120px;margin-top:8px}.dz-icon{color:var(--primary);font-size:24px}.dz-title{margin-top:6px;font-size:13px;font-weight:600}.dz-hint{font-size:11px}.dz-name{color:var(--primary)}.result-item.picked{background:#e3f2fd}.warn-inline{color:#b45309}.card-720{max-width:720px}.summary-lg{flex-wrap:wrap;gap:32px;margin-bottom:16px;display:flex}.stat-lg{font-size:28px;font-weight:800}.progress{margin:12px 0}.progress-track{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.progress-bar{background:var(--primary);height:100%;transition:width .2s}.progress-text{color:var(--muted);margin-top:6px;font-size:13px;font-weight:600}.log{max-height:280px;margin-top:16px;font-size:13px;overflow:auto}.log-ok{color:#047857}.log-err{color:#b91c1c}.log-info{color:#64748b}.pill{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.pill.on{color:#047857;background:#ecfdf5}.pill.off{color:#64748b;background:#f1f5f9}.pill.admin{color:#1d4ed8;background:#eff6ff}.pill.emp{color:#475569;background:#f1f5f9}.pill.warn{color:#92400e;background:#fef3c7}.summary{flex-wrap:wrap;gap:24px;display:flex}.shift-list{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.modal-back{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.18s both pageIn;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:100%;max-width:440px;max-height:90vh;padding:24px;overflow:auto;box-shadow:0 24px 60px #0f172a4d}.modal-lg{max-width:720px}.err-msg{text-overflow:ellipsis;white-space:nowrap;max-width:380px;overflow:hidden}.err-title{word-break:break-word;font-size:15px!important}.err-meta{gap:6px;margin:14px 0;font-size:12px;display:grid}.err-meta>div{grid-template-columns:90px 1fr;gap:8px;display:grid}.err-meta b{color:var(--muted);font-weight:600}.err-meta span{word-break:break-all}.err-trace{max-height:260px;font-size:11px}.modal h2{margin:0 0 16px;font-size:17px}.modal .fld{color:var(--text);flex-direction:column;gap:4px;margin-top:14px;font-size:13px;font-weight:600;display:flex}.modal .fld-row{align-items:start;gap:12px;display:flex}.modal .fld-row .fld{flex:1}.modal .fld input,.modal .fld textarea{border:1px solid var(--border);font-weight:400;font:inherit;background:var(--bg);border-radius:8px;padding:8px 10px}.rv-edit{border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--muted);border-radius:6px;padding:2px 7px;line-height:1.4}.rv-edit:hover{color:var(--text);border-color:var(--primary)}.modal .actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.chk{cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;display:flex}.chk input{width:18px;height:18px;accent-color:var(--primary)}@media (width<=720px){#root{flex-direction:column}aside{z-index:50;width:82%;max-width:300px;height:100dvh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #031a4266}aside.open{transform:none}.nav-toggle{display:inline-flex}.nav-overlay{z-index:40;background:#031a4280;animation:.2s fadeIn;display:block;position:fixed;inset:0}.topbar{padding:14px 16px;font-size:16px}main{padding:16px}.card{padding:16px;overflow-x:auto}.row{flex-direction:column;gap:0}th,td{padding:8px 10px}.toolbar{flex-wrap:wrap;gap:10px}.between,.pager{flex-wrap:wrap}.portal-head,.portal-main{padding-left:16px;padding-right:16px}}.login-wrap{background:radial-gradient(1100px 520px at 12% -10%,#1565c0 0%,#1565c000 60%),radial-gradient(900px 500px at 108% 115%,#0d47a1 0%,#0d47a100 55%),linear-gradient(160deg,#0d47a1 0%,#0b3c8c 45%,#08306b 100%);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.login-wrap:before,.login-wrap:after{content:"";filter:blur(8px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.login-wrap:before{background:radial-gradient(circle,#42a5f5,#0000 65%);width:340px;height:340px;top:-90px;right:-60px}.login-wrap:after{background:radial-gradient(circle,#64b5f6,#0000 65%);width:280px;height:280px;bottom:-80px;left:-40px}.login-card{z-index:1;background:var(--card);border:1px solid #fff9;border-radius:20px;width:100%;max-width:380px;padding:36px 32px;animation:.5s cubic-bezier(.2,.8,.2,1) both loginUp;position:relative;box-shadow:0 30px 60px -18px #031a428c,0 2px 6px #031a4233}@keyframes loginUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.login-brand{align-items:center;gap:11px;margin-bottom:22px;display:flex}.login-brand .mark{color:#fff;background:linear-gradient(145deg,#2196f3,#0d47a1);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 18px -6px #0d47a199}.login-brand .mark svg{width:24px;height:24px}.login-brand img{width:auto;height:40px;margin-bottom:2px;display:block}.login-brand span{color:var(--muted);font-size:12px;font-weight:600}.login-card h1{margin:0 0 4px;font-size:22px}.login-card .sub{color:var(--muted);margin:0 0 22px;font-size:13px}.login-card label{margin-top:16px}.login-card label:first-of-type{margin-top:0}.login-card input{padding:12px 14px;font-size:15px}.login-card input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #2196f329}.login-foot{text-align:center;color:#93a7c4;margin-top:22px;font-size:12px}.rep-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.rep-hero h1{letter-spacing:-.02em;margin:0;font-size:22px}.rep-hero .rh-sub{color:var(--muted);margin:5px 0 0;font-size:13px;font-weight:500}.rep-hero .rh-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rep-hero input[type=month]{width:auto}.rep-sum{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.rep-sum .s{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.rep-sum .s .n{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1}.rep-sum .s .l{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:11px;font-weight:600}.rep-sum .s.warn{background:#fffbf5;border-color:#fcd9b6}.rep-sum .s.warn .n{color:#d97706}@media (width<=900px){.rep-sum{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.rep-sum{grid-template-columns:repeat(2,1fr)}}.rep-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.rep-search{flex:1;min-width:200px;max-width:300px;position:relative}.date-range{align-items:center;gap:6px;display:flex}.date-range input[type=date]{padding:7px 9px;font-size:13px}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sort:hover,.th-sort.active{color:var(--primary)}.sort-ind{opacity:.55;margin-left:5px;font-size:9px}.th-sort.active .sort-ind{opacity:1}.rep-search input{padding-left:34px}.rep-search svg{width:15px;height:15px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.rep-table thead th{z-index:2;position:sticky;top:0}.rep-table td .who-cell{align-items:center;gap:9px;display:flex}.ava{color:#fff;letter-spacing:-.02em;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex}.time-cell{font-variant-numeric:tabular-nums;font-weight:700}.time-cell.none{color:var(--muted);font-weight:500}.st{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 8px;font-size:12px;font-weight:700;display:inline-flex}.st:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.st.ontime{color:#059669;background:#ecfdf5}.st.late{color:#dc2626;background:#fef2f2}.st.early{color:#2563eb;background:#eff6ff}.st.cepat{color:#d97706;background:#fff7ed}.st.lembur{color:#7c3aed;background:#f5f3ff}.st.none{color:#94a3b8;background:#f1f5f9}.rep-legend{border-top:1px dashed var(--border);flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:14px;display:flex}.rep-legend .lg{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.rep-legend .dot{border-radius:50%;width:9px;height:9px}.rep-empty{text-align:center;color:var(--muted);padding:44px 20px}.rep-empty .ico{width:52px;height:52px;color:var(--primary);background:#f0f9ff;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.rep-empty .ico svg{width:26px;height:26px}.rep-empty b{color:var(--text);margin-bottom:3px;font-size:15px;display:block}.triage{background:#fffbf5;border:1px solid #fcd9b6;border-radius:14px;margin-bottom:16px;padding:14px 16px;animation:.3s both pageIn}.triage.clear{background:#f0fdf4;border-color:#bbf7d0;padding:12px 16px}.triage-ok{color:#059669;font-size:13px;font-weight:700}.triage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.th-title{color:#9a3412;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.th-title .badge{color:#fff;background:#ea580c;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:inline-flex}.bulkbar{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.bulkbar .x{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:14px}.triage-list{flex-direction:column;gap:6px;max-height:340px;display:flex;overflow:auto}.tr-item{background:var(--card);border:1px solid #fcd9b6;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;transition:opacity .2s,transform .2s;display:flex}.tr-item.busy{opacity:.5;pointer-events:none}.tr-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.tr-who{flex-direction:column;flex:1;min-width:0;display:flex}.tr-who b{font-size:13px}.cmp{font-variant-numeric:tabular-nums;flex-shrink:0;min-width:128px}.cmp-row{grid-template-columns:42px 46px 46px;align-items:center;font-size:12px;display:grid}.cmp-row .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.cmp-row .v{text-align:center;font-weight:700}.cmp-row .v.mut{color:var(--muted);font-weight:500}.cmp-row .v.off{color:#dc2626}.deltas{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.dchip{border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.dchip.over{color:#dc2626;background:#fef2f2}.dchip.under{color:#2563eb;background:#eff6ff}.tphotos{flex-shrink:0;gap:4px;display:flex}.tphoto{object-fit:cover;border:1px solid var(--border);cursor:zoom-in;border-radius:7px;width:34px;height:34px;transition:transform .12s}.tphoto:hover{border-color:var(--primary);transform:scale(1.08)}.tphoto-missing{cursor:default;text-align:center;background:repeating-linear-gradient(45deg,#f1f5f9,#f1f5f9 4px,#e2e8f0 4px 8px);justify-content:center;align-items:center;width:auto;min-width:34px;height:34px;padding:0 6px;font-size:10px;display:inline-flex}.lightbox{z-index:200;background:#0f172acc;justify-content:center;align-items:center;padding:24px;animation:.15s both pageIn;display:flex;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:90vw;max-height:90vh;box-shadow:0 20px 60px #00000080}.lightbox .lb-x{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;top:20px;right:24px}.tr-item .reason{color:#b45309;white-space:nowrap;background:#fef3c7;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:12px;font-weight:700}.tr-act{flex-shrink:0;align-items:center;gap:6px;display:flex}.tr-act .amt{width:96px;padding:6px 8px;font-size:12px}.tr-act .acc,.tr-act .rej,.rv{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:6px 11px;font-family:inherit;font-size:12px;font-weight:700}.tr-act .acc{color:#fff;background:#059669}.tr-act .acc:hover{background:#047857}.tr-act .rej{color:#dc2626;background:#fff;border-color:#fecaca}.tr-act .rej:hover{background:#fef2f2}.rv{display:inline-block}.rv.wait{color:#b45309;cursor:default;background:#fef3c7}.rv.acc{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.rv.rej{color:#dc2626;background:#fef2f2;border-color:#fecaca}.rv.acc:hover,.rv.rej:hover{filter:brightness(.96)}tr.row-acc td{background:#f6fef9}tr.row-rej td{background:#fff7f7}.rep-tools strong{align-self:center}@media (width<=720px){.tr-item{flex-wrap:wrap}.tr-act{justify-content:flex-end;width:100%}}