: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}.hub-hero{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(150deg,#14233f,#0d1830);color:#fff}.hub-hero-band{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 25% 12%,#c6a15b38,#14233f00 55%)}.hub-hero-in{position:relative;padding:30px 32px}.hub-approve-btn{margin-top:18px;display:inline-flex;align-items:center;gap:8px;background:#c6a15b;color:#14233f;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 22px #c6a15b4d;transition:transform .12s,box-shadow .12s}.hub-approve-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #c6a15b6b}.hub-approve-btn:disabled{opacity:.6;cursor:default}.hub-approved{margin-top:18px;display:inline-flex;align-items:center;gap:8px;background:#0f7b6c2e;color:#7bdcc6;border:1px solid rgba(123,220,198,.4);border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600}.hub-approved.pop{animation:hubpop .55s ease}@keyframes hubpop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.hub-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.hub-doc{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--bg);color:var(--text);text-decoration:none}.hub-doc:hover{background:var(--bg2);border-color:var(--border2)}.hub-doc-ic{width:36px;height:36px;border-radius:9px;background:#14233f;color:#c6a15b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hub-doc-meta{flex:1;min-width:0;display:flex;flex-direction:column}.hub-doc-meta b{font-size:13.5px;overflow-wrap:anywhere}.hub-doc-meta span{font-size:11.5px;color:var(--text3)}.hub-thread{border-left:3px solid var(--border2);padding:4px 0 4px 14px;margin-bottom:14px}.hub-q{font-size:13.5px}.hub-q>div,.hub-a>div{margin-top:3px;color:var(--text)}.hub-a{margin-top:8px;background:var(--bg2);border-radius:8px;padding:9px 12px;font-size:13.5px}.hub-a>b{color:#14233f}.hub-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:10px}.hub-contact{border:1px solid var(--border);border-radius:13px;padding:20px;text-align:center;background:var(--bg)}.hub-contact img,.hub-contact-mono{width:84px;height:84px;border-radius:50%;object-fit:cover;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:26px;font-weight:700}.hub-contact-name{font-size:16px;font-weight:600;color:var(--text)}.hub-contact-role{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b9682f;font-weight:600;margin-top:3px}.hub-contact-blurb{font-size:12.5px;color:var(--text2);margin:8px 0 0}.hub-contact-links{margin-top:12px;display:flex;flex-direction:column;gap:6px;align-items:center}.hub-contact-links a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--accent)}.hub-admin-card{border:1px solid var(--border);border-radius:10px;background:var(--bg2);padding:14px 16px;margin:8px 0 14px}.doc-embed{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 26px #0f274214}.doc-embed iframe{width:100%;height:84vh;border:0;display:block;background:#fff}.hub-doc-view{font-size:12px;font-weight:600;color:#14233f;background:#efe7da;border:1px solid #e0d3bd;border-radius:6px;padding:3px 10px;flex-shrink:0}.hub-doc{cursor:pointer;text-align:left;width:100%;font-family:inherit}.doc-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c18289e;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.doc-modal{background:#fff;border-radius:14px;width:min(1100px,95vw);height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0006}.doc-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.doc-modal-frame{flex:1;width:100%;border:0;background:var(--bg2)}.hub-form{display:flex;flex-direction:column;gap:5px;max-width:600px}.hub-form label{font-size:12.5px;color:var(--text2);font-weight:500;margin-top:6px}.hub-form .input{width:100%;box-sizing:border-box}.hub-form textarea.input{resize:vertical;min-height:96px;font-family:inherit;line-height:1.5}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#080e18eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.lightbox img{max-width:94vw;max-height:82vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px #0009}.lightbox-cap{margin-top:14px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;color:#dfe4ec;font-size:13px;background:#ffffff0f;padding:8px 16px;border-radius:8px}.lightbox-cap b{color:#fff}.lightbox-cap span{display:inline-flex;align-items:center;gap:5px}.lightbox-x{position:absolute;top:18px;right:22px;width:38px;height:38px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}.lightbox-x:hover{background:#ffffff38}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-nav:hover{background:#ffffff3d}.lightbox-nav.lb-prev{left:18px}.lightbox-nav.lb-next{right:18px}.nav-badge{position:absolute;top:2px;right:calc(50% - 22px);background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.msg-compose{display:flex;gap:8px;align-items:flex-end;margin-bottom:14px}.msg-compose textarea{flex:1;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:13.5px;background:var(--bg);resize:vertical;min-height:44px}.msg-item{margin-bottom:12px}.msg-bubble{border-radius:12px;padding:9px 12px;font-size:13.5px;max-width:85%;white-space:pre-wrap}.msg-bubble.mine{background:var(--accent-bg);margin-left:auto;border-bottom-right-radius:4px}.msg-bubble.theirs{background:var(--bg3);margin-top:6px;border-bottom-left-radius:4px}.msg-time{display:block;font-size:10.5px;color:var(--text3);margin-top:3px}.pic-card.marked-reject .img img{opacity:.35;filter:grayscale(.6)}.pic-card.marked-reject{outline:2px solid var(--red);outline-offset:-1px}.reject-toggle{position:absolute;top:6px;right:6px;background:#141920b8;color:#fff;border-radius:14px;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.reject-toggle.on,.reject-toggle:hover{background:var(--red)}.sign-screen{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg2)}.sign-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border-bottom:1px solid var(--border)}.sign-head-title{flex:1;min-width:0}.sign-head-title b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-head-title span{font-size:11.5px;color:var(--text2)}.sign-pages{padding:12px;max-width:900px;width:100%;margin:0 auto}.esign-pages{max-width:900px}.sign-page{position:relative;width:100%;background:#fff;box-shadow:var(--shadow);border-radius:4px;margin-bottom:14px;overflow:hidden}.sign-page img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;user-select:none;-webkit-user-select:none}.sign-page>img{position:absolute}.sign-field{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:3px;padding:0;overflow:hidden}.sign-field.todo{background:#fdecc8bf;border:1.5px dashed var(--amber);cursor:pointer;animation:sfpulse 2.2s ease-in-out infinite}.sign-field.filled{background:transparent;border:1px solid rgba(15,123,108,.35);cursor:pointer}.sign-field.prefilled{background:transparent;border:none}.sign-field img{position:static!important;width:100%;height:100%;object-fit:contain}.sign-field-hint{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--amber);white-space:nowrap;overflow:hidden}.sign-field-text{font-size:12px;color:#1a2b4a;white-space:nowrap;overflow:hidden}@keyframes sfpulse{0%,to{box-shadow:0 0 #cb912f59}50%{box-shadow:0 0 0 6px #cb912f00}}.esign-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.esign-toolgroup{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px dashed var(--border2);border-radius:var(--radius)}.builder-field{border:1.5px solid var(--accent);background:#e7f3f8b3;cursor:grab;touch-action:none}.builder-field.admin{border-color:var(--green);background:#dbeddbb3}.builder-field.admin .sign-field-hint{color:var(--green)}.builder-field .sign-field-hint{color:var(--accent);font-size:10.5px;padding:0 4px}.builder-field.selected{box-shadow:0 0 0 2px var(--accent)}.builder-field.admin.selected{box-shadow:0 0 0 2px var(--green)}.resize-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border-radius:7px;background:var(--accent);border:2px solid #fff;cursor:nwse-resize;touch-action:none}.builder-field.admin .resize-handle{background:var(--green)}.sig-pad-wrap{position:relative;border:1px dashed var(--border2);border-radius:var(--radius);background:var(--bg2)}.sig-pad{display:block;width:100%;height:170px;touch-action:none;cursor:crosshair}.sig-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:13px;pointer-events:none}.sig-preview{border:1px dashed var(--border2);border-radius:var(--radius);background:var(--bg2);padding:8px;display:flex;justify-content:center}.sig-preview img{max-height:80px;max-width:100%}.roster-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.roster-grid{border-collapse:collapse;width:100%;min-width:900px;font-size:12.5px}.roster-grid th{background:var(--bg2);padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);position:sticky;top:0}.roster-grid th.today{background:var(--accent-bg)}.roster-grid td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:6px;vertical-align:top;min-width:120px;height:54px;cursor:pointer}.roster-grid td:first-child{cursor:default;background:var(--bg);min-width:130px}.roster-grid td.leave-cell{background:var(--accent-bg);cursor:not-allowed}.shift-card{border:1px solid var(--border);border-radius:8px;padding:5px 8px;margin-bottom:5px;background:var(--bg);cursor:pointer;line-height:1.5}.shift-card:hover{background:var(--bg2)}.shift-card.draft{border-style:dashed;opacity:.8}.shift-card.cancelled,.shift-card.declined{opacity:.55;text-decoration:line-through}.shift-card.completed{border-color:var(--green)}.shift-card.accepted{border-color:var(--accent)}.shift-card.picked{outline:2px solid var(--accent)}.roster-table{border-collapse:collapse;width:100%;font-size:12.5px}.roster-table th{background:var(--bg2);padding:7px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.roster-table td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top}.roster-table tr.row-pending{background:var(--amber-bg, #fdf6e7)}.clock-card{border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px;background:var(--bg)}.clock-big{width:100%;padding:16px;font-size:17px;font-weight:700;border-radius:12px;border:none;cursor:pointer;background:var(--green,#2a6b3a);color:#fff}.clock-big.stop{background:var(--red,#b83232)}.clock-big:disabled{opacity:.55;cursor:default}.break-banner{border-radius:10px;padding:10px 12px;font-size:13px;margin-top:10px;background:var(--amber-bg,#fdf6e7);border:1px solid var(--amber,#b87a00)}