:root{--navy:#0a2a4e;--blue:#1f7ad1;--blue-2:#1466b8;--sky:#38b6e6;--ink:#12283f;--slate:#48607a;--muted:#7c93a8;--bg:#eef5fc;--surface:#fff;--tint:#e8f4fc;--tint-2:#dcebf7;--line:#d6e9f7;--line-2:#c3d9ec;--ok:#1c9b6a;--warn:#c9662f;--shadow:0 1px 2px #0c3f780f, 0 18px 40px -24px #0c3f7873;--sans:"Nunito Sans",system-ui,-apple-system,sans-serif;--head:"Rubik","Nunito Sans",system-ui,sans-serif;--r:16px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--head);letter-spacing:-.01em;margin:0}a{color:var(--blue);text-decoration:none}button{font-family:var(--sans);cursor:pointer}img,video{max-width:100%;display:block}.app{background:var(--bg);flex-direction:column;max-width:520px;min-height:100%;margin:0 auto;display:flex}.topbar{background:linear-gradient(135deg,var(--navy),var(--blue-2));color:#fff;z-index:5;align-items:center;gap:10px;padding:14px 18px;display:flex;position:sticky;top:0}.topbar .logo{font-family:var(--head);letter-spacing:.01em;font-size:1.1rem;font-weight:800}.topbar .logo span{color:var(--sky)}.topbar .sub{opacity:.85;margin-left:auto;font-size:.78rem;font-weight:600}.screen{flex:1;padding:20px 18px 40px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue-2);font-size:.72rem;font-weight:800}.h-lg{margin:.3rem 0;font-size:1.7rem;font-weight:800;line-height:1.1}.h-md{font-size:1.2rem;font-weight:700}.lede{color:var(--slate);margin:.4rem 0 0}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px}.card+.card{margin-top:14px}.btn{width:100%;font-size:1.05rem;font-weight:800;font-family:var(--head);border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:16px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 10px 24px -12px #1f7ad1cc}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:var(--tint);color:var(--blue-2);border:1px solid var(--line-2)}.btn-ok{background:linear-gradient(135deg,#22b07c,var(--ok));color:#fff}.btn:disabled{opacity:.5}.btn-row{gap:10px;margin-top:14px;display:flex}.btn-row .btn{font-size:.98rem}.locbar{background:var(--tint);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.locbar .pin{background:linear-gradient(135deg,var(--sky),var(--blue));color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.locbar .client{color:var(--blue-2);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.locbar .room{font-family:var(--head);font-size:1.05rem;font-weight:700}.frames{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.frame{aspect-ratio:3/4;border:2px dashed var(--line-2);background:var(--tint);text-align:center;color:var(--muted);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.frame.filled{border-style:solid;border-color:var(--blue)}.frame img,.frame video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frame .tag{z-index:2;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#0a2a4ee6;border-radius:6px;padding:3px 8px;font-size:.62rem;font-weight:800;position:absolute;top:8px;left:8px}.frame.after .tag{background:var(--blue)}.frame .plus{color:var(--blue);font-size:2rem;font-weight:300}.frame .cap-label{color:var(--slate);margin-top:6px;font-size:.82rem;font-weight:700}.hidden-input{display:none}.chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{color:var(--slate);background:var(--tint);border:1px solid var(--line);border-radius:9px;align-items:center;gap:6px;padding:6px 11px;font-size:.8rem;font-weight:700;display:inline-flex}.chip b{color:var(--ink)}.chip.ok{color:var(--ok);background:#e6f6ef;border-color:#bfe6d4}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;padding:14px}.stat .n{font-family:var(--head);color:var(--blue-2);font-size:1.5rem;font-weight:800}.stat .l{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem;font-weight:700}.rec{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.rec .thumb{object-fit:cover;background:var(--tint);border-radius:10px;flex-shrink:0;width:52px;height:52px}.rec .meta{flex:1;min-width:0}.rec .meta .r{font-weight:800;font-family:var(--head)}.rec .meta .s{color:var(--muted);font-size:.8rem}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.64rem;font-weight:800}.badge.ok{color:var(--ok);background:#e6f6ef}.badge.prog{color:var(--warn);background:#fbeee4}.proof-frames{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.proof-frames figure{margin:0}.proof-frames img,.proof-frames video{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%}.proof-frames figcaption{text-transform:uppercase;letter-spacing:.08em;color:var(--slate);margin-top:6px;font-size:.72rem;font-weight:800}.back{color:var(--blue-2);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-weight:700;display:inline-flex}.empty{text-align:center;color:var(--muted);padding:40px 10px}.field{border:1px solid var(--line-2);width:100%;font-size:1rem;font-family:var(--sans);border-radius:12px;margin-top:6px;padding:13px}label.lbl{color:var(--slate);font-size:.8rem;font-weight:800}.has-nav .screen{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.bottomnav{background:var(--surface);border-top:1px solid var(--line);max-width:520px;padding-bottom:env(safe-area-inset-bottom);z-index:30;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 26px -20px #0c3f7899}.tab{color:var(--muted);font-family:var(--head);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:11px 4px 13px;font-size:.68rem;font-weight:700;text-decoration:none;display:flex;position:relative}.tab svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tab.active{color:var(--blue)}.tab.active:before{content:"";background:var(--blue);border-radius:0 0 4px 4px;width:26px;height:3px;position:absolute;top:0}.topbar .logout{color:#fff;font-size:.7rem;font-weight:800;font-family:var(--head);white-space:nowrap;background:#ffffff29;border:none;border-radius:999px;margin-left:12px;padding:7px 12px}.frame .uploading{color:#fff;z-index:3;background:#0a2a4e8c;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.dots{border:3px solid var(--line-2);border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;margin:12px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rec-grid{display:block}.rec-grid .rec{margin-bottom:10px}@media (width>=900px){.admin-app,.admin-app .bottomnav{max-width:900px}.admin-app .screen{padding:28px 30px 100px}.admin-app .rec-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-app .rec-grid .rec{margin-bottom:0}.admin-app .proof-frames{grid-template-columns:repeat(4,1fr)}.admin-app .stat-row{max-width:560px}.admin-app .h-lg{font-size:2rem}}