@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f8f4ec;color:#2c2c2c;font-family:Tajawal,Arial,sans-serif;line-height:1.7}.test-banner{text-align:center;background:#efe4c8;color:#60491a;padding:9px;font-size:14px}header{display:flex;align-items:center;gap:15px;padding:22px max(5vw,20px);background:#fff;border-bottom:1px solid #e8dfd0}header img{border-radius:12px}header small{display:block;color:#776d62}.audit-link{margin-inline-start:auto;color:#722133}main{max-width:1280px;margin:auto;padding:35px 24px}.intro{padding:20px 0 35px}.intro span{color:#896f2e;font-weight:700}.intro h1{font-size:46px;line-height:1.3;color:#722133;margin:12px 0}.intro p{font-size:20px}.intro small{color:#766d60}.workspace{display:grid;grid-template-columns:390px 1fr;gap:28px}.panel{background:white;border:1px solid #e8dfd0;border-radius:20px;padding:25px;margin-bottom:23px}.panel h2{font-size:22px;color:#722133;margin-top:0}.panel p{color:#6d655b}.loyalty-card{border-radius:23px;padding:28px;background:linear-gradient(125deg,#722133,#461421);color:white;box-shadow:0 18px 45px #72213322;min-height:235px;margin-bottom:22px;position:relative;overflow:hidden;border:1px solid #a18543}.loyalty-card:after{content:'';width:250px;height:250px;border:1px solid #d4af3750;border-radius:50%;position:absolute;left:-140px;top:0;pointer-events:none}.card-head{display:flex;align-items:center;gap:14px;color:#e2c873;font-size:14px;letter-spacing:1px}.card-head img{border-radius:9px}.card-name{font-size:25px;margin-top:20px}.card-number{font-size:14px;letter-spacing:2px;color:#e3d9cc}.card-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:18px}.card-bottom strong{font-size:32px;color:#e7ca76}.card-bottom small{display:block}.card-qr{background:white;border-radius:8px;width:62px;height:62px}.section-head,.actions{display:flex;gap:10px;align-items:center;justify-content:space-between}label{display:block;margin-bottom:14px}input,select,button{font:inherit}input,select{width:100%;padding:12px;border:1px solid #d8cdbd;border-radius:10px;background:#fff}button{cursor:pointer;min-height:44px;border:1px solid #cfc1ae;background:#faf7f0;color:#722133;padding:9px 16px;border-radius:10px}button.primary{background:#722133;color:white;border-color:#722133}button:disabled{opacity:.5;cursor:wait}.booking{padding:18px;background:#fbf9f5;border:1px solid #ece4d7;border-radius:13px;margin-bottom:12px}.booking h3{margin:4px 0 10px}.booking p{margin:5px 0}.booking .actions{flex-wrap:wrap;justify-content:start}.pill{font-size:13px;padding:4px 10px;background:#efe7d5;border-radius:20px;color:#755c24}.integrations{display:grid;gap:12px}.integrations article{border-right:3px solid #d4af37;padding-right:15px}.integrations span{display:block;color:#766d60;font-size:14px}#feedback{white-space:pre-line}#test-mailbox{padding:16px;background:#fff7db;border:1px dashed #bca45c;border-radius:12px}.audit-row{border-bottom:1px solid #eee;padding:9px;font-size:13px}footer{text-align:center;padding:25px;color:#7a7064}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.intro h1{font-size:35px}header{flex-wrap:wrap}.audit-link{margin:0;font-size:14px}main{padding:20px 16px}.panel{padding:20px}.loyalty-card{max-width:430px}.actions{flex-wrap:wrap}}