:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17253b;background:#f5f7fb;font-synthesis:none;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8198ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-1px}h2{font-size:17px;line-height:1.4}h3{font-size:16px}.workspace{max-width:1200px;padding:0 32px;margin:auto}.demo-notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eaf0ff;color:#2446a8;padding:11px 16px;border-radius:0 0 9px 9px;font-size:12px}.notice-dot,.status-dot{height:7px;width:7px;border-radius:50%;display:inline-block;background:currentColor}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:29px 0;border-bottom:1px solid #dfe5ee;gap:16px}.brand{text-decoration:none;font-weight:750;font-size:27px;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-icon{display:block;width:39px;height:39px;border-radius:10px;object-fit:cover;box-shadow:0 1px 2px #142a6b24}.shop-label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.shop-avatar{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:7px;color:#36536b;background:#e2e9f0;font-weight:650}.small-label{font-size:10px;color:#64748b;border:1px solid #dbe2ed;padding:3px 7px;border-radius:5px;font-weight:500}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:35px 0 27px}.page-heading p:not(.eyebrow){color:#69768a;margin-top:10px;font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#3150db;margin-bottom:10px}.button{border:1px solid transparent;border-radius:7px;padding:10px 15px;text-decoration:none;font-weight:600;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:42px}.button.primary{background:#294af1;color:#fff}.button.secondary{background:#fff;border-color:#d9e1ec;color:#26374e}.button:hover{filter:brightness(.97)}.button.wide{width:100%}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:25px}.status-card{background:#fff;border:1px solid #dfe5ee;box-shadow:0 2px 3px #213b6303;border-radius:11px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:8px;color:inherit;min-width:0}.status-card.active{border-color:#5470f4;box-shadow:0 0 0 1px #5470f4}.status-label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.status-label.waiting{color:#345ac8}.status-label.checking{color:#a16b18}.status-label.paid{color:#187b63}.status-card strong{font-size:31px;line-height:1.2;letter-spacing:-1px}.muted{color:#748197;font-size:12px}.orders-panel{background:#fff;border:1px solid #dfe5ee;border-radius:12px;overflow:hidden}.panel-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:22px 23px}.panel-heading p{color:#718097;font-size:12px;margin-top:5px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#f9fafe;color:#65748b;font-size:11px;font-weight:600;padding:11px 19px;border-top:1px solid #e7ebf3;border-bottom:1px solid #e7ebf3}td{padding:20px 19px;border-bottom:1px solid #edf0f5;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-size:13px}.table-sub{display:block;font-size:10px;color:#7a879a;margin-top:5px}.amount{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.pill{font-size:10px;font-weight:550;border-radius:5px;padding:5px 7px;display:inline-flex;white-space:nowrap}.pill.blue{color:#3159b3;background:#eef3ff}.pill.amber{color:#97600b;background:#fff6e1}.pill.green{color:#17785c;background:#eaf7ef}.row-actions{text-align:right}.text-button{border:0;background:none;color:#3153c1;text-decoration:none;padding:3px 0;font-size:12px;font-weight:600;display:inline-block}.row-actions .text-button{display:block;white-space:nowrap;margin-left:auto}.below-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.quiet-panel{padding:17px 20px;background:#edf1f7;border-radius:9px}.quiet-panel h2{font-size:12px;margin-bottom:7px}.quiet-panel p{font-size:12px;margin-bottom:5px}.quiet-panel .muted{font-size:11px}.workspace-footer{display:flex;justify-content:space-between;font-size:11px;color:#7b879a;border-top:1px solid #e0e6ef;padding:19px 0;margin-top:30px}.workspace-footer a{text-decoration:none}.empty-state{text-align:center;padding:45px 25px}.empty-state>span{display:inline-flex;background:#eff4fa;color:#6483b1;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;margin-bottom:13px}.empty-state p{font-size:13px;color:#728096;margin:8px auto 0;max-width:460px}.notice{padding:14px 17px;border:1px solid #dce5f8;background:#f0f5ff;border-radius:8px;font-size:13px;margin-bottom:20px}.notice.success{background:#edf8f2;border-color:#d3ecdf;color:#296c51}.modal-backdrop{position:fixed;inset:0;background:#0d1c365e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:14px;width:620px;max-width:100%;max-height:90vh;overflow:auto;padding:25px;box-shadow:0 18px 65px #13295430}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.icon-button{border:0;background:#f1f4f9;border-radius:7px;width:32px;height:32px;font-size:22px;color:#66778d}.email-meta{display:grid;grid-template-columns:62px 1fr;font-size:12px;gap:7px;padding:15px 0;margin:10px 0;border-bottom:1px solid #e4eaf3}.email-meta dt{color:#728198}.email-meta dd{margin:0;overflow-wrap:anywhere}.email-preview{font-size:13px;line-height:1.8;padding:8px 0 17px}.email-preview p{margin:13px 0}.pre-line{white-space:pre-line}.payment-shell{max-width:570px;padding:0 22px 45px;margin:auto}.payment-card{margin-top:50px;background:#fff;padding:37px;border:1px solid #e0e6f0;border-radius:14px;box-shadow:0 10px 35px #1d355009}.payment-brand{display:flex;gap:10px;align-items:center;font-weight:650;font-size:15px;margin-bottom:30px}.payment-card h1{font-size:29px}.payment-intro{font-size:14px;color:#65748b;margin:16px 0 25px}.payment-amount{background:#f3f6fb;padding:18px 21px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px;color:#66768e;gap:10px}.payment-amount strong{font-size:20px;color:#20324c;white-space:nowrap}.payment-card h2{font-size:13px;margin-bottom:12px}.bank-instructions{font-size:13px;white-space:pre-line;line-height:1.8;color:#4a5d75}.payment-card>p:not(.eyebrow){margin-bottom:20px}.payment-card .fine-print{font-size:11px;color:#7e8a9b;margin:11px 0 0}.powered-by{border-top:1px solid #e5eaf3;margin-top:30px;padding-top:16px;color:#8490a2;font-size:10px;text-align:center}.back-link{margin-top:20px}.reset-demo{text-align:center;margin:5px auto 25px}.settings-wrap{max-width:800px;margin:auto;padding:30px 25px}.settings-wrap h1{margin:20px 0 10px}.settings-form{background:#fff;padding:25px;border-radius:12px;border:1px solid #dfe5ee;margin-top:25px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:21px}.field label,.field legend{font-size:13px;font-weight:650}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd5e4;border-radius:6px;padding:10px;color:#24354d;background:#fff}.field textarea{min-height:145px;resize:vertical}.field small{font-size:11px;color:#708198}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin:15px 0}.check-row input{margin-top:4px}.form-actions{display:flex;align-items:center;gap:20px}.error-list{background:#fff0ef;color:#9a3833;border-radius:7px;padding:14px 30px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.workspace{padding:0 20px}.page-heading{align-items:flex-start}.status-card{padding:16px}.status-card .muted{font-size:10px}.small-label{display:none}th,td{padding-left:13px;padding-right:13px}.row-actions .text-button{font-size:11px}.table-sub{max-width:170px;overflow-wrap:anywhere}.below-grid{gap:15px}}@media(max-width:640px){.workspace{padding:0 15px}.workspace-header{padding:21px 0}.shop-label{font-size:10px}.brand{font-size:23px}.brand-icon{width:33px;height:33px;font-size:26px}.shop-avatar{display:none}.page-heading{display:block;padding:25px 0 20px}.page-heading .button{margin-top:18px}.status-grid{gap:7px}.status-card{padding:12px 9px;gap:9px}.status-label{font-size:10px;align-items:flex-start;line-height:1.4;min-height:29px}.status-dot{flex:0 0 5px;width:5px;height:5px;margin-top:4px}.status-card strong{font-size:27px}.status-card .muted{display:none}.panel-heading{padding:17px;align-items:flex-start}.panel-heading p{font-size:11px}.orders-panel table,.orders-panel tbody{display:block}.orders-panel thead{display:none}.orders-panel tr{display:grid;grid-template-columns:1fr 1fr;padding:16px;border-top:1px solid #e6ecf4;gap:13px}.orders-panel td{display:block;border:0;padding:0;min-width:0}.orders-panel td:before{content:attr(data-label);display:block;font-size:9px;color:#7b8a9e;font-weight:500;margin-bottom:5px}.orders-panel td:last-child{grid-column:1/-1;text-align:left;border-top:1px solid #edf1f7;padding-top:9px}.row-actions .text-button{display:inline-block;margin-right:19px;margin-left:0;font-size:12px}.below-grid{grid-template-columns:1fr;gap:10px}.workspace-footer{font-size:10px}.demo-notice{font-size:10px;gap:6px;padding:9px 10px}.modal{padding:20px}.payment-card{padding:25px 22px;margin-top:30px}.payment-card h1{font-size:26px}.payment-amount{display:block}.payment-amount strong{display:block;margin-top:5px}.settings-wrap{padding:23px 15px}.settings-form{padding:20px}.form-actions{align-items:stretch;flex-direction:column;gap:12px}}.practice-intro{margin-bottom:18px}.practice-step+.practice-step{border-top:1px solid #dfe5ee;margin-top:24px;padding-top:24px}.practice-step p{margin:10px 0;overflow-wrap:anywhere}.practice-steps>.notice{margin-top:24px;margin-bottom:0}