:root{--ink:#17211d;--muted:#65716b;--paper:#f4f1e9;--card:#fff;--green:#1f5a46;--mint:#dcebe3;--gold:#d7ad61;--red:#a33d32;--line:#d8ddd8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:66px;padding:0 max(18px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.08em}.brand span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);font-family:Georgia,serif}.pill,.status{padding:6px 10px;border-radius:99px;background:#ffffff18;font-size:12px}.status{display:inline-block;background:var(--mint);color:var(--green);font-weight:700}main{max-width:720px;margin:auto;padding:18px 14px 110px}.adminShell{max-width:1080px}.card{background:var(--card);border:1px solid #e5e3dc;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 5px 18px #17211d0a}.hero{background:var(--green);color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #ffffff26;border-radius:50%;right:-55px;top:-60px}.eyebrow{margin:0 0 7px;color:#a87824;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow{color:var(--gold)}h1{margin:0 0 14px;font:700 29px/1.05 Georgia,serif}h2{font:700 22px/1.15 Georgia,serif;margin:0}h3{margin:0;font-size:17px}.muted,.privacyText{color:var(--muted)}.meta{display:grid;gap:7px;color:#e7eee9}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.summary div{padding:10px 8px;border-radius:10px;background:#ffffff12;text-align:center}.summary b{display:block;font-size:21px}.summary small{font-size:11px;color:#dce7e0}.notice{border-left:4px solid var(--gold);background:#fff8e9}.progressRow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.progress{height:8px;border-radius:99px;background:#e8ece9;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);transition:width .2s}.sectionTitle{display:flex;align-items:center;gap:10px;margin:25px 4px 10px}.sectionTitle>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:white;font-weight:800}.task{padding:15px 0;border-bottom:1px solid var(--line)}.task:first-child{padding-top:0}.task:last-child{border:0;padding-bottom:0}.taskHead p{margin:0 0 10px;font-weight:650}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}button,.upload{border:0;border-radius:9px;padding:11px 14px;background:var(--green);color:white;font:inherit;font-weight:700;cursor:pointer}.choices button{background:#edf0ed;color:var(--ink)}.choices .done.active{background:var(--green);color:white}.choices .problem.active{background:var(--red);color:white}.choices .na.active{background:#59645f;color:white}.required,.error{color:var(--red)}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:white;color:var(--ink);font:inherit}.task textarea,.note{margin-top:9px}.hidden{display:none!important}.proof{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.proof img{width:72px;height:72px;border-radius:9px;object-fit:cover}.proofGrid .proof:last-child{border:0}.upload{display:inline-block;margin-top:7px;padding:8px 10px;font-size:13px}.upload input{display:none}.quantities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.actions{position:fixed;z-index:4;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.6fr;gap:9px;padding:12px max(14px,calc((100vw - 700px)/2));background:#f4f1e9ed;backdrop-filter:blur(8px);border-top:1px solid var(--line)}.actions .save{background:#e4e8e5;color:var(--ink)}#toast{position:fixed;z-index:20;bottom:85px;left:50%;transform:translate(-50%,20px);padding:11px 16px;border-radius:9px;background:var(--ink);color:white;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.check{font-size:50px}.field{display:grid;gap:5px;margin:13px 0;font-weight:650}.loginCard{max-width:480px;margin:40px auto}.headerButton,.secondary,.textButton{background:transparent;border:1px solid #ffffff42}.secondary{border-color:var(--line);color:var(--green);margin:6px;background:white}.textButton{padding:4px;color:var(--red);border:0}.adminTop,.toolbar,.employeeRow,.templateRow{display:flex;align-items:center;justify-content:space-between;gap:20px}.tabs{display:flex;gap:5px;margin:22px 0;overflow:auto}.tabs button{background:#e4e8e5;color:var(--ink)}.tabs button.active{background:var(--green);color:white}.objectList{border-top:1px solid var(--line);margin:15px 0}.objectRow{display:grid;grid-template-columns:1fr auto;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.objectRow small,.employeeRow p,.templateRow p,.templateRow small{display:block;color:var(--muted)}.modalBackdrop{position:fixed;z-index:10;inset:0;background:#17211dbb;overflow:auto;padding:20px}.modal{position:relative;max-width:820px;margin:20px auto;padding:25px}.close{position:absolute;right:15px;top:12px;background:transparent;color:var(--ink);font-size:28px;padding:3px}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.objectEditor{padding:15px;margin:14px 0;background:#f7f7f3;border:1px solid var(--line);border-radius:12px}.editRow{display:grid;grid-template-columns:35px 1fr 2fr auto auto auto auto;gap:6px;align-items:center;margin:7px 0}.editRow button{padding:7px}.proofEdit{grid-template-columns:1fr auto auto}.dragIndex{color:var(--muted);text-align:center}.workLink{display:flex;color:inherit;text-decoration:none;align-items:flex-start;justify-content:space-between;gap:15px}.workLink p{margin-bottom:0}@media(max-width:650px){.adminTop,.toolbar,.employeeRow,.templateRow{align-items:flex-start;flex-direction:column}.twoCols{grid-template-columns:1fr}.editRow{grid-template-columns:30px 1fr auto auto auto}.editRow input[name=label]{grid-column:2/-1}.quantities{grid-template-columns:1fr}.modalBackdrop{padding:0}.modal{min-height:100vh;border-radius:0;margin:0}.objectRow{grid-template-columns:1fr}.summary{grid-template-columns:repeat(3,1fr)}}
