:root{--accent: #1f7a3d;--accent-d: color-mix(in srgb, var(--accent) 82%, black);--bg: #ffffff;--surface: #fafafa;--stage: #eef0f2;--line: #e5e7eb;--text: #1a1a1a;--muted: #6b7280;--danger: #b42318;--r: 10px;--maxw: 640px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}.app{height:100dvh;display:flex;flex-direction:column}.app>main{flex:1;min-height:0;overflow:auto}.site-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px}.brand img{width:28px;height:28px}.brand b{font-size:16px;white-space:nowrap}.nav{display:flex;gap:2px;flex-wrap:wrap}.nav a{font-size:13.5px;color:var(--muted);text-decoration:none;padding:8px 12px;border-bottom:2px solid transparent}.nav a.router-link-exact-active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.site-footer{flex:none;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--accent-d);color:#e7f3ec;font-size:12px}.site-footer img{width:24px;height:24px}.container{max-width:var(--maxw);margin:0 auto;padding:20px 16px}.container--wide{max-width:none}h1{font-size:21px;font-weight:700;margin:0 0 16px}.btn{display:inline-block;padding:12px 16px;border:none;border-radius:var(--r);background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:var(--accent-d)}.btn:disabled{opacity:.5;cursor:default}.btn--block{display:block;width:100%;text-align:center}.btn--ghost{background:#fff;color:var(--accent);border:1px solid var(--accent)}.btn--ghost:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.btn--danger{background:#fff;color:var(--danger);border:1px solid #f0c2bd}.btn--danger:hover{background:#fdf3f2}.btn--sm{padding:5px 10px;font-size:12px}input,textarea,select{font:inherit}.inp,input[type=text],input[type=password],input[type=number],input[type=datetime-local],textarea,select{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:14px;background:#fff;color:var(--text)}textarea{resize:vertical}.field{margin-bottom:12px}.field>label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px}.pill{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;font-weight:600}.pill--pending{background:#f1f3f5;color:var(--muted)}.pill--ok{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.pill--error{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.muted{color:var(--muted)}.error{color:var(--danger)}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}@media(min-width:560px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.photo-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.photo-card img{width:100%;height:110px;object-fit:cover;display:block}.photo-card .meta{padding:8px 10px}.photo-card .meta p{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.35}.empty{text-align:center;color:var(--muted);padding:40px 16px}.empty img{width:56px;height:56px;opacity:.4;filter:grayscale(.3);margin-bottom:10px}