:root{--page-padding: 1rem;--card-radius: 1rem;--font-sans: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:var(--font-sans);background:#f7f9fb;color:#111827}.page-header,.section-header{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.page-actions{display:flex;flex-direction:column;gap:.65rem}.action-button{border:none;border-radius:.7rem;width:100%;padding:.8rem 1rem;background:#111827;color:#f9fafb;font-weight:600;cursor:pointer;transition:background .2s ease}.action-button:disabled{cursor:not-allowed;background:#9ca3af}.action-button:not(:disabled):hover{background:#1f2937}.action-button.secondary{background:#e5e7eb;color:#111827}.action-button.secondary:hover{background:#d1d5db}.modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:flex-end;justify-content:center;padding:0;z-index:1000}.modal{background:#fff;border-radius:1.25rem 1.25rem 0 0;width:100%;padding:1.1rem 1rem 1.25rem;box-shadow:0 24px 60px #0f172a33;max-height:88vh;overflow:auto}.modal-header{display:flex;flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1rem}.modal-title{font-size:1.25rem;margin:0}.modal-actions{display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem;margin-top:1rem}@media(min-width:760px){:root{--page-padding: 1.5rem}.page-header,.section-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.page-actions{flex-direction:row}.action-button{width:auto}.modal-backdrop{align-items:center;padding:1.5rem}.modal{border-radius:1.25rem;width:min(680px,100%);padding:1.5rem;max-height:90vh}.modal-header{flex-direction:row;justify-content:space-between;align-items:center}.modal-actions{flex-direction:row}}