:root{--ink: #1c1e22;--ink-soft: #4b4f57;--ink-faint: #8a8f99;--paper: #faf8f4;--paper-raised: #ffffff;--line: #e6e2d9;--brass: #a8894e;--brass-deep: #8a6f3c;--night: #14161a;--night-soft: #23262c;--good: #2e7d4f;--warn: #b3261e;--pend: #946200;--radius: 10px;--shadow: 0 1px 2px rgba(20, 22, 26, .06), 0 8px 24px rgba(20, 22, 26, .07);--serif: Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,.serif{font-family:var(--serif);font-weight:500;letter-spacing:.01em}a{color:var(--brass-deep);text-decoration:none}.topbar{background:var(--night);color:#f1ede4;padding:calc(env(safe-area-inset-top) + 14px) 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:40}.brand{font-family:var(--serif);font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:#f1ede4}.brand b{color:var(--brass);font-weight:600}.topbar nav{display:flex;gap:18px;align-items:center}.topbar nav a{color:#cfc9bb;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.topbar nav a.active,.topbar nav a:hover{color:var(--brass)}.page{max-width:1080px;margin:0 auto;padding:28px 20px calc(env(safe-area-inset-bottom) + 80px)}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-head h1{margin:0;font-size:1.7rem}.sub{color:var(--ink-faint);font-size:.9rem}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.grid{display:grid;gap:16px}.grid.projects{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.project-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.project-card:hover{transform:translateY(-2px)}.project-card h3{margin:0 0 4px;font-size:1.15rem}.project-card .addr{color:var(--ink-faint);font-size:.85rem;margin-bottom:12px}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-soft);background:var(--paper)}.badge.active,.badge.approved{color:var(--good);border-color:currentColor}.badge.sent,.badge.punch_list,.badge.pending{color:var(--pend);border-color:currentColor}.badge.declined,.badge.on_hold,.badge.expired{color:var(--warn);border-color:currentColor}.badge.complete{color:var(--brass-deep);border-color:currentColor}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--night);color:#f1ede4;border:1px solid var(--night);padding:10px 20px;border-radius:var(--radius);font-size:.9rem;letter-spacing:.03em}.btn:hover{background:var(--night-soft)}.btn.brass{background:var(--brass-deep);border-color:var(--brass-deep)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.danger{background:transparent;color:var(--warn);border-color:var(--warn)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.block{width:100%;justify-content:center;padding:14px;font-size:1rem}label.field{display:block;margin-bottom:14px;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}label.field input,label.field textarea,label.field select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper-raised);font-size:1rem;color:var(--ink);font-family:var(--sans)}label.field input:focus,label.field textarea:focus{outline:2px solid var(--brass);border-color:var(--brass)}.error{color:var(--warn);font-size:.9rem;margin:8px 0}.notice{color:var(--good);font-size:.9rem;margin:8px 0}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.photo-tile{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:var(--night-soft)}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-tile .meta{position:absolute;inset:auto 0 0 0;padding:18px 8px 6px;font-size:.68rem;color:#fff;background:linear-gradient(transparent,#14161ad9);display:flex;justify-content:space-between;align-items:end;gap:6px}.gps-dot{color:var(--brass)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:18px 0;flex-wrap:wrap}.tabs button{background:none;border:none;border-bottom:2px solid transparent;padding:10px 16px;font-size:.9rem;color:var(--ink-soft);cursor:pointer}.tabs button.active{color:var(--ink);border-bottom-color:var(--brass);font-weight:600}.feed-item{border-bottom:1px solid var(--line);padding:14px 0}.feed-item:last-child{border-bottom:none}.feed-item .when{color:var(--ink-faint);font-size:.78rem}.co-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.co-row:last-child{border-bottom:none}.amount{font-family:var(--serif);font-size:1.15rem}.capture-zone{border:2px dashed var(--line);border-radius:var(--radius);padding:40px 20px;text-align:center;color:var(--ink-soft);background:var(--paper-raised)}.queue-pill{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 16px);right:16px;background:var(--night);color:var(--brass);padding:10px 16px;border-radius:99px;font-size:.82rem;box-shadow:var(--shadow);z-index:50}.photo-tile a{display:block;width:100%;height:100%}.vis-toggle{position:absolute;top:6px;right:6px;z-index:2;border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer;background:#14161abf;color:#cfc9bb;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 7px}.vis-toggle.on{color:var(--brass);border-color:var(--brass)}.help-section{margin-bottom:18px}.help-section h2{font-size:1.2rem;margin:0 0 4px}.help-section h3{font-size:1rem;margin:16px 0 4px}.help-section p,.help-section li{line-height:1.65}.kbd{display:inline-block;padding:1px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:.85em}.player-stage{position:relative;width:100%;aspect-ratio:16 / 10;background:var(--night);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.player-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}@keyframes wmFade{0%{opacity:0}to{opacity:1}}.player-stage img.top{animation:wmFade .5s ease}.player-caption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;color:#fff;font-size:.85rem;background:linear-gradient(transparent,#14161ad9);display:flex;justify-content:space-between;gap:10px;align-items:end}.player-progress{position:absolute;top:0;left:0;height:3px;background:var(--brass);transition:width .3s linear}.player-controls{display:flex;gap:10px;align-items:center;margin:12px 0 22px;flex-wrap:wrap}.timeline-day{margin-bottom:22px}.timeline-day h3{margin:0 0 2px;font-size:1.02rem}.timeline-day .sub{margin-bottom:8px}.timeline-strip{display:flex;flex-wrap:wrap;gap:8px}.timeline-strip .tl-thumb{width:92px;height:92px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:var(--night-soft)}.timeline-strip .tl-thumb img{width:100%;height:100%;object-fit:cover;display:block}.timeline-strip .tl-thumb.current{border-color:var(--brass)}.approve-wrap{max-width:560px;margin:0 auto;padding:40px 20px}.approve-hero{text-align:center;margin-bottom:28px}.approve-hero .brand-lg{font-family:var(--serif);letter-spacing:.18em;text-transform:uppercase;font-size:1.2rem}.approve-hero .rule{width:56px;height:2px;background:var(--brass);margin:14px auto}.disclosure{font-size:.78rem;color:var(--ink-faint);line-height:1.5;margin:14px 0}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--night);padding:20px}.login-card{width:100%;max-width:400px;background:var(--paper);border-radius:14px;padding:36px 32px}@media(max-width:640px){.page{padding:18px 14px calc(env(safe-area-inset-bottom) + 90px)}.topbar nav a{font-size:.78rem}.page-head h1{font-size:1.35rem}}