:root{--bg:#ffffff;--bg2:#f7f7f5;--bg3:#f1f1ef;--border:#e9e9e7;--border2:#d3d1cb;--text:#37352f;--text2:#787774;--text3:#9b9a97;--accent:#2383e2;--accent-bg:#e7f3f8;--green:#0f7b6c;--green-bg:#dbeddb;--red:#e03e3e;--red-bg:#ffe2dd;--amber:#cb912f;--amber-bg:#fdecc8;--radius:6px;--shadow:rgba(15,15,15,.04) 0 0 0 1px, rgba(15,15,15,.06) 0 2px 4px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg2);color:var(--text);font-size:14px;line-height:1.5}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:var(--text)}.ic{flex-shrink:0;display:inline-block;vertical-align:-2px}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:1px 8px;border-radius:10px;font-weight:500;white-space:nowrap}.pill.green{background:var(--green-bg);color:var(--green)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.blue{background:var(--accent-bg);color:var(--accent)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.gray{background:var(--bg3);color:var(--text2)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border2);border-radius:var(--radius);padding:5px 12px;font-size:13px;font-weight:500;background:var(--bg)}.btn:hover{background:var(--bg2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#1a73c9}.btn.danger{color:var(--red)}.btn:disabled{opacity:.5;cursor:default}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:12px;color:var(--text3);font-weight:500;padding:6px 10px;border-bottom:1px solid var(--border)}td{padding:9px 10px;border-bottom:1px solid var(--border)}td.r,th.r{text-align:right}tr.click{cursor:pointer}tr.click:hover{background:var(--bg2)}tr.total td{font-weight:600;background:var(--bg2)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;gap:10px;flex-wrap:wrap}.section-head h2{font-size:16px}.stat-row{display:flex;gap:14px;margin:18px 0 24px;flex-wrap:wrap}.stat{flex:1;min-width:150px;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--bg)}.stat .num{font-size:24px;font-weight:700}.stat .lbl{font-size:12px;color:var(--text2)}.input{border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-size:13px;background:var(--bg)}.muted{font-size:12.5px;color:var(--text3)}.error{color:var(--red);font-size:13px}.login-page{min-height:100vh;min-height:100dvh;display:flex;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,sans-serif}.login-hero{flex:0 0 48%;color:#fff;padding:42px 46px;display:flex;flex-direction:column;background-color:#11203a;background-image:radial-gradient(115% 80% at 27% 15%,#6380ad5c,#11203a00 55%),linear-gradient(155deg,#1b2f50,#12223c 52%,#0c1830)}.login-brand{display:flex;align-items:center;gap:12px}.login-logo{width:46px;height:46px;border-radius:10px;object-fit:cover;box-shadow:0 0 0 1px #ffffff14}.login-brand-name{font-size:15.5px;font-weight:600;letter-spacing:.01em}.login-brand-sub{font-size:12px;color:#93a0b6;margin-top:1px}.login-hero-copy{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 0}.login-hero-copy h1{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.06;letter-spacing:-.022em;margin:0;color:#fff}.login-hero-copy h1 span{color:#c6a15b}.login-hero-copy p{font-size:15px;line-height:1.6;color:#aab3c4;margin:20px 0 0;max-width:340px}.login-panel{flex:1;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:100%;max-width:340px}.login-form h2{font-size:27px;font-weight:700;letter-spacing:-.02em;color:#14233f;margin:0 0 6px}.login-sub{font-size:14.5px;color:var(--text2);margin:0 0 26px}.login-form form{display:flex;flex-direction:column}.login-form label{font-size:12.5px;color:var(--text2);margin-bottom:6px;font-weight:500}.login-input{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--border2);border-radius:9px;font-size:14px;color:#14233f;background:var(--bg);margin-bottom:16px;font-family:inherit}.login-input:focus{outline:none;border-color:#14233f;box-shadow:0 0 0 3px #14233f1f}.login-submit{width:100%;background:#14233f;color:#fff;border:none;border-radius:9px;padding:12px;font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:2px;transition:background .12s}.login-submit:hover{background:#0d1830}.login-submit:disabled{opacity:.6;cursor:default}.login-alt{text-align:center;margin-top:18px}.login-alt button{font-size:13.5px;color:var(--text2);font-family:inherit}.login-alt button:hover{color:#14233f;text-decoration:underline}.login-form .error{margin-bottom:14px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.role-grid button{border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:left;font-size:13px;font-weight:500;display:flex;flex-direction:column;gap:3px;font-family:inherit}.role-grid button:hover{background:var(--bg2)}.role-grid button span{font-size:11.5px;color:var(--text3);font-weight:400}@media (max-width:820px){.login-page{flex-direction:column}.login-hero{flex:none;padding:30px 26px 32px}.login-hero-copy{padding:18px 0 2px}.login-hero-copy h1{font-size:30px}.login-hero-copy p{display:none}.login-panel{padding:30px 24px 44px}.login-form{max-width:400px;margin:0 auto}}.app{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--bg2);border-right:1px solid var(--border);padding:14px 8px;flex-shrink:0;display:flex;flex-direction:column}.sidebar .user{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:12px}.avatar{width:26px;height:26px;border-radius:50%;background:var(--text);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .user b{font-size:13px;display:block;line-height:1.2}.sidebar .user span{font-size:11px;color:var(--text3)}.nav-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:6px 10px;border-radius:var(--radius);color:var(--text2);font-size:13.5px;font-weight:500;margin-bottom:1px}.nav-item:hover{background:var(--bg3)}.nav-item.active{background:var(--bg3);color:var(--text)}.nav-item .spacer{margin-left:auto}.nav-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;padding:14px 10px 4px}.main{flex:1;padding:32px 40px;background:var(--bg);overflow-x:auto;min-width:0}.main h1{font-size:24px;font-weight:700;margin-bottom:4px}.main .crumb{font-size:12.5px;color:var(--text3);margin-bottom:18px}@media (max-width:900px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px;padding:8px}.sidebar .user{margin-bottom:0;margin-right:6px}.nav-label{display:none}.nav-item{width:auto;padding:6px 9px}.nav-item .label{display:none}.main{padding:20px 16px}}.staff-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg);max-width:520px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.phead{padding:16px 18px 12px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:10px}.phead h2{font-size:18px;font-weight:700}.phead .sub{font-size:12px;color:var(--text2)}.phead .right{margin-left:auto}.pbody{flex:1;overflow-y:auto;padding:14px 16px 80px}.pnav{display:flex;border-top:1px solid var(--border);background:var(--bg);position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom)}.pnav button{flex:1;padding:10px 0 12px;font-size:11px;color:var(--text3);display:flex;flex-direction:column;align-items:center;gap:3px}.pnav button.active{color:var(--text);font-weight:600}.site-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:background .1s;background:var(--bg)}.site-card:hover{background:var(--bg2)}.site-card h3{font-size:14px;font-weight:600}.site-card .meta{font-size:12px;color:var(--text2);margin-top:2px}.site-card .row{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.camera{flex:1;background:#10171d;border-radius:10px;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;overflow:hidden}.camera video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.camera .fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff73;font-size:13px;text-align:center;padding:0 30px}.stamp{margin:12px;align-self:flex-start;background:#0000008c;color:#fff;font-size:11px;padding:7px 11px;border-radius:6px;line-height:1.7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:2}.stamp .row{display:flex;align-items:center;gap:6px}.cam-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:26px;padding:18px;z-index:2}.shutter{width:62px;height:62px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.4);transition:transform .1s}.shutter:active{transform:scale(.92)}.shutter:disabled{opacity:.4}.label-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.label-tags button{font-size:12px;border:1px solid var(--border);border-radius:14px;padding:3px 11px;color:var(--text2)}.label-tags button.sel{background:var(--text);color:#fff;border-color:var(--text)}.thumb-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumb{width:70px;height:70px;border-radius:6px;border:1px solid var(--border);position:relative;overflow:hidden;background:var(--bg3)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .tick{position:absolute;top:2px;right:2px;width:18px;height:18px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.upload-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.upload-item .thumb{width:46px;height:46px;flex-shrink:0}.upload-item .info{flex:1;min-width:0}.upload-item .info b{font-size:13px;display:block}.upload-item .info span{font-size:11.5px;color:var(--text2)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:90px;background:var(--text);color:#fff;font-size:12px;padding:8px 14px;border-radius:8px;z-index:60;animation:fadein .2s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.q-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;background:var(--bg)}.q-card .q{font-weight:500;margin-bottom:10px}.yn{display:flex;gap:8px;margin-bottom:10px}.yn button{border:1px solid var(--border2);border-radius:var(--radius);padding:4px 18px;font-size:13px;font-weight:500}.yn button.yes.sel{background:var(--green-bg);border-color:var(--green);color:var(--green)}.yn button.no.sel{background:var(--red-bg);border-color:var(--red);color:var(--red)}.yn button.na.sel{background:var(--bg3);border-color:var(--border2)}.q-note{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-size:13px;resize:vertical;min-height:34px;background:var(--bg)}.score-bar{position:sticky;top:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;display:flex;align-items:center;gap:18px;margin-bottom:18px;z-index:10;flex-wrap:wrap}.score-bar b{font-size:17px}.report-head{border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;display:flex;gap:30px;flex-wrap:wrap;align-items:center;background:var(--bg)}.big-score{font-size:34px;font-weight:700;color:var(--green)}.rsec{margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.rsec .rs-head{display:flex;justify-content:space-between;padding:11px 16px;background:var(--bg2);font-weight:600;cursor:pointer;font-size:13.5px}.rq{padding:10px 16px;border-bottom:1px solid var(--border)}.rq:last-child{border-bottom:none}.rq .q-line{display:flex;justify-content:space-between;gap:14px;font-size:13.5px}.rq .note{font-size:12.5px;color:var(--text2);margin-top:3px}.day-group{margin-bottom:26px}.day-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.day-head h3{font-size:14px}.day-head .line{flex:1;height:1px;background:var(--border)}.pic-grid{display:flex;gap:10px;flex-wrap:wrap}.pic-card{width:160px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.pic-card .img{height:104px;background:var(--bg3)}.pic-card .img img{width:100%;height:100%;object-fit:cover;display:block}.pic-card .cap{font-size:10.5px;color:var(--text2);padding:6px 8px;line-height:1.55}.pic-card .cap b{color:var(--text);font-size:11px;display:block}.cap .meta-line{display:flex;align-items:center;gap:4px}.sc-legend{display:flex;gap:18px;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-bottom:16px;font-size:12px;color:var(--text2);background:var(--bg);align-items:center}.sc-legend>div{display:flex;align-items:center;gap:7px}.rag{width:20px;height:20px;border-radius:50%;color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.rag.g{background:#1d9a6c}.rag.a{background:#e8a33d}.rag.r{background:#d64545}.rag.dim{opacity:.22}.rag-pick{display:flex;gap:5px}.rag-pick .rag{cursor:pointer;border:none}.kpi-sec{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;background:var(--bg)}.kpi-sec .kpi-head{padding:9px 14px;background:var(--bg2);font-weight:600;font-size:13px;color:var(--red)}.kpi-row{display:flex;align-items:center;gap:14px;padding:11px 14px;border-top:1px solid var(--border);flex-wrap:wrap}.kpi-row .perf{flex:1;min-width:220px;font-size:13.5px}.kpi-row input[type=text]{flex:1;min-width:180px;border:1px solid var(--border);border-radius:var(--radius);padding:6px 9px;font-size:12.5px}.kpi-row .comment{flex:1;min-width:180px;font-size:12.5px;color:var(--text2)}.week-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.week-tabs button{padding:4px 12px;border:1px solid var(--border);border-radius:14px;font-size:12.5px;color:var(--text2)}.week-tabs button.active{background:var(--text);color:#fff;border-color:var(--text)}.drop{border:1.5px dashed var(--border2);border-radius:var(--radius);padding:26px;text-align:center;color:var(--text2);font-size:13px;margin-bottom:18px;background:var(--bg)}.drop.drag{background:var(--accent-bg);border-color:var(--accent)}.file-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);padding:7px 12px;font-size:13px;margin-top:10px;background:var(--bg)}.builder{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.block-lib{width:260px;border:1px solid var(--border);border-radius:var(--radius);padding:12px;flex-shrink:0;background:var(--bg)}.block-lib h3{font-size:13px;margin-bottom:8px}.block{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;margin-bottom:7px;font-size:13px;display:flex;justify-content:space-between;align-items:center;background:var(--bg);gap:6px}.block span{color:var(--text3);font-size:11.5px}.block .add{color:var(--accent);font-weight:600;font-size:13px;padding:2px 6px}.tmpl{flex:1;min-width:330px;border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--bg)}.tmpl-section{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.tmpl-section .ts-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--bg2);font-weight:600;font-size:13.5px}.tmpl-section .ts-head .rm{margin-left:auto;color:var(--text3);cursor:pointer;font-size:13px}.tmpl-section ul{list-style:none;padding:8px 12px}.tmpl-section li{font-size:12.5px;color:var(--text2);padding:3px 0;display:flex;gap:8px;align-items:center}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f59;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--bg);border-radius:10px;padding:24px;width:480px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:#0f0f0f33 0 10px 40px}.modal h2{font-size:17px;margin-bottom:14px}.modal .field{margin-bottom:12px}.modal .field label{display:block;font-size:12px;color:var(--text2);margin-bottom:4px}.modal .field input,.modal .field select,.modal .field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-size:13px}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.trend{display:flex;align-items:flex-end;gap:6px;height:60px}.trend .bar{width:26px;background:var(--green-bg);border-radius:3px 3px 0 0;position:relative}.trend .bar i{position:absolute;top:-17px;left:50%;transform:translate(-50%);font-size:10px;font-style:normal;color:var(--text2)}.signoff{display:flex;gap:24px;margin-top:22px;flex-wrap:wrap}.sign-col{flex:1;min-width:220px;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--bg)}.sign-col b{display:block;margin-top:4px;font-size:15px}.print-head,.print-foot{display:none}@media print{.sidebar,.pnav,.no-print,.week-tabs{display:none!important}.main{padding:0}body{background:#fff;font-size:12px}.print-head{display:flex;align-items:center;gap:14px;border-bottom:3px solid #37352f;padding-bottom:14px;margin-bottom:20px}.print-head img{width:52px;height:52px;border-radius:10px}.print-head .ph-name{font-size:19px;font-weight:800;letter-spacing:.06em}.print-head .ph-sub{font-size:10.5px;color:#787774}.print-head .ph-doc{margin-left:auto;text-align:right}.print-head .ph-title{font-size:13px;font-weight:600;max-width:300px}.print-foot{display:block;margin-top:26px;padding-top:10px;border-top:1px solid #d3d1cb;font-size:10px;color:#787774;text-align:center}.rsec .rs-body{display:block!important}.rsec,.kpi-sec,.q-card,.rq,.signoff,.report-head{break-inside:avoid}.main h1{font-size:20px}.btn{display:none!important}.thumb{width:86px;height:86px}}.rsec .rs-body{display:none}.rsec.open .rs-body{display:block}