:root{--bg:#f5f7fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#d9e1ec;--primary:#0f172a;--ok:#16a34a;--warn:#ca8a04;--bad:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;background:#090e1a;color:white;padding:12px 16px}h1{font-size:20px;margin:0}main{max-width:1280px;margin:auto;padding:16px}.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;box-shadow:0 1px 2px #0001}.auth,.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button{border:0;border-radius:10px;background:#e2e8f0;padding:12px 16px;font-weight:700;cursor:pointer}button.primary,nav button.active,#signin{background:var(--primary);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}.danger{background:#fee2e2;color:#991b1b}.pill{display:inline-flex;border-radius:999px;padding:7px 10px;background:#e2e8f0;font-weight:700;font-size:13px}.pill.green{background:#dcfce7;color:#166534}.pill.red{background:#fee2e2;color:#991b1b}.pill.yellow{background:#fef9c3;color:#854d0e}nav{display:flex;gap:8px;overflow:auto;padding:2px}.tab{display:none}.tab.active{display:block}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}label{font-size:13px;font-weight:700;color:#334155;display:flex;flex-direction:column;gap:6px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;font:inherit}textarea{min-height:72px}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid var(--line);padding:8px;vertical-align:top}.table th{background:#e5e7eb}.sectionRow{background:#f1f5f9;font-weight:900;text-decoration:underline}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.photo{border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}.photo img{width:100%;height:160px;object-fit:cover;border-radius:8px}.small{font-size:12px;color:var(--muted)}#log{white-space:pre-wrap;max-height:300px;overflow:auto;background:#0b1220;color:#d1fae5;padding:12px;border-radius:10px}.tmplBox{border:1px dashed var(--line);border-radius:12px;padding:10px;margin:10px 0;background:#fbfdff}@media(max-width:850px){main{padding:8px}.grid{grid-template-columns:1fr}header h1{font-size:16px}.card,.panel{padding:12px;border-radius:10px}button{width:auto;padding:11px 13px}.table{font-size:13px}.table input,.table textarea{padding:8px}.photos{grid-template-columns:1fr}}@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}}