@charset "UTF-8";
:root{--bg:#160f22;--panel:#241832;--panel-2:#2c1d3d;--gold:#dfc18a;--gold-dark:#997342;--ink:#f6f1e8;--muted:#b8afc5;--line:rgba(224,198,148,.16);--success:#93d2b8;--danger:#eda0a0;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e6ca99;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 3px #d9bd8514}button{border:0}svg{flex-shrink:0;vertical-align:middle}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.preview-bar{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;background:#0e0b15;border-bottom:1px solid #d9bd8522;position:relative;z-index:100;font-size:12px;letter-spacing:.03em}.preview-label{display:flex;align-items:center;gap:8px;color:#c6bdcf;white-space:nowrap}.preview-label i{width:6px;height:6px;border-radius:50%;background:#d9bd85;box-shadow:0 0 8px #d9bd8555}.preview-switch{display:flex;align-items:center;gap:5px;padding:4px;background:#ffffff06;border:1px solid #ffffff08;border-radius:8px}.preview-switch a{padding:5px 16px;border-radius:5px;color:#b7adbe;white-space:nowrap}.preview-switch a.active{background:#dfc18a;color:#23152f;font-weight:700}.preview-reset{background:none;color:#b9a8c8;font-size:12px;padding:8px}.demo-disclaimer{padding:7px 12px;text-align:center;background:#271a34;color:#c7b6d6;font-size:11px;letter-spacing:.05em;border-bottom:1px solid #ffffff07}.brand-mark{display:inline-block;width:44px;height:52px;position:relative;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}.brand-mark img{position:absolute;width:184px;max-width:none;left:-16px;top:-10px}.eyebrow{font-size:11px;letter-spacing:.24em;color:#b39a70;text-transform:uppercase}.gold-text{color:var(--gold)}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;border:1px solid var(--line);border-radius:20px;padding:5px 10px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;white-space:nowrap;border-radius:6px;background:#d9bd8510;color:#e0c18b}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.paid{color:#8dcab1;background:#82d3af10}.status-pill.processing{color:#c4b2ed;background:#b498ea12}.status-pill.revoked,.status-pill.expired{color:#bd9eac;background:#cf8d9b10}.status-pill.used{color:#a29aac;background:#a498b412}#toast{position:fixed;bottom:max(100px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#f3ead7;color:#2b1b35;padding:13px 20px;border-radius:12px;max-width:calc(100vw - 32px);width:max-content;box-shadow:0 12px 48px #0006;z-index:1000;font-size:14px;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.modal-overlay{position:fixed;inset:0;background:#0b0612b8;backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadein .18s ease}.modal-box{background:linear-gradient(145deg,#30203f,#21162e);border:1px solid #b68c514d;border-radius:22px;box-shadow:0 30px 100px #0008;width:100%;max-width:480px;padding:28px;max-height:90dvh;overflow:auto}.modal-box h2{font-size:22px;margin:0 0 12px}.modal-box p{color:#c5b9d1;font-size:14px;line-height:1.8}.modal-close{float:right;background:#ffffff09;color:var(--muted);width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.btn{min-height:44px;border:1px solid var(--line);background:#ffffff04;color:var(--ink);border-radius:10px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:background .2s,transform .2s}.btn:hover{background:#ffffff0a}.btn:active{transform:scale(.98)}.btn.gold{background:linear-gradient(110deg,#c4a16b,#f0dba9 50%,#d8b57c);color:#302039;border-color:#e7c994;font-weight:700;box-shadow:inset 0 1px #fff8,0 5px 20px #0002}.btn.full{width:100%}.field-label{display:block;font-size:13px;color:#c6b8d1;margin:20px 0 8px}.field{width:100%;min-height:48px;background:#140e1f;border:1px solid #ffffff18;border-radius:10px;color:#f4eee6;padding:12px 14px;transition:border-color .2s}textarea.field{resize:vertical}input::placeholder,textarea::placeholder{color:#80748d}.empty{padding:50px 20px;text-align:center;color:#aa9bb8}.empty .icon{width:36px;height:36px;opacity:.4;margin-bottom:14px}.empty p{font-size:14px;line-height:1.7}.code-font{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions .btn{flex:1}@keyframes fadein{from{opacity:0}to{opacity:1}}@media(max-width:600px){.preview-bar{padding:0 12px;gap:6px}.preview-label{font-size:10px}.preview-switch a{padding:6px 10px;font-size:12px}.preview-reset{padding:8px 0;font-size:10px}.demo-disclaimer{font-size:10px}.modal-overlay{padding:16px}.modal-box{padding:24px 20px}.field{font-size:16px}#toast{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.brand-mark{clip-path:polygon(50% 0,100% 42%,100% 58%,50% 100%,0 58%,0 42%)}

/* Administration favors direct input and scrolling over decorative motion. */
html.is-admin-document,html.is-admin-document *{scroll-behavior:auto!important}.is-admin *,.is-admin *::before,.is-admin *::after{animation:none!important;transition:none!important}.is-admin .btn:active{transform:none}.is-admin .modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(15,9,22,.7)}.is-admin .modal-box{border-radius:8px;box-shadow:0 6px 22px rgba(0,0,0,.25)}.is-admin .mi-box{border-radius:8px!important}.is-admin .mi-upload{border-radius:5px}.is-admin .mi-steps span{border-radius:4px}.is-admin .mi-table-scroll{border-radius:4px}.is-admin .mi-loading i{animation:none!important}