/* Studio Control — charcoal, ivory and champagne. Shared across studio and customer views. */
:root{color-scheme:dark;--green:#c9ae7f;--accent:#dcc394;--muted:#a5a7af;--line:#2c2e35;--border:#2c2e35;--bg:#101114;--text:#efede8;--ink:#efede8;--surface:#181a1f;--gold:#dcc394}
body{background:radial-gradient(ellipse at 85% 0%,#b49a6520,transparent 42%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
::selection{background:#c9ae7f40;color:#fff}
button,a,input,select{outline-color:var(--gold)}
button,a{transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
aside{background:#131417;border-color:var(--line);padding-top:31px}
.brand{color:#f1eee7;font-weight:650;letter-spacing:-.9px}.brand-icon{color:var(--gold)}.brand small{color:#8e919a;letter-spacing:1.65px}
.studio{background:#1b1d22;border-color:#32343b;border-radius:10px;padding:13px 11px}.studio-logo{background:#c9ae7f16;color:var(--gold);border:1px solid #c9ae7f30}
.nav-label{color:#858891;letter-spacing:2px}nav{gap:7px}nav a{color:#a6a9b2;border:1px solid transparent;padding:13px 14px}nav a:hover{background:#ffffff05;color:#f0ede6}nav a.active{background:linear-gradient(100deg,#c9ae7f1c,#c9ae7f08);color:#e5cd9f;border-color:#c9ae7f22}nav .count{background:#2b2d34;color:#b6b8bf}
.help{background:linear-gradient(135deg,#24221e,#1a1b1e);border-color:#c9ae7f25}.help p{color:#a8a8ab}.help button{color:#dbc292}.profile{color:#d1d2d7}
.avatar{background:#292b32;color:#dbc292;border-color:#3b3d45}.customer-cell .avatar{background:#2b2c32!important;color:#e0c99f;border-color:#414047}
header{background:#141519ed;border-color:var(--line);backdrop-filter:blur(16px)}.breadcrumb{color:#8b8e99}.breadcrumb b{color:#d8d7d4}.slash{color:#50535e}.demo-dot{color:#b8b3a7}.demo-dot:before,footer i{background:#c9ae7f}.bell{color:#a9a8a2}
main{padding-top:38px}h1{font-weight:600;letter-spacing:-1.2px;font-size:29px}.subtitle{color:#a3a5af;line-height:1.7}.page-heading{margin-bottom:29px}
.btn{background:#202228;border-color:#383a43;color:#deddd8;border-radius:8px;font-size:12px;padding:11px 15px}.btn:hover{background:#2b2d34;border-color:#64605a;filter:none}.btn.primary{color:#201b14;border-color:#d6bd8f;background:linear-gradient(135deg,#e2cea5,#c5a777);font-weight:700;box-shadow:0 3px 12px #0002}.btn.primary:hover{background:#e5d2ae;border-color:#e5d2ae}.btn:disabled{box-shadow:none}
.welcome{background:linear-gradient(115deg,#29261f,#1d1f24 80%);border-color:#c9ae7f30;border-radius:13px;padding:26px 27px}.welcome h2{color:#f0e8da;font-size:19px;font-weight:550}.welcome p{color:#b3ada2;font-size:12px}.welcome .welcome-tag{background:#c9ae7f0a;border-color:#c9ae7f30;color:#d3bd96}.welcome:after{color:#c9ae7f13;font-size:200px}
.stat,.panel{background:linear-gradient(130deg,#1c1e24,#181a1f);border-color:#30323a;border-radius:12px;box-shadow:0 6px 24px #0000000c}.stat{padding:21px}.stat-top{color:#acafb7;font-size:11px}.stat-icon{background:#c9ae7f0e;border:1px solid #c9ae7f18;color:#c9ae7f;border-radius:9px}.stat-value{font-weight:550;color:#f3eee4;margin:14px 0;letter-spacing:-1.2px}.stat-bottom{color:#9699a4;font-size:10px;line-height:1.7}.positive{color:#c9b28b;font-weight:500}
.panel h2{font-size:14px;font-weight:600;color:#e8e5df}.panel-subtitle{color:#a1a3ad;font-size:11px}.text-btn{color:#d0b68c;font-size:11px}.text-btn:hover{color:#f1d6a6}.segmented{background:#121418;border-color:#30323a}.segmented button{color:#a4a7b1;font-size:10px}.segmented button.active{color:#e5cc9f;background:#c9ae7f1b}.chart-label{fill:#9c9faa}.chart-wrap svg line{stroke:#34363e}.chart-wrap svg stop:first-child{stop-color:#c9ae7f;stop-opacity:.2}.chart-wrap svg stop:last-child{stop-color:#c9ae7f;stop-opacity:0}.chart-wrap svg path[stroke-dasharray]{stroke:#626775}.chart-wrap svg path[stroke-width="2.5"]{stroke:#d5ba8a}.chart-wrap svg circle{stroke:#d5ba8a;fill:#1b1d23}.legend{color:#a4a6af}.legend span:before{background:#d5ba8a}.legend span+span:before{background:#626775}
.loyalty-panel{background:linear-gradient(135deg,#202127,#181a1f)}.wallet-card{background:radial-gradient(ellipse at 95% 5%,#8a74464d,transparent 65%),linear-gradient(125deg,#30312d,#1d211e);border:1px solid #b39a6855;border-radius:15px;color:#f5eddc;padding:24px;box-shadow:0 16px 26px #0003}.wallet-card:after{border-color:#c9ae7f20;box-shadow:0 0 0 28px #c9ae7f08,0 0 0 57px #c9ae7f06,0 0 0 86px #c9ae7f04}.wallet-card .card-brand{font-size:13px;font-weight:600}.wallet-card .card-type{color:#cfb88a;letter-spacing:2px;font-size:8px}.card-points{font-weight:500;font-size:36px}.card-points small{color:#b7b7a9;font-size:10px}.card-bottom{color:#dbd3c3;font-size:10px}.card-bottom span small{color:#a6a594;font-size:8px}.chip-icon{color:#d7bf8f}.wallet-info{color:#a1a39b;font-size:10px}.wallet-info b{color:#c8b68d}.wallet-buttons button{background:#24262c;border:1px solid #414047;color:#e6e1d7;font-size:11px;padding:12px 8px;border-radius:8px}.wallet-buttons button:hover{border-color:#bda578;background:#2b2b2d}
table{font-size:12px}th{background:#15171c;color:#a2a5af;font-size:10px;padding:13px 9px}td{border-color:#30323a;padding:16px 9px}.customer-cell strong{color:#e4e2db;font-size:11px}.customer-cell small{color:#9c9faa;font-size:9px}.status{background:#bdcf9c0d;border-color:#bdcf9c25;color:#bccba6;font-size:9px;padding:5px 8px}.status:before{background:#b5c394}.status.pending{background:#d4b5800c;border-color:#d4b58025;color:#cfba94}.status.pending:before{background:#cfba94}.points{color:#d3bc95}.provider-row{border-color:#2e3037}.provider-name{font-size:12px}.provider-row small{font-size:10px;color:#a0a3ad}.provider-logo{background:#25262d;border-color:#393b45;color:#a9a2ff}.provider-logo.sumup{color:#d4d8df}.provider-logo.paypal{color:#8dbaf2}.provider-note,.panel-footer{border-color:#34363e;color:#a4a6ae;font-size:10px}.provider-note{line-height:1.8}.panel-footer{padding-bottom:13px}
footer{color:#92959f;font-size:10px}footer span:nth-child(2){color:#b6ad98}.search{background:#1b1d23;border-color:#3c3f49;color:#e9e6de}.search::placeholder{color:#979aa5}.badge{background:#c9ae7f10;border-color:#c9ae7f25;color:#c9b897}.detail-list>div{color:#a4a7af;border-color:#34363e}.detail-list b{color:#e5d4b4}.notice{background:#c9ae7f0d;border:1px solid #c9ae7f1f;color:#c2b8a7}.api-code{background:#111317;border-color:#34363e;color:#d5c4a3}.empty{color:#a1a4ae}
dialog{background:#1b1d23;color:#eeebe4;border-color:#44434a;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#07080cba;backdrop-filter:blur(8px)}dialog p{color:#b0b1b8}dialog .close{background:#2b2d35;color:#e1d8c8}.form-row{color:#bcbab5}.form-row input,.form-row select{color:#f0ece4;background:#14161b;border-color:#44464e}.form-row input::placeholder{color:#90939f}#toast{background:#29271f;border-color:#b7a076;color:#eee4d0}.payment-mode-banner{color:#a6a8b0}.payment-description{color:#b0b1b9}.payment-steps>div>span{color:#d1b98d}.payment-steps small,.payment-checks small,.payment-email{color:#a3a6b0}.check-mark{border-color:#41434b;color:#a3a6b0}.check-mark.done{background:#bdcf9c12;color:#c3d0ad}.payment-error{background:#d59c7a0d;color:#e4b694}.form-error{color:#f0a894!important}.stripe-wordmark{color:#a9a2ff}#menu{color:#d2bd98}.customer-view-link{margin-right:12px;color:#cfb88a;font-size:11px;white-space:nowrap}
/* Customer checkout */
.checkout-header{border-color:var(--line)}.checkout-brand{color:#e9e4da;font-weight:600}.brand-mark{background:#c9ae7f15;border:1px solid #c9ae7f30;color:#ddc497}.checkout-brand small{color:#a4a39e}.secure-tag{color:#c2b391}.eyebrow{color:#c7af85;letter-spacing:2.4px}.checkout-layout h1{font-weight:500;letter-spacing:-2.4px;font-size:50px}.intro{color:#afb0b8;font-size:13px}.order-summary{border-color:#36363b}.summary-label{color:#aeacaa}.summary-label span{color:#d1bb94;border-color:#c9ae7f30}.order-total{color:#f0e6d3;font-weight:500;font-size:43px}.summary-lines{color:#b0b0b8}.summary-gross{color:#e4d6ba;border-color:#36363b}.loyalty-benefit{background:linear-gradient(120deg,#c9ae7f15,#c9ae7f06);border-color:#c9ae7f30}.loyalty-icon{color:#d1b98b}.loyalty-benefit small{color:#b6b1a8}.checkout-fineprint{color:#a2a3ac}.payment-card{background:linear-gradient(140deg,#23252c,#1a1c22);border-color:#3a3b43;border-radius:18px;box-shadow:0 28px 70px #0003}.step-label{color:#aea999}.stripe-logo{color:#a9a2ff}.payment-card h2{font-weight:550}.payment-intro{color:#b1b1b8}.checkout-message{background:#c9ae7f09;border-color:#c9ae7f26;color:#ccc2af}.checkout-message.success{background:#bdcf9c0c;color:#c5d2b4}.checkout-message.error{background:#d59c7a0c;color:#e4b694}.payment-error{color:#f0a894}.payment-assurances{border-color:#3a3b43;color:#b9b3a5}.payment-button-note,.checkout-contact{color:#a9a8ae}.checkout-footer{color:#9a9ca6;border-color:#34363d}.checkout-footer>span:nth-child(2){color:#c5b493}#payButton{background:linear-gradient(120deg,#e2cea5,#c5a777);color:#201b14;font-weight:700}#payButton:hover{background:#e5d2ae}.retry-button{background:#c9ae7f0c;color:#d8c399;border-color:#c9ae7f35}
@media(max-width:1150px){.stat{padding:17px}.stat-bottom{font-size:9px}}
@media(max-width:900px){.customer-view-link{margin:0}.header-right{gap:15px}h1{font-size:26px}}
@media(max-width:650px){.checkout-layout h1{font-size:40px;letter-spacing:-1.8px}.checkout-brand{font-size:14px}.secure-tag{font-size:9px}.checkout-layout{padding-top:36px}.checkout-header{padding:20px 22px}.checkout-header .brand-mark{border-radius:9px}.intro{font-size:12px}}
@media(max-width:620px){main{padding-top:28px}.welcome{padding:22px}.welcome h2{font-size:17px}.welcome p{font-size:11px}.stat{padding:17px 14px}.stat-value{font-size:25px}.stat-top{font-size:10px}.stat-bottom{display:block;font-size:9px}.stat-bottom span{display:block}.stat-bottom span+span{margin-top:2px}.customer-view-link{font-size:10px}.header-right>.demo-dot{display:none}.wallet-card{padding:22px}.card-points{font-size:34px}.panel{padding:20px}.nav-open aside{box-shadow:50px 0 100px #0009}footer{font-size:9px}.btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}