*{box-sizing:border-box}body{margin:0;background:#f7f1e8;color:#17130f;font-family:Arial,sans-serif}button,input{font:inherit}a,button{transition:.2s}.clientApp,.refPage,.staffHome,.teamApp,.welcome{min-height:100vh}.welcome{max-width:520px;margin:auto;padding:28px 20px 110px;position:relative}.halo{position:absolute;width:320px;height:320px;border:1px solid #d8b66b;border-radius:50%;top:-180px;left:50%;transform:translateX(-50%);opacity:.35}.logoWrap,.refPage header{display:flex;flex-direction:column;align-items:center;gap:10px;margin:12px 0 32px}.logoWrap img,.refPage header img,.staffHome header img,.teamHead img{width:96px;height:96px;border-radius:50%;object-fit:cover}.logoWrap span,.refPage header span{font-size:11px;letter-spacing:3px;color:#806936}.counterCard,.personalQR,.refBanner,.refForm,.settingsPanel,.welcomeCard{background:#fffaf3;border:1px solid #eadfcf;border-radius:28px;padding:28px;box-shadow:0 18px 50px #4a392313}.counterStart>small,.personalQR>small,.refBanner small,.welcomeCard small{letter-spacing:2px;color:#9a7b35;font-weight:700}.refBanner h1,.welcomeCard h1{font-family:Georgia,serif;font-size:42px;line-height:1.02;margin:14px 0}.beautyHero h1 em,.welcomeCard h1 em{color:#a37c2d;font-weight:400}.refBanner p,.welcomeCard p{line-height:1.6;color:#675f56}.darkAction,.goldAction,.goldBtn,.scanHero,.staffGate>button{width:100%;border:0;border-radius:16px;padding:16px 18px;display:flex;align-items:center;justify-content:center;gap:10px;background:#b38a3c;color:white;font-weight:800;margin-top:16px}.darkAction svg,.goldAction svg,.goldBtn svg{width:19px}.goldBtn svg:last-child{margin-left:auto}.softBtn{width:100%;border:1px solid #d9cbb5;background:transparent;border-radius:16px;padding:15px;margin-top:10px;font-weight:700;display:flex;justify-content:center;gap:9px}.mini{text-align:center;margin-top:24px;font-size:13px;color:#8b7448}.welcome footer{position:absolute;bottom:24px;text-align:center;width:calc(100% - 40px);font-size:11px;color:#8a8177}.welcome footer a{display:block;margin-top:14px;color:#7d6a47}.formCard h2,.refForm h2{font-family:Georgia,serif;font-size:30px}.formCard label,.refForm label,.settingsPanel label,.staffGate label{display:block;font-size:12px;font-weight:800;margin:14px 0;color:#665a4a}.formCard input,.refForm input,.settingsPanel input,.staffGate input{width:100%;padding:14px;border:1px solid #ddcfbb;border-radius:13px;background:white;margin-top:7px}.back{border:0;background:none;color:#806936;padding:4px 0;margin-bottom:20px}.error{color:#a53e3e;font-size:13px}.beautyHero{background:#17130f;color:white;padding:28px 24px 54px;text-align:center;border-radius:0 0 36px 36px}.beautyHero img{width:94px;height:94px;border-radius:50%}.beautyHero p{color:#d8bc7c;margin:18px 0 8px}.beautyHero h1{font-family:Georgia,serif;font-size:35px;max-width:420px;margin:auto}.beautyCard,.clientFooter,.personalQR,.quickActions{max-width:520px;margin:18px auto}.beautyCard{border-radius:26px;padding:24px}.beautyCard.light{background:#fffaf3;border:1px solid #e5d7c2}.beautyCard.dark{background:#211c17;color:white}.cardTitle{display:flex;justify-content:space-between;align-items:start}.cardTitle small{letter-spacing:2px;color:#a98948}.cardTitle h2{font-size:34px;margin:5px 0}.cardTitle h2 span{font-size:17px;color:#9c9388}.cardTitle>svg{color:#b9964f}.beautyCard p{color:#71685d;line-height:1.5}.beautyCard.dark p{color:#c9c0b5}.stars{display:flex;gap:8px;margin:18px 0}.stars svg{width:31px;height:31px;fill:transparent;color:#c9bfae}.stars .on svg{fill:#c79b43;color:#c79b43}.rewardCopy{border-top:1px solid #443c33;padding-top:16px;color:#d9c6a0}.invite{width:100%;margin-top:18px;border:1px solid #b38a3c;background:transparent;color:#e0c482;border-radius:14px;padding:14px;font-weight:800}.rewardReady{background:#f4e4bd;padding:12px;border-radius:12px;color:#71561f;font-weight:700}.personalQR{text-align:center}.personalQR h2{font-family:Georgia,serif;font-size:28px;margin-bottom:4px}.personalQR p{color:#756b60;font-size:14px}.qrFrame{background:white;display:inline-flex;padding:15px;border-radius:20px;border:1px solid #e5d6bf;margin:12px}.personalQR>span{display:block;font-family:Georgia,serif}.quickActions.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:0 18px}.quickActions a{background:#fffaf3;border:1px solid #e3d5c0;border-radius:18px;padding:20px 12px;text-decoration:none;color:#201a14;text-align:center}.quickActions svg{display:block;margin:0 auto 10px;color:#a37c2d}.clientFooter{padding:20px;display:flex;justify-content:space-between}.clientFooter a,.clientFooter button{border:0;background:none;color:#817665;font-size:12px;text-decoration:none}.scanner,.sheet{position:fixed;inset:0;background:#17130fd9;z-index:20;display:flex;align-items:end;justify-content:center}.scanner>div,.sheet>div{background:#fffaf3;width:min(520px,100%);padding:28px;border-radius:28px 28px 0 0}.sheet input{width:100%;padding:12px;border:1px solid #d7c7af;border-radius:12px}.sheet button{width:100%;padding:14px;margin-top:10px;border:0;border-radius:12px;background:#17130f;color:white}.sheet .close{background:transparent;color:#766b5d}.refPage{max-width:520px;margin:auto;padding:24px 18px 60px}.refBanner{background:#1c1713;color:white;text-align:center}.refBanner p{color:#d8cfc4}.gift{display:flex;gap:10px;align-items:center;background:#2d261f;padding:14px;border-radius:14px;text-align:left}.refForm{margin-top:14px}.staffHome{background:#17130f;padding:30px 20px}.staffHome header{text-align:center}.staffGate{max-width:430px;margin:40px auto;background:#fffaf3;border-radius:28px;padding:30px}.staffGate>svg{color:#b38a3c;width:40px;height:40px}.staffGate h1{font-family:Georgia,serif;font-size:34px}.teamHead{background:#17130f;color:white;padding:18px 22px;display:flex;align-items:center;gap:13px}.teamHead img{width:54px;height:54px}.teamHead small{display:block;color:#b99a5c;font-size:10px;letter-spacing:2px}.teamHead b{font-family:Georgia,serif;font-size:20px}.teamTabs{display:grid;grid-template-columns:repeat(3,1fr);background:white;border-bottom:1px solid #e6dbca}.teamTabs button{border:0;background:white;padding:14px 5px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:5px}.teamTabs svg{width:19px}.teamTabs .active{color:#9b762d}.clientRecord,.counterStart{max-width:650px;margin:auto;padding:32px 20px}.clientRecord h1,.counterStart h1{font-family:Georgia,serif;font-size:36px}.counterStart p{color:#73695e}.searchBox{display:flex;background:white;border:1px solid #dfd3c0;border-radius:16px;padding:7px;align-items:center}.searchBox svg{margin:0 8px;color:#9b762d}.searchBox input{flex:1 1;border:0;outline:0;padding:10px}.searchBox button{border:0;background:#17130f;color:white;border-radius:11px;padding:11px 15px}.scanHero{background:#b38a3c}.results button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e1d5c3;background:#fffaf3;border-radius:15px;padding:14px;margin-top:10px}.results span{flex:1 1}.results small{display:block;color:#80766a;margin-top:3px}.badge{font-size:10px;letter-spacing:2px;color:#947027}.stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:18px 0}.stats div{background:#fffaf3;border:1px solid #e4d8c6;border-radius:15px;padding:16px}.stats small{display:block;color:#8d806e}.stats b{font-size:26px}.counterCard hr{border:0;border-top:1px solid #e3d8c7;margin:25px 0}.darkAction{background:#17130f}.serviceButtons{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.serviceButtons button{padding:11px;border:1px solid #d8c9b2;border-radius:12px;background:white}.serviceButtons .selected{background:#efe0bd;border-color:#b38a3c}.notice{margin-top:14px;background:#efe4cc;padding:13px;border-radius:12px}.scanner{align-items:center}.scanner>div{border-radius:28px;position:relative}.scanner .x{position:absolute;right:20px;top:20px;border:0;background:none}.camera{height:330px;background:#111;border-radius:20px;overflow:hidden;position:relative;margin-top:18px}.camera video{width:100%;height:100%;object-fit:cover}.camera span{position:absolute;inset:55px;border:2px solid #d3aa56;border-radius:20px}.settingsPanel{max-width:650px;margin:28px auto}.settingsPanel h1{font-family:Georgia,serif;font-size:34px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:8px;color:#806936}@media(min-width:700px){.clientApp{padding-bottom:30px}.beautyHero{max-width:620px;margin:20px auto;border-radius:36px}.teamApp{background:#f7f1e8}.scanner{align-items:center}.scanner>div{border-radius:28px}}.teamApp{min-height:100vh;background:linear-gradient(145deg,#fbf8f3,#f4ede4)}.teamHead{padding:16px 24px;background:linear-gradient(120deg,#171411,#28221d);box-shadow:0 8px 30px #21180f18}.teamHead img{width:48px;height:48px;border-radius:50%;border:1px solid #d4bd8d;box-shadow:0 0 0 4px #ffffff0d}.teamTabs{position:-webkit-sticky;position:sticky;top:0;z-index:5;border:0;box-shadow:0 8px 24px #2c21140d}.teamTabs button{padding:12px 5px;color:#746b62;transition:.2s}.teamTabs .active,.teamTabs button:hover{background:#fbf7f1}.teamTabs .active{color:#9c7839}.dashboard{max-width:920px;padding-top:26px}.dashboardIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.dashboardIntro small{font-size:10px;letter-spacing:2.5px;color:#a47e3e}.dashboardIntro h1{margin:5px 0 4px;font-weight:400;font-size:38px;color:#29231e}.dashboardIntro p{margin:0}.scanCompact{border:1px solid #d6c29c;background:#fffaf3;color:#80622f;border-radius:999px;padding:11px 17px;display:flex;align-items:center;gap:8px;white-space:nowrap}.scanCompact svg{width:17px}.summaryGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:18px}.summaryGrid div{background:#fffdfa;border:1px solid #e9dfd1;border-radius:18px;padding:16px;box-shadow:0 9px 28px #2a1c0c08}.summaryGrid small{display:block;font-size:9px;letter-spacing:1.2px;color:#998b79}.summaryGrid b{display:block;margin-top:7px;font-family:Georgia,serif;font-size:27px;font-weight:400;color:#3a3027}.dashboard .searchBox{border-color:#e9dfd2;border-radius:18px;box-shadow:0 8px 30px #2a1c0c09}.dashboard .searchBox button{background:#2a241f;border-radius:13px}.clientList{margin-top:18px;background:#fffdfa;border:1px solid #ebe1d4;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px #2b1f110b}.listTitle{display:flex;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #eee6dc;font-size:13px;color:#554a40}.listTitle span{background:#f1e8dc;color:#8b6b38;padding:3px 9px;border-radius:999px}.clientRow{width:100%;border:0;border-bottom:1px solid #f0e9df;background:#fffdfa;padding:14px 17px;display:flex;align-items:center;gap:12px;text-align:left;transition:.2s}.clientRow:last-child{border-bottom:0}.clientRow:hover{background:#fcf7ef}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#efe2ce,#dcc39a);color:#604b2b;font-family:Georgia,serif;font-size:18px}.clientMain{flex:1 1;min-width:130px}.clientMain b{display:block;color:#332b25;font-size:14px}.clientMain small{display:block;color:#948a7e;margin-top:4px}.clientMetrics{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.clientMetrics em{font-style:normal;font-size:10px;border-radius:999px;padding:6px 9px;background:#f4eee6;color:#75695c}.clientMetrics .done{background:#e9f1e7;color:#52714d}.clientMetrics .half{background:#f6ecd3;color:#8b6a2e}.clientMetrics .pending{background:#f2efeb;color:#968b7e}.chevron{font-size:24px;color:#c1aa83}.clientRecord{max-width:700px}.clientRecord h1{font-weight:400;color:#302821}.counterCard,.stats div{background:#fffdfa;border-color:#eadfd0;box-shadow:0 12px 34px #291d1009}.counterCard{border-radius:22px;padding:22px}.darkAction,.goldAction{border-radius:999px;min-height:48px;box-shadow:none}.serviceButtons button{border-radius:999px;background:#fffdfa}.notice,.refProgress{border-radius:16px}.refProgress{margin-top:18px;padding:16px;background:#f4eee5;border:1px solid #e4d6c3}.refProgress small,.refProgress span{display:block}.refProgress span{font-size:9px;letter-spacing:1.5px;color:#927446}.refProgress b{display:block;margin:5px 0;font-family:Georgia,serif;font-size:22px;font-weight:400}.refProgress small{color:#7c7267}.refProgress.complete{background:#edf3ea;border-color:#d3e2ce}.refProgress.half{background:#fbf2de;border-color:#ead8ad}@media(max-width:640px){.dashboard{padding:22px 14px}.dashboardIntro{align-items:flex-start}.dashboardIntro h1{font-size:31px}.scanCompact{padding:10px 12px}.summaryGrid{grid-template-columns:1fr 1fr}.summaryGrid div{padding:13px}.summaryGrid b{font-size:23px}.clientRow{align-items:flex-start}.clientMetrics{max-width:105px}.clientMetrics em{padding:5px 7px}.chevron{display:none}}