*{box-sizing:border-box}body{margin:0;background:#f6f4ff;color:#22213a;font:16px/1.5 system-ui,sans-serif}header{height:72px;padding:0 max(6vw,22px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e9e5f5}.brand{font-weight:900;letter-spacing:.08em;color:#34305a;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:.2em;color:#8a82b5}nav{display:flex;gap:22px}nav a{color:#514a78;text-decoration:none}.hero{padding:72px 8vw 54px;min-height:430px;background:linear-gradient(125deg,#e6e0ff,#fbf8ff 65%);position:relative}.eyebrow{color:#7666cc;letter-spacing:.18em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.02;margin:12px 0}.hero em{color:#826de2;font-style:normal}.hero>p:not(.eyebrow){color:#645f7c}.price{position:absolute;right:10%;bottom:50px;font-size:26px;font-weight:850;color:#6d58cb}.price small{font-size:13px}.button{display:inline-block;background:#6f5bd3;color:#fff;border:0;border-radius:10px;padding:13px 20px;font-weight:750;text-decoration:none;cursor:pointer}.secondary{background:#453d70}.panel{max-width:760px;margin:28px auto;padding:30px;background:#fff;border:1px solid #e9e5f5;border-radius:18px;box-shadow:0 8px 30px #443b7810}.panel h2{margin:0;font-size:27px}.muted,.small{color:#77738f}.small{font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}label{display:block;font-size:14px;font-weight:700;margin:16px 0}input,select,textarea{font:inherit;width:100%;display:block;padding:12px 13px;margin-top:6px;border:1px solid #dcd8e8;border-radius:9px;background:#fff;color:#29263d}textarea{min-height:80px}.total{display:flex;justify-content:space-between;padding:15px 0;font-size:18px}.total strong{color:#6754c4}footer{text-align:center;padding:36px;color:#7f7b91}#notice,#tracking{margin-top:18px}.order-card{padding:16px;background:#f3f0ff;border-radius:12px;margin-top:12px}.status{color:#5f4aba;font-weight:800}@media(max-width:600px){.panel{margin:16px;padding:22px}.grid{grid-template-columns:1fr}.hero{padding:55px 7vw}.price{position:static;margin-top:25px}}.color-dropdown{margin-top:6px;border:1px solid #dcd8e8;border-radius:9px;padding:11px 13px;font-weight:500}.color-dropdown summary{cursor:pointer;color:#514a78;font-weight:700}.color-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding-top:10px}.color-checks label{display:flex;align-items:center;gap:8px;margin:3px 0;font-size:14px}.color-checks input{width:auto;margin:0}
.admin-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-title h1,.admin-title h2{margin:0}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid #e9e5f5;margin:22px 0;padding-bottom:8px;flex-wrap:wrap}.admin-tabs button{border:0;border-radius:9px;background:#f1eff8;padding:10px 15px;color:#514a78;font-weight:750;cursor:pointer}.admin-tabs button.active{background:#6f5bd3;color:white}.admin-page[hidden]{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 26px}.stats article{border:1px solid #e9e5f5;background:#faf9ff;border-radius:12px;padding:16px}.stats span,.stats strong{display:block}.stats span{font-size:13px;color:#77738f}.stats strong{font-size:25px;color:#5141a0;margin-top:4px}.color-option{display:flex!important;align-items:center;gap:8px}.color-option input{width:auto;margin:0}.swatch{display:inline-block;width:15px;height:15px;border:1px solid #bbb;border-radius:50%;background:#ddd}.swatch[data-color=red]{background:#e94d55}.swatch[data-color=orange]{background:#f18b35}.swatch[data-color=yellow]{background:#f3d74c}.swatch[data-color=light-green]{background:#9bd67f}.swatch[data-color=dark-green]{background:#277348}.swatch[data-color=light-blue]{background:#7cc9ef}.swatch[data-color=dark-blue]{background:#315bba}.swatch[data-color=purple]{background:#8755bd}.swatch[data-color=pink]{background:#ee8cbd}.swatch[data-color=black]{background:#222}.swatch[data-color=white]{background:#fff}.admin-message{min-height:24px;color:#5141a0}.order-head{display:flex;justify-content:space-between;gap:12px}.order-head span{color:#77738f;font-size:12px}@media(max-width:600px){.stats{grid-template-columns:1fr}.admin-title{align-items:flex-start;flex-direction:column}}
.payment-success{max-width:980px;margin:18px auto 0;padding:18px 22px;border:1px solid #b8a9f5;border-radius:14px;background:#eeeaff;color:#30265c;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.payment-success[hidden]{display:none}.payment-success p{margin:5px 0}.payment-success a{color:#5f4aba;font-weight:750}.payment-success button{border:0;background:transparent;color:#514a78;font-size:26px;cursor:pointer}

.order-actions{display:flex;gap:10px;flex-wrap:wrap}.order-actions .button{margin-top:4px}