:root{font-family:Inter,Segoe UI,sans-serif;color:#252435;background:#f6f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#6554c0;text-decoration:none}button,.btn{font:inherit;font-weight:600;border:0;border-radius:9px;background:#6554c0;color:white;padding:13px 20px;cursor:pointer;display:inline-block}button:hover,.btn:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}button.text{background:none;color:#6554c0;padding:6px}.secondary{background:#efedf9;color:#6554c0}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 12px}h2{font-size:20px;margin:0 0 14px}h3{font-size:17px}p{line-height:1.65;color:#747386}small{display:block;font-size:12px;color:#8a8999;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#9290a4}.brand{font-size:25px;font-weight:800;letter-spacing:1px;color:#27233d;display:block}.brand span{color:#9481ed}.brand small{display:inline;font-size:9px;margin-left:8px;letter-spacing:2px}.shell{display:flex;min-height:100vh}aside{width:245px;background:white;border-right:1px solid #e9e7f0;padding:32px 22px;position:fixed;height:100vh;display:flex;flex-direction:column}.shop{background:#f7f6fa;border:1px solid #eceaf3;border-radius:10px;padding:16px;margin:34px 0 20px;font-size:14px}nav button{display:flex;gap:15px;background:none;color:#777586;width:100%;text-align:left;margin:5px 0;font-size:14px;font-weight:500}nav button.active{background:#eeebfa;color:#6554c0}nav span{font-size:18px;width:18px}.asidebottom{margin-top:auto;font-size:12px}main{margin-left:245px;width:calc(100% - 245px)}header{background:white;border-bottom:1px solid #e9e7f0;height:76px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.muted{color:#8a8999}.badge{padding:7px 12px;background:#edf8f1;color:#448060;border-radius:20px;font-size:11px}.content{padding:32px 40px;max-width:1500px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.heading p{margin:4px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}article,section{background:white;border:1px solid #e9e7f0;border-radius:13px;padding:25px;margin-bottom:23px}article{margin:0}article p{font-size:13px;margin-top:0}article h2{font-size:32px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:23px}.columns section{min-width:0}.qrblock{display:flex;align-items:center;gap:20px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#faf9fc;color:#8a8999;font-size:11px;font-weight:500}th,td{padding:15px 12px;border-bottom:1px solid #efedf4}.positive{color:#3d9470;font-weight:700}.right{float:right;margin-left:auto}.big{font-size:32px;color:#6554c0}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,select{font:inherit;width:100%;border:1px solid #dfdce8;border-radius:8px;background:white;padding:12px;margin-top:8px;color:#333}input:focus,select:focus{outline:2px solid #b9aaee;outline-offset:2px}input[type=color]{height:48px}form button{margin-top:12px}form.reward{border-bottom:1px solid #eceaf3;padding-bottom:20px}.narrow{max-width:680px}.customerlist{max-height:390px;overflow:auto}.customer{display:flex;align-items:center;gap:15px;background:none;border-bottom:1px solid #efedf4;border-radius:0;width:100%;color:#363343;text-align:left;padding:18px 0}.avatar{background:#efebfa;color:#6554c0;padding:13px 17px;border-radius:50%}.chart{display:flex;align-items:flex-end;gap:8px;height:130px}.chart div{flex:1;background:#b9abe6;border-radius:4px 4px 0 0}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.pitch{background:#eae6f4;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;border:0;border-radius:0;margin:0}.pitch h1{font-size:55px;line-height:1.12;color:#393053}.pitch>div{padding:35px 0}.sample{background:#66538f;color:white;max-width:370px;border-radius:18px;padding:25px;margin-top:30px;transform:rotate(-3deg);box-shadow:0 18px 35px #55407c25}.sample span{font-size:10px;letter-spacing:2px}.sample h2{margin:20px 0}.sample small{color:#ddd4ec}.stamps{letter-spacing:3px;margin:18px 0}.login{border:0;background:#fff;margin:0;border-radius:0;padding:70px max(30px,12%);display:flex;flex-direction:column;justify-content:center}.login button:not(.text){width:100%}.login h2{font-size:28px}.public{max-width:510px;margin:35px auto;padding:15px}.public>.brand{margin-bottom:25px;text-align:center}.loyalty{color:white;text-align:center}.loyalty p,.loyalty small{color:#fff}.loyalty img{border-radius:12px}.balance{font-size:70px;font-weight:700;margin:25px}.balance small{font-size:14px;font-weight:400}progress{display:block;width:100%;height:7px;margin:12px 0;accent-color:#6554c0}#toast:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#29233f;color:white;padding:16px 25px;border-radius:10px;z-index:10;box-shadow:0 5px 30px #0003}video{max-width:100%;max-height:250px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.content{padding:25px}.pitch{padding:35px}.pitch h1{font-size:43px}}@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:20px}.shell{display:block}.shop,.asidebottom,aside>.eyebrow{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{width:auto;white-space:nowrap;font-size:12px;padding:10px}nav span{display:none}main{margin:0;width:100%}header{padding:0 20px;height:55px}.content{padding:20px}.heading{align-items:flex-start;flex-direction:column}.columns,.auth{grid-template-columns:1fr}.pitch{display:none}.login{min-height:100vh;padding:30px}.metrics{gap:10px}article,section{padding:20px}.qrblock{gap:10px}h1{font-size:28px}.customer{font-size:12px}.badge{font-size:9px}}