:root{--ink:#17233a;--muted:#65738c;--line:#dfe6ef;--paper:#fff;--bg:#f4f7fb;--accent:#2456d3;--accent-dark:#173e9e;--warm:#ffb861;--danger:#bd2738}*{box-sizing:border-box}body{margin:0;background:linear-gradient(120deg,#eef4ff,#f8fafc 48%,#edf6f3);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1100px;margin:auto;padding:48px 24px 72px}.masthead,.customer-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:25px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em;line-height:1.05;margin-bottom:12px}h2{font-size:1.25rem;margin-bottom:0}.subhead{color:var(--muted);margin-bottom:0;font-size:1.05rem}.eyebrow{color:var(--accent);font-weight:800;letter-spacing:.12em;font-size:.73rem;margin-bottom:6px}.local-badge,.account-chip span{background:#e8efff;color:#254a9d;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:700}.notice{background:#fff6e8;border:1px solid #f6d59b;padding:13px 15px;border-radius:12px;margin:0 0 24px;color:#704509}.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px rgba(35,55,89,.06);padding:26px;margin-top:22px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.9rem}input,select{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-weight:500}input:focus,select:focus{outline:3px solid #c9d8ff;border-color:var(--accent)}.checkbox{display:flex;flex-direction:row;align-items:center;margin-top:16px;font-weight:600}.checkbox input{width:18px;height:18px}.compatibility-note{min-height:24px;margin:12px 0 0;color:#965019;font-size:.9rem}.form-actions{margin-top:22px;display:flex;justify-content:flex-end}button{border:0;border-radius:9px;padding:11px 15px;cursor:pointer;font:inherit;font-weight:750}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.text-button{padding:5px;background:transparent;color:var(--accent)}.danger{color:var(--danger)}.hidden{display:none!important}.share-grid{display:grid;grid-template-columns:1fr 245px;gap:24px;align-items:center}.copy-row{display:flex;gap:8px}.copy-row button{background:#e8efff;color:#244ba1;white-space:nowrap}.hint{font-size:.82rem;color:var(--muted);margin:8px 0 0}.qr-panel{text-align:center}.qr-panel canvas{background:white;padding:7px;border:1px solid var(--line);border-radius:10px;max-width:220px}.saved-list{display:grid;gap:10px}.saved-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px}.saved-item p{margin:0}.saved-item small{color:var(--muted)}.saved-actions{display:flex;gap:8px}.empty{color:var(--muted);margin:0}.customer-view{max-width:700px;margin:24px auto}.customer-header{display:block;text-align:center}.email-title{font-size:1.1rem;color:var(--muted)}.setup-card{margin-top:0}.account-chip{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.instructions{padding-left:22px;margin-bottom:27px}.instructions li{padding:6px 0}.settings-block{background:var(--bg);border-radius:12px;padding:18px}.settings-block h3{margin-bottom:12px;font-size:1rem}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting{background:#fff;border:1px solid var(--line);padding:10px;border-radius:9px}.setting small{display:block;color:var(--muted);font-weight:700}.setting strong{word-break:break-word}.password-note{margin:20px 0 0;color:#704509;background:#fff6e8;padding:12px;border-radius:9px;font-size:.9rem}@media(max-width:680px){.shell{padding:30px 15px}.masthead{display:block}.local-badge{display:inline-block;margin-top:14px}.card{padding:19px}.form-grid,.share-grid,.settings-list{grid-template-columns:1fr}.share-grid{gap:20px}.qr-panel{order:-1}.form-actions .primary{width:100%}.saved-item{align-items:flex-start;gap:10px;flex-direction:column}}