:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #3b82f6;--gris: #9ca3af;--orange: #f59e0b;--vert: #22c55e;--danger: #ef4444;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:16px}.app-shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--surface-2);gap:8px}.topbar h1{font-size:18px;margin:0}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600}.btn:disabled{opacity:.5}.btn.secondary{background:var(--surface-2)}.btn.danger{background:var(--danger)}.btn.block{width:100%}.page{flex:1;overflow-y:auto;padding:16px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:13px;color:var(--text-muted)}.field input,.field textarea,.field select{background:var(--surface);border:1px solid var(--surface-2);border-radius:8px;padding:10px 12px;color:var(--text)}.password-input{position:relative}.password-input input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;line-height:1;padding:8px;cursor:pointer;border-radius:6px}.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--surface);border-radius:12px;padding:14px 16px;margin-bottom:10px}.card-link{display:block;text-decoration:none;color:inherit}.card h3{margin:0 0 4px;font-size:16px}.card p{margin:0;color:var(--text-muted);font-size:13px}.error-banner{background:#ef444426;border:1px solid var(--danger);color:#fecaca;padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:14px}.sync-banner{background:#f59e0b26;border-bottom:1px solid var(--orange);color:#fde68a;padding:8px 16px;font-size:13px;text-align:center}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.status-dot.GRIS{background:var(--gris)}.status-dot.ORANGE{background:var(--orange)}.status-dot.VERT{background:var(--vert)}.plan-viewer{position:relative;width:100%;height:100%;overflow:hidden;background:#0b1120;touch-action:none}.plan-content{position:relative;will-change:transform;backface-visibility:hidden}.plan-content img,.plan-content canvas{display:block;max-width:none}.point-marker{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;cursor:pointer}.point-marker .pin{width:28px;height:28px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid white;box-shadow:0 1px 4px #00000080;position:relative}.point-marker .pin.GRIS{background:var(--gris)}.point-marker .pin.ORANGE{background:var(--orange)}.point-marker .pin.VERT{background:var(--vert)}.point-marker .photo-count{position:absolute;top:-6px;right:-10px;background:#fff;color:#111;font-size:10px;font-weight:700;border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px;transform:rotate(45deg)}.point-marker .label{margin-top:2px;font-size:11px;background:#0f172ad9;padding:1px 6px;border-radius:4px;white-space:nowrap}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:50}.sheet{background:var(--surface);width:100%;max-height:88vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:16px}.report-preview-sheet{max-height:94vh;display:flex;flex-direction:column}.report-preview-frame{flex:1;min-height:60vh;width:100%;border:1px solid var(--surface-2);border-radius:8px;background:#fff}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.photo-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--surface-2)}.photo-section-title{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--text)}.photo-section-empty{margin:0 0 14px;color:var(--text-muted);font-size:13px}.photo-capture-btn{margin-top:12px;padding:14px 16px;font-size:16px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--surface-2)}.photo-meta{font-size:10px;color:var(--text-muted);margin-top:2px}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.lightbox-overlay img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px}.lightbox-caption{color:var(--text-muted);font-size:13px;margin-top:12px}.lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff1f;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer}.upload-zone{border:2px dashed var(--surface-2);border-radius:12px;padding:24px;text-align:center;color:var(--text-muted)}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;padding:24px;text-align:center}