*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}html,body{margin:0;padding:0;height:100%;font-family:Playfair Display,Georgia,serif;font-size:16px;line-height:1.5;background:#f5f5f7;color:#000}#root{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;font-family:Playfair Display,Georgia,serif;background:#f5f5f7;color:#000}.centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}.topbar{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:10}.topbar-logo{height:40px;width:auto;max-width:80%}.supplier-card{background:#fff;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000f}.supplier-card .supplier-name{font-weight:700;font-size:1rem;color:#111;line-height:1.2;overflow-wrap:anywhere}.supplier-card .supplier-user{font-size:.85rem;color:#666;margin-top:.15rem;overflow-wrap:anywhere}.content{padding:1.5rem 1rem;max-width:480px;width:100%;margin:0 auto;flex:1}.app-footer{padding:1rem;max-width:480px;width:100%;margin:0 auto}.danger-button{width:100%;padding:.9rem 1rem;font-family:Playfair Display,Georgia,serif;font-size:1rem;font-weight:600;background:#b00020;color:#fff;border:none;border-radius:8px;cursor:pointer}.danger-button:hover{background:#8a0019}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000f}h1{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.code-input{width:100%;font-size:2rem;font-weight:700;letter-spacing:.5rem;text-align:center;padding:.75rem .5rem;border:2px solid #ddd;border-radius:8px;margin-bottom:1rem;font-family:ui-monospace,SF Mono,Menlo,monospace}.code-input:focus{outline:none;border-color:#000}.primary-button{width:100%;padding:.9rem 1rem;font-family:Playfair Display,Georgia,serif;font-size:1rem;font-weight:600;background:#f05523;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.primary-button:hover:not(:disabled){background:#d44818}.primary-button:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:.9em;height:.9em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.15em;margin-right:.4em;animation:spinner-rotate .7s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.error{color:#b00020;margin:.5rem 0}.success{background:#e6f4ea;border:1px solid #a8d5b5;color:#1b5e20;padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem}.success p{margin:.25rem 0}.success p:first-child{font-weight:600}.warning{background:#fff8e1;border:1px solid #ffe082;color:#6b5400;padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem}.warning p{margin:.25rem 0}.warning p:first-child{font-weight:600}.danger{background:#fde7ea;border:1px solid #f5b3bb;color:#8a0019;padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem}.danger p{margin:.25rem 0;font-weight:600}.booking-summary{display:grid;grid-template-columns:max-content 1fr;column-gap:1rem;row-gap:.5rem;margin:0 0 1.5rem}.booking-summary dt{color:#666;font-size:.9rem}.booking-summary dd{margin:0;font-weight:600}