.share-card-preview{margin:20px 0}.share-card-caption{display:block;font-size:12px;color:#8490a6;margin-bottom:10px}.share-message-card{background:#fff;border:1px solid #e2e6ee;border-radius:10px;padding:17px 17px 0;box-shadow:0 4px 18px #27364a05}.share-message-card h3{font-size:17px;font-weight:600;line-height:1.55;margin:0 0 12px;color:#202631}.share-message-body{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;margin-bottom:17px}.share-message-body p{margin:0;color:#87909c;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.share-message-body img{width:64px;height:64px;border-radius:5px;flex-shrink:0}.share-message-card footer{padding:10px 0;border-top:1px solid #eef0f4;color:#99a1ad;font-size:10px}.share-copy-hint{font-size:11px!important;line-height:1.65;color:#8b94a4!important}.share-settings{border:1px solid #e7e4ed;border-radius:12px;padding:14px;margin:12px 0}.share-settings legend{padding:0 6px;font-size:13px;font-weight:600;color:#6d667c}.share-logo-row{display:flex;align-items:center;gap:12px;font-size:13px;color:#6d667c}.share-logo-row img{width:48px;height:48px;object-fit:contain;border-radius:10px}.share-edit-form{margin:16px 0;padding-bottom:16px;border-bottom:1px solid #eee}.share-edit-form small{display:block;margin-top:8px;color:#766b85}.share-message-body img{object-fit:contain;background:#fff}.admin-shell{--ink:#20283f;--muted:#778097;--line:#e9ecf3;--green:#6558ed;--paper:#f6f7fc;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif;font-size:14px}.admin-header{background:#fff;border-bottom:1px solid #e7eaf1;position:sticky;top:0;z-index:4}.admin-header-inner{max-width:1384px;margin:auto;padding:0 40px;min-height:82px;display:flex;align-items:center;gap:44px}.admin-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.admin-brand-icon{display:grid;place-items:center;width:42px;height:42px;background:#6658ee;color:#fff;border-radius:13px;box-shadow:0 4px 9px #6558ed1c}.admin-brand strong{font-size:23px;letter-spacing:1px;line-height:1.1}.admin-brand strong>span{display:block;font-size:10px;font-weight:400;color:#8990a5;letter-spacing:1px;margin-top:7px}.admin-shell .admin-nav{display:flex;align-items:center;gap:8px;margin:0 auto}.admin-shell .admin-nav button{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border:0;border-radius:9px;color:#737c91;background:transparent;font-size:13px;white-space:nowrap}.admin-shell .admin-nav button svg:last-child{margin-left:0}.admin-shell .admin-nav .selected{background:#eeecff;color:#6355df;font-weight:600}.nav-counter{font-size:10px;background:#e4ddff;border-radius:5px;padding:1px 5px}.admin-account{display:flex;gap:9px;align-items:center;min-width:0}.admin-account-avatar{width:34px;height:34px;border-radius:50%;background:#f0eefc;color:#7264c5;display:grid;place-items:center;font-size:13px;font-weight:600}.admin-account strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.admin-account small{display:block;font-size:9px;color:#9ca2b4;margin-top:4px}.admin-account a{font-size:10px;color:#959cb0;margin-left:14px}.admin-main{max-width:1384px;margin:0 auto}.admin-shell .content{max-width:none;margin:0;padding:28px 40px 24px}.admin-breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#a0a7b8;margin:0 0 30px}.admin-breadcrumb>span{color:#707b92}.admin-shell .heading{align-items:center;margin-bottom:28px;gap:24px}.admin-shell .eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#959daf}.admin-shell .heading h1{font-size:30px;font-weight:650;letter-spacing:-.8px;margin:11px 0 12px;line-height:1.4}.admin-shell .heading p{font-size:13px;color:#7e879c;line-height:1.8}.admin-shell .primary{background:#6558ed;border:1px solid #6558ed;box-shadow:0 4px 10px #6658ee16;border-radius:9px;color:#fff;font-size:13px;padding:13px 20px;gap:9px}.admin-shell .primary:hover:not(:disabled){background:#594bdf;filter:none}.admin-shell .secondary{border:1px solid #e2e5ef;background:#fff;color:#5b657b;border-radius:9px;font-size:12px;padding:11px 16px}.admin-shell .ghost{color:#8992a6;background:#f7f8fc;border-radius:8px;font-size:12px}.admin-shell button:focus-visible,.admin-shell a:focus-visible{outline:3px solid #aca3ff;outline-offset:3px}.launch-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#edebfc;border:1px solid #e5e1fa;border-radius:17px;padding:30px 36px;margin-bottom:34px;overflow:hidden}.launch-copy{flex-shrink:0}.launch-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8b7fbc}.launch-label>span{width:5px;height:5px;background:#9c8bd7;border-radius:50%}.launch-copy h2{font-size:25px;font-weight:600;line-height:1.6;letter-spacing:-.7px;color:#43376e;margin:13px 0 15px}.launch-copy>p{font-size:11px;color:#9489b3;display:flex;align-items:center;gap:12px;margin:0}.launch-copy>p span{color:#bcb2d7}.launch-steps{display:flex;align-items:center;gap:22px;padding:0 12px}.launch-steps>div{min-width:116px;display:flex;flex-direction:column;align-items:center;text-align:center}.launch-steps>svg{color:#c7bee6}.launch-step-icon{display:grid;place-items:center;width:54px;height:54px;background:#fffb;color:#8e7fc1;border:1px solid #fff;border-radius:16px;box-shadow:0 5px 12px #7d6ba70a;margin-bottom:16px}.launch-steps>div:last-child .launch-step-icon{background:#7662cd;color:#fff;border-color:#7662cd}.launch-steps small{font-size:8px;letter-spacing:1px;color:#a097b8;margin-bottom:7px}.launch-steps strong{font-size:13px;color:#5c4d80;font-weight:600}.launch-steps p{font-size:10px;color:#9a90b2;margin:7px 0 0}.admin-shell .platform-page-heading{margin-bottom:22px;align-items:center}.platform-page-heading h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 8px}.platform-page-heading h2>span{font-size:10px;letter-spacing:0;background:#e9e7f9;border:1px solid #dedbf2;color:#9184be;border-radius:6px;padding:3px 6px}.admin-shell .platform-page-heading p{font-size:12px;color:#9099ad;margin:0}.admin-shell .platform-gallery{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}.admin-shell .platform-tools{margin-bottom:24px}.admin-shell .platform-tabs{background:transparent;padding:0;gap:8px}.admin-shell .platform-tabs button{font-size:12px;color:#8a93a7;padding:10px 19px;border-radius:8px;border:1px solid transparent}.admin-shell .platform-tabs .active{background:#fff;border-color:#e1e4ef;color:#6759d0;box-shadow:0 2px 5px #1a245a04}.admin-shell .platform-search{border-color:#e2e6f0;border-radius:9px;padding:0 12px;color:#9ba2b5;max-width:230px;min-width:210px}.admin-shell .platform-search input:not([type=checkbox]){border:0;box-shadow:none;margin:0;padding:11px 0;font-size:12px;color:#536078;background:transparent}.admin-shell .platform-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.admin-shell .platform-tile{background:#fff;border:1px solid #e7eaf2;border-radius:13px;box-shadow:0 2px 4px #171f4a02;transition:border-color .18s,box-shadow .18s,transform .18s;text-align:left}.admin-shell .platform-tile:hover:not(:disabled){border-color:#b5adee;box-shadow:0 7px 18px #35257008;transform:translateY(-2px);filter:none}.admin-shell .platform-tile-color{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;background:#fff;color:#29324a;min-height:106px;padding:22px 20px 18px}.admin-shell .platform-glyph{width:48px;height:48px;display:grid;place-items:center;background:var(--platform-bg);color:var(--platform-fg);border-radius:13px;flex-shrink:0;margin:0}.admin-shell .platform-tile-color .platform-glyph svg{width:26px;height:26px;margin:0}.admin-shell .platform-tile-label{min-width:0}.admin-shell .platform-tile-color strong{font-size:15px;font-weight:600;display:block;line-height:1.4}.admin-shell .platform-tile-label>span{display:block;color:#929bae;opacity:1;font-size:11px;margin-top:8px}.admin-shell .platform-tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;height:43px;margin:0 20px;padding:0;border-top:1px solid #f0f1f7;font-size:10px;font-weight:400;color:#959db0}.admin-shell .platform-tile-bottom>svg{color:#b9bfd0}.admin-shell .platform-tile.picked{border-color:#8c7eea;box-shadow:0 0 0 2px #e4defd}.admin-shell .platform-tile.picked .platform-tile-bottom{background:transparent;color:#7261d3;justify-content:flex-start}.admin-shell .platform-footnote{font-size:11px;color:#929caf;margin:24px 0 40px;line-height:1.8}.admin-shell .platform-empty{color:#8d95a9}.admin-shell footer{font-size:10px;color:#a5acbd;border-color:#e3e7f0;padding-top:22px;align-items:center}.admin-shell footer b{font-size:13px;color:#8a92a6;letter-spacing:1px;margin-right:8px;font-weight:600}.admin-shell .stats{gap:20px;margin:0 0 28px}.admin-shell .stat{border:1px solid #e6e9f2;background:#fff;border-radius:14px;padding:24px 27px;position:relative}.admin-shell .stat:first-child{background:#6a5ce9;border-color:#6a5ce9;color:#fff}.admin-shell .stattop{font-size:12px;color:#7b849b;align-items:flex-start}.admin-shell .stattop span{background:#f4f2fe;color:#9a8bd8;padding:10px;border-radius:10px}.admin-shell .stat>strong{font-size:32px;font-weight:600;letter-spacing:-.8px;margin:10px 0 14px}.admin-shell .stat>small{font-size:11px;color:#9ca3b5}.admin-shell .stat:first-child .stattop{color:#e4dffe}.admin-shell .stat:first-child .stattop span{background:#ffffff18;color:#e4ddff}.admin-shell .stat:first-child>small{color:#c7bcfb}.admin-shell .panel{border-color:#e7eaf2;border-radius:14px;box-shadow:0 3px 6px #1b285403}.admin-shell .panelhead{padding:25px 27px 21px}.admin-shell .panelhead h2{font-size:17px;font-weight:600}.admin-shell .panelhead h2 span{background:#f1eefc;color:#a69ac4;font-size:10px}.admin-shell .panelhead p{font-size:11px;color:#9da5b8;margin-top:8px}.admin-shell .filters{gap:7px;border-color:#e9ecf4;padding:0 24px 17px}.admin-shell .filters button{border:0;padding:8px 13px;border-radius:6px;font-size:11px;color:#9ba4b8}.admin-shell .filters .active{background:#eeebfc;color:#7b67c5;font-weight:500}.admin-shell th{background:#f8f9fd;color:#9ca4b8;font-size:11px;padding:15px 25px}.admin-shell td{color:#8992a8;padding:22px 25px;border-color:#eef0f6;font-size:12px}.admin-shell td strong{color:#34405b;font-size:13px;font-weight:500}.admin-shell td small{font-size:10px;color:#aab1c0;line-height:1.6}.admin-shell td.amount{font-size:14px;color:#45516c;font-variant-numeric:tabular-nums}.admin-shell .rowactions{gap:11px}.admin-shell .rowactions button,.admin-shell .rowactions a{color:#9b91c1;font-size:11px}.admin-shell .status{border-radius:5px;font-size:10px;padding:5px 8px}.admin-shell .status.pending{background:#fff5e4;color:#af914f}.admin-shell .status.submitted{background:#eef1ff;color:#8d85c6}.admin-shell .status.paid{background:#ebf7f2;color:#72a390}.admin-shell .order-platform-tag{color:#9b91b9}.admin-shell .how{font-size:11px;color:#a0a7b8;gap:21px;margin:32px 0 40px}.admin-shell .how>span{color:#8a92a7}.admin-shell .how b{color:#afa6ca;border-color:#e2ddec;font-size:9px}.admin-shell .setupcall{background:#eeecfc;border-color:#e3def7;color:#7b6daa;border-radius:12px;padding:20px 24px}.admin-shell .setupicon{border-color:#e7e1f9;color:#aa99d5}.admin-shell .setupcall strong{color:#776592;font-size:13px}.admin-shell .setupcall p{color:#a297b8;font-size:11px}.admin-shell .setupcall button{color:#8972b9;font-size:12px}.admin-shell .empty{padding:65px 20px;color:#a3a9bb}.admin-shell .emptyicon{background:#f1eefb;color:#b8a8de}.admin-shell .empty h3{font-size:15px;color:#838aa3}.admin-shell .empty p{font-size:12px;color:#abb0c0}.admin-shell .empty .secondary{font-size:12px}.admin-shell .channelgrid{gap:28px;max-width:1050px;margin:0 auto}.admin-shell .channelpanel{border-color:#e5e9f1;border-radius:17px;padding-bottom:28px;box-shadow:0 2px 5px #19244503}.admin-shell .channelhead{padding:26px 28px;border-color:#eef0f5}.admin-shell .channelhead h2{font-size:18px;color:#48516a}.admin-shell .channelhead p{font-size:11px;color:#a6adbd}.admin-shell .channelpanel form{padding:0 28px}.admin-shell .qrpreview{background:#f8f9fd;border-color:#dde2ef;color:#c2c7d7;border-radius:11px;margin:26px 0;height:234px}.admin-shell .qrpreview p{font-size:12px}.admin-shell .note{background:#f0eefb;color:#9c8fbc;font-size:12px;border-radius:10px;padding:17px 20px;line-height:1.9}.admin-shell label{color:#7c859c;font-size:12px;margin:19px 0 9px}.admin-shell input:not([type=checkbox]),.admin-shell select,.admin-shell textarea{border-color:#e1e5ef;color:#5d6881;border-radius:8px;padding:12px 13px;font-size:12px;margin-top:9px;background:#fff}.admin-shell input:focus,.admin-shell textarea:focus,.admin-shell select:focus{border-color:#b2a7e8;box-shadow:0 0 0 3px #f1edfb}.admin-shell input::placeholder,.admin-shell textarea::placeholder{color:#b7bdce}.admin-shell .checklabel{color:#929ab0;font-size:12px}.admin-shell .checklabel input{accent-color:#8a78c7}.admin-shell form>small{font-size:10px;color:#aeb3c4}.admin-shell .full{margin-top:11px}.admin-shell .manager-search{border-color:#edf0f6;padding:0 26px 20px}.admin-shell .manager-search small{color:#a3abbf}.admin-shell .manager-search .platform-search{margin:0}.admin-shell .platform-manager-row{border-color:#eef0f6;padding:20px 24px;gap:14px}.admin-shell .platform-manager-name strong{font-size:13px;color:#6a748e}.admin-shell .platform-manager-name small{font-size:10px;color:#b0b7c9}.admin-shell .platform-row-buttons>button{color:#aca4c7}.admin-shell .platform-row-buttons .platform-toggle{background:#dce0eb}.admin-shell .platform-row-buttons .platform-toggle.on{background:#9c89d3}.admin-shell .overlay{background:#171c3759;backdrop-filter:blur(5px)}.admin-shell .modal{border-radius:18px;box-shadow:0 25px 90px #17163926;padding:34px;border:1px solid #ffffff70}.admin-shell .modal h2{font-size:23px;font-weight:600;color:#3b4560;letter-spacing:-.5px}.admin-shell .modal>p{font-size:12px;color:#9da5b9;line-height:1.8}.admin-shell .modalicon{background:#efebfa;color:#9b87cf;border-radius:12px}.admin-shell .close{color:#aab2c3;right:23px;top:23px}.admin-shell .create-modal{max-width:900px}.admin-shell .create-order-fields{border-color:#eef0f7}.admin-shell .create-style-picker h3{color:#858ea5;font-size:12px;margin-bottom:17px}.admin-shell .create-style-picker .platform-tools{margin-bottom:17px}.admin-shell .create-style-picker .platform-tabs{background:#f5f4fa;border:1px solid #eeeaf8;padding:3px;gap:0}.admin-shell .create-style-picker .platform-tabs button{font-size:11px;padding:8px 10px}.admin-shell .create-style-picker .platform-tabs .active{border-color:#ede8f8;color:#927ac0}.admin-shell .create-style-picker .platform-search{min-width:0;max-width:none;margin-top:11px;padding:0 10px}.admin-shell .create-style-picker .platform-search input{padding:9px 0;font-size:11px}.admin-shell .create-style-picker .platform-tiles{grid-template-columns:repeat(2,minmax(0,1fr));max-height:390px;gap:12px;padding:3px 7px 7px 3px}.admin-shell .create-style-picker .platform-tile-color{flex-direction:column;text-align:center;padding:18px 6px 15px;gap:10px;min-height:141px}.admin-shell .create-style-picker .platform-glyph{width:41px;height:41px;border-radius:11px}.admin-shell .create-style-picker .platform-glyph svg{width:24px;height:24px}.admin-shell .create-style-picker .platform-tile-label strong{font-size:13px}.admin-shell .create-style-picker .platform-tile-label>span{font-size:10px;margin-top:6px}.admin-shell .create-style-picker .platform-tile-bottom{margin:0 14px;height:35px;font-size:10px}.admin-shell .chosen-platform{background:#f4f1fb;color:#a291b5;font-size:12px;padding:12px 14px}.admin-shell .chosen-platform strong{color:#9779b4}.admin-shell .share-preview{padding:19px;border-radius:11px;border-color:#eae9f1}.admin-shell .share-preview strong{font-size:15px;color:#665b78}.admin-shell .share-preview p{font-size:12px;color:#a092aa}.admin-shell .share-preview small{font-size:11px;color:#aaa0b6}.admin-shell .modal>small{font-size:11px;color:#b0a6bd;line-height:1.8}.admin-shell .linkbuttons{gap:7px;flex-wrap:wrap}.admin-shell .linkbuttons .primary,.admin-shell .linkbuttons .secondary{font-size:11px;padding:11px 12px}.admin-shell .toast{background:#605479;border:1px solid #796b97;box-shadow:0 5px 16px #26132a17;color:#fff;font-size:12px;padding:13px 20px}.admin-shell .error{color:#b77777;background:#fff4f3;border-color:#f3dfdf}@media(min-width:1600px){.admin-header-inner,.admin-main{max-width:1470px}.admin-shell .content{padding-top:34px}.launch-panel{padding:36px 42px}.admin-shell .platform-tiles{gap:21px}.admin-shell .platform-tile-color{padding-top:28px;padding-bottom:24px}}@media(max-width:1120px){.admin-header-inner{padding:0 28px;gap:24px}.admin-shell .admin-nav{gap:3px}.admin-shell .admin-nav button{padding:12px 13px}.admin-account>div{display:none}.admin-shell .content{padding:25px 28px}.launch-panel{padding:26px}.launch-steps{gap:9px;padding:0}.launch-steps>div{min-width:95px}.launch-copy h2{font-size:23px}.admin-shell .platform-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-shell .platform-manager-list{grid-template-columns:1fr}.admin-shell .platform-manager-row:nth-child(odd){border-right:0}}@media(max-width:800px){.admin-header{position:static}.admin-header-inner{padding:17px 20px 0;flex-wrap:wrap;gap:17px;min-height:0}.admin-brand-icon{width:35px;height:35px;border-radius:11px}.admin-brand strong{font-size:22px}.admin-brand strong>span{font-size:8px}.admin-account{margin-left:auto}.admin-account a{margin-left:4px}.admin-shell .admin-nav{order:3;width:100%;margin:0;gap:10px;border-top:1px solid #f0f1f7;padding:10px 0}.admin-shell .admin-nav button{flex:1;padding:11px 6px;font-size:12px;gap:6px}.admin-shell .admin-nav button svg{width:16px;height:16px}.admin-shell .content{padding:23px 20px}.admin-breadcrumb{margin-bottom:22px;font-size:10px}.admin-shell .heading{display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:23px;gap:18px}.admin-shell .heading h1{font-size:25px;margin:8px 0 10px;letter-spacing:-.7px}.admin-shell .heading p{font-size:12px}.admin-shell .heading>.primary{font-size:12px;margin:0;padding:11px 15px}.admin-shell .eyebrow{font-size:8px;letter-spacing:1.4px}.launch-panel{display:block;padding:23px;border-radius:14px;margin-bottom:29px}.launch-copy h2{font-size:22px;line-height:1.5;margin:12px 0}.launch-copy h2 br{display:none}.launch-copy>p{font-size:10px}.launch-steps{margin-top:25px;padding-top:21px;border-top:1px solid #ded7f0;justify-content:space-between;gap:3px}.launch-steps>div{min-width:0;flex:1}.launch-step-icon{width:41px;height:41px;border-radius:12px;margin-bottom:10px}.launch-step-icon svg{width:20px;height:20px}.launch-steps small{font-size:7px;letter-spacing:.5px;margin-bottom:6px}.launch-steps strong{font-size:12px}.launch-steps p{font-size:8px;white-space:nowrap}.launch-steps>svg{width:12px;height:12px}.launch-label{font-size:9px}.admin-shell .platform-page-heading{gap:10px;margin-bottom:19px}.platform-page-heading h2{font-size:17px}.admin-shell .platform-page-heading p{font-size:10px;line-height:1.7}.admin-shell .platform-page-heading .secondary{font-size:10px;padding:9px 10px}.admin-shell .platform-tools{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin-bottom:18px}.admin-shell .platform-tabs{justify-content:flex-start;gap:4px}.admin-shell .platform-tabs button{font-size:11px;padding:9px 13px;flex:0 1 auto}.admin-shell .platform-search{max-width:none;min-width:0;margin:0}.admin-shell .platform-search input:not([type=checkbox]){font-size:11px;padding:10px 0}.admin-shell .platform-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-shell .platform-tile-color{flex-direction:column;align-items:flex-start;gap:12px;min-height:146px;padding:20px 17px 16px}.admin-shell .platform-glyph{width:42px;height:42px;border-radius:12px}.admin-shell .platform-glyph svg{width:24px;height:24px}.admin-shell .platform-tile-color strong{font-size:14px}.admin-shell .platform-tile-label>span{font-size:10px;margin-top:6px}.admin-shell .platform-tile-bottom{height:39px;margin:0 17px;font-size:10px}.admin-shell .platform-footnote{font-size:10px;margin-bottom:28px}.admin-shell footer{font-size:9px;gap:15px}.admin-shell footer b{font-size:12px}.admin-shell .stats{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:23px}.admin-shell .stat:first-child{grid-column:1/-1}.admin-shell .stat{padding:21px}.admin-shell .stat>strong{font-size:29px;margin:6px 0 11px}.admin-shell .stat>small{font-size:10px}.admin-shell .stattop{font-size:11px}.admin-shell .stattop span{padding:8px}.admin-shell .filters{gap:3px;padding:0 16px 14px}.admin-shell .filters button{font-size:10px;padding:8px 10px}.admin-shell .panelhead{padding:22px 20px 20px}.admin-shell .panelhead h2{font-size:16px}.admin-shell .panelhead p{font-size:10px}.admin-shell .ghost{font-size:11px}.admin-shell th,.admin-shell td{padding-left:20px;padding-right:20px}.admin-shell .how{gap:10px;font-size:9px}.admin-shell .how>span{width:100%}.admin-shell .setupcall{padding:19px;gap:10px}.admin-shell .setupcall strong{font-size:12px}.admin-shell .setupcall p{font-size:10px}.admin-shell .setupcall button{font-size:11px;margin-left:52px}.admin-shell .channelgrid{grid-template-columns:1fr;gap:22px}.admin-shell .channelpanel{max-width:none}.admin-shell .channelhead{padding:23px}.admin-shell .channelpanel form{padding:0 23px}.admin-shell .note{font-size:11px}.admin-shell .manager-search{padding:0 20px 18px;gap:12px}.admin-shell .manager-search .platform-search{width:64%}.admin-shell .manager-search small{font-size:9px;white-space:nowrap}.admin-shell .platform-manager-row{padding:18px 16px;gap:10px}.admin-shell .platform-manager-name strong{font-size:12px}.admin-shell .platform-manager-name small{font-size:9px}.admin-shell .platform-row-buttons{gap:4px}.admin-shell .modal{padding:25px 22px;border-radius:15px}.admin-shell .modal h2{font-size:21px}.admin-shell .modal>p{font-size:11px}.admin-shell .create-layout{display:flex;flex-direction:column-reverse;gap:17px}.admin-shell .create-order-fields{border:0;padding:0}.admin-shell .create-style-picker h3{font-size:11px;margin:0 0 13px}.admin-shell .create-style-picker .platform-tools{display:flex;gap:8px;margin-bottom:12px}.admin-shell .create-style-picker .platform-tabs{width:100%;gap:0}.admin-shell .create-style-picker .platform-tabs button{flex:1;padding:7px 8px}.admin-shell .create-style-picker .platform-search{margin:0;width:100%;max-width:none;box-sizing:border-box}.admin-shell .create-style-picker .platform-tiles{max-height:264px;gap:10px}.admin-shell .create-style-picker .platform-tile-color{align-items:center;min-height:130px;gap:9px;padding:15px 6px 12px}.admin-shell .create-style-picker .platform-tile-bottom{height:32px}.admin-shell .create-style-picker .platform-tile-label strong{font-size:12px}.admin-shell .create-style-picker .platform-tile-label>span{font-size:9px}.admin-shell .share-preview{padding:16px;gap:11px}.admin-shell .share-preview-icon{width:47px;height:47px}.admin-shell .linkbuttons{gap:8px}.admin-shell .linkbuttons .primary,.admin-shell .linkbuttons .secondary{padding:10px 11px}.admin-shell .modal>small{font-size:10px}}@media(prefers-reduced-motion:reduce){.admin-shell *{transition:none!important;scroll-behavior:auto!important}}.admin-shell .delete-channel{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px;border:1px solid #efdce1;border-radius:8px;background:#fff8f9;color:#ab596e;font-size:12px}.admin-shell .delete-channel:hover:not(:disabled){background:#fff0f3}.admin-shell .platform-tile-label>span,.admin-shell .platform-tile-bottom,.admin-shell .platform-page-heading p,.admin-shell .heading p,.admin-shell .panelhead p,.admin-shell .stat>small,.admin-shell th,.admin-shell td,.admin-shell td small,.admin-shell .platform-footnote{color:#69768e}.admin-shell .platform-tabs button,.admin-shell .filters button,.admin-shell label,.admin-shell .modal>p,.admin-shell .modal>small,.admin-shell .create-style-picker h3{color:#707991}.admin-shell .launch-label,.admin-shell .launch-copy>p,.admin-shell .launch-steps p,.admin-shell .launch-steps small{color:#7c6d9d}.admin-shell .rowactions button,.admin-shell .rowactions a{color:#7c6baf}.admin-shell .platform-tile-bottom>svg{color:#8f98af}.admin-shell .chosen-platform,.admin-shell .chosen-platform strong{color:#88709e}.admin-shell .heading h1{margin:0;font-size:27px}.admin-shell .heading{margin-bottom:28px}.admin-shell .content{padding-top:32px}.admin-shell .modal h2{margin-bottom:22px}.admin-shell .empty .secondary{margin-top:14px}.admin-shell .platform-page-heading h2{margin-bottom:0}.admin-shell .platform-gallery{margin-bottom:30px}.field-hint{display:block;margin-top:8px;font-size:11px;line-height:1.6;color:#7e879b}.wechat-payment .wechat-payment-code{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;touch-action:auto;pointer-events:auto;max-width:300px;max-height:none;object-fit:contain}.wechat-payment .wechat-payment-guide{font-size:13px;color:#3f6b4c;line-height:1.8}.wechat-payment-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0 8px}.wechat-payment-actions>a{display:flex;justify-content:center;align-items:center;min-height:42px}.wechat-payment-actions>.full{width:100%;margin-top:0}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}:root{--ink:#1e2927;--muted:#7c8581;--line:#e6eae5;--green:#165b43;--paper:#f7f8f5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{border:0}svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #8fc0ad;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px 0;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 31px}.brandmark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;transform:rotate(-5deg)}.brand b{font-size:25px;letter-spacing:2px}.brand b span{display:block;font-size:8px;letter-spacing:1.6px;margin-top:3px;color:#909a93}.workspace{border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;padding:13px 10px;margin:3px 0 32px;align-items:center}.avatar{background:#edf1e9;display:grid;place-items:center;width:35px;height:35px;border-radius:9px;color:var(--green);font-weight:600}.workspace strong{font-size:12px;display:block}.workspace small{color:var(--muted);font-size:10px;display:block;margin-top:5px}.navlabel{font-size:10px;letter-spacing:1.5px;color:#a0a7a2;padding:0 13px;margin-bottom:14px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:12px;padding:14px 13px;background:transparent;border-radius:8px;color:#717b75;font-size:13px;text-align:left}nav button svg:last-child{margin-left:auto}nav .selected{background:#edf4ee;color:var(--green);font-weight:600}.sidebottom{margin-top:auto;margin-bottom:26px;padding:20px 14px;border-radius:10px;background:#f7f9f5;color:#627068}.sidebottom>svg{color:#7c9686;margin-bottom:13px}.sidebottom strong{display:block;font-size:12px}.sidebottom p{font-size:11px;line-height:1.9;color:#97a099}.profile{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin:0 -20px;padding:19px 18px}.profile>span:nth-child(2){font-size:10px;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile a{font-size:10px;color:var(--muted);margin-left:auto}.small{width:28px;height:28px;font-size:12px}.main{margin-left:236px;flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 46px;color:#8a938b;font-size:11px}.topbar>span:first-child{display:flex;align-items:center;gap:13px}.topbadge{display:flex;align-items:center;gap:7px}.topbadge i{width:6px;height:6px;border-radius:50%;background:#6d9e79}.content{max-width:1450px;margin:0 auto;padding:45px 46px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{font-size:9px;font-weight:600;color:#8b998d;letter-spacing:2px}.heading h1{font-weight:600;font-size:28px;letter-spacing:-.8px;margin:13px 0 12px}.heading p{color:var(--muted);font-size:12px;margin:0;line-height:1.8}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:12px 17px;white-space:nowrap;font-size:12px;font-weight:500}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.secondary{background:#fff;color:var(--ink);border:1px solid #dce4db}.ghost{background:transparent;color:#7f8980;padding:8px 10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 24px}.stattop{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#778278}.stattop span{background:#f2f5ef;border-radius:8px;padding:9px;color:#82957c}.stat>strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin:4px 0 13px}.stat>small{font-size:10px;color:#9ba49c}.setupcall{display:flex;align-items:center;gap:15px;border:1px solid #dce7da;background:#eff5eb;border-radius:10px;padding:20px 23px;margin-bottom:29px}.setupicon{width:42px;height:42px;background:#fff;border:1px solid #e0e8dc;border-radius:9px;display:grid;place-items:center;color:#62815b}.setupcall strong{font-size:12px;font-weight:600}.setupcall p{font-size:10px;color:#83917d;margin:7px 0 0}.setupcall button{display:flex;gap:7px;align-items:center;background:transparent;font-size:11px;margin-left:auto;color:var(--green);white-space:nowrap}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;padding:25px 24px 19px}.panelhead h2{font-size:15px;margin:0;font-weight:600;display:flex;align-items:center;gap:9px}.panelhead h2 span{font-size:10px;color:#8f998f;background:#f3f5f0;padding:3px 6px;border-radius:4px}.panelhead p{color:#98a095;font-size:10px;margin:8px 0 0}.filters{display:flex;gap:22px;padding:0 24px;border-bottom:1px solid var(--line);overflow-x:auto}.filters button{font-size:11px;padding:14px 0;background:transparent;color:#8a9489;white-space:nowrap;border-bottom:2px solid transparent}.filters .active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px;text-align:left}th{font-size:10px;font-weight:500;color:#96a090;background:#fafbf8;padding:15px 23px}td{padding:18px 23px;border-bottom:1px solid #f0f2ee;font-size:11px;color:#7e897e}td strong{display:block;font-size:12px;font-weight:500;color:var(--ink);max-width:240px;overflow-wrap:anywhere}td small{display:block;font-size:9px;margin-top:6px;max-width:240px;overflow-wrap:anywhere}.amount{font-weight:600;color:var(--ink);white-space:nowrap}.status{display:inline-block;border-radius:5px;background:#f4f5f1;color:#8a9484;padding:5px 8px;font-size:10px;white-space:nowrap}.status.pending{color:#a6873a;background:#faf5e8}.status.submitted{color:#3d77a2;background:#eef5fb}.status.paid{color:#438468;background:#edf7ef}.status.closed,.status.expired{color:#8b8e87;background:#f0f1ee}.rowactions{display:flex;gap:8px;align-items:center;white-space:nowrap}.rowactions button,.rowactions a{display:flex;align-items:center;gap:4px;background:transparent;color:#547963;font-size:10px;padding:5px 1px}.empty{text-align:center;padding:55px 15px 62px;color:#8d988a}.emptyicon{width:60px;height:60px;background:#f3f6ef;display:grid;place-items:center;border-radius:16px;margin:0 auto 19px;color:#93a18a}.empty h3{font-size:14px;font-weight:500;color:#667261;margin:0 0 10px}.empty p{font-size:11px;line-height:1.8;margin-bottom:22px}.empty .secondary{font-size:11px;padding:10px 14px}.how{display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;color:#8b9687;margin:29px 0 38px;flex-wrap:wrap}.how>span{color:#66735e;margin-right:5px}.how p{display:flex;gap:8px;align-items:center;margin:0}.how b{font-size:9px;font-weight:400;color:#a7b39b;border:1px solid #dfe5d8;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}footer{display:flex;justify-content:space-between;border-top:1px solid #e8ece4;padding-top:20px;font-size:9px;color:#a0a99b}.channelgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.channelpanel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:24px}.channelhead{display:flex;align-items:center;gap:13px;padding:24px;border-bottom:1px solid var(--line)}.payicon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0ab663;color:#fff;font-size:23px;font-weight:600}.alipay .payicon{background:#1676ec}.channelhead h2{font-size:16px;margin:0}.channelhead p{font-size:10px;color:#8a9489;margin:7px 0 0}.channelhead .status{margin-left:auto}.channelpanel form{padding:0 24px}.qrpreview{height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b6c2b2;margin:20px 0;background:#fafbf8;border:1px dashed #dce5d7;border-radius:10px}.qrpreview img{height:205px;max-width:100%;object-fit:contain}.qrpreview p{font-size:11px}label{display:block;font-size:12px;color:#596951;margin:18px 0 8px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #dfe5dc;border-radius:7px;padding:12px;background:#fff;color:var(--ink);outline:none;margin-top:9px;font-size:12px}input:focus,textarea:focus,select:focus{border-color:#6a9c80;box-shadow:0 0 0 3px #e9f2e9}input::placeholder,textarea::placeholder{color:#b2bbb0}input[type=file]{font-size:10px;padding:11px 9px}textarea{resize:vertical;min-height:76px}.checklabel{display:flex;gap:8px;align-items:center;margin:20px 0}.checklabel input{accent-color:var(--green)}form>small{font-size:10px;color:#9ca694}.full{width:100%;margin-top:9px}.note{display:flex;gap:10px;align-items:center;padding:18px 20px;background:#eef3ea;color:#819176;font-size:11px;border-radius:9px;margin:23px 0;line-height:1.9}.note p{margin:0}.overlay{position:fixed;inset:0;background:#15271d66;backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal{position:relative;background:#fff;border-radius:18px;max-width:460px;width:100%;padding:32px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #12342120}.close{position:absolute;top:20px;right:20px;color:#97a38f;background:transparent}.modalicon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#edf5e9;color:var(--green);margin-bottom:22px}.modal h2{font-size:22px;margin:0 0 10px}.modal>p{font-size:12px;color:#8c9982;margin-bottom:23px}.modal>small{font-size:10px;color:#9ba790;display:block;line-height:1.7}.linkbuttons{display:flex;gap:10px;margin:20px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#1c3e2d;color:#fff;padding:13px 22px;border-radius:10px;z-index:30;display:flex;align-items:center;gap:9px;font-size:12px}.error{display:flex;align-items:center;justify-content:space-between;background:#fff0ed;color:#b25c4b;border:1px solid #f2d5cd;border-radius:8px;padding:12px 15px;font-size:12px;margin-bottom:20px}.error button{background:transparent;color:inherit}.checkout{max-width:520px;margin:0 auto;padding:35px 18px;min-height:100vh}.checkoutbrand{display:flex;align-items:center;gap:10px;font-size:13px;color:#71806a;margin-bottom:25px}.checkoutbrand>span{width:28px;height:28px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:8px;font-size:17px}.checkoutbrand svg{margin-left:auto}.checkoutcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 27px;box-shadow:0 15px 50px #153b2210}.checkouttop{display:flex;justify-content:space-between;align-items:center}.checkoutcard h1{font-size:18px;line-height:1.6;margin:24px 0 16px;font-weight:500;overflow-wrap:anywhere}.checkoutamount{font-size:45px;font-weight:600;letter-spacing:-1.5px;margin:0 0 27px;line-height:1.3}.checkoutamount small{font-size:22px;margin-right:5px;font-weight:400}.orderdetail{display:flex;justify-content:space-between;gap:15px;color:#99a18e;font-size:11px;margin-top:12px}.orderdetail b{font-weight:400;color:#6e7a62}.ordernote{background:#f7f9f2;padding:12px;border-radius:7px;font-size:12px;color:#8b977e;line-height:1.8;overflow-wrap:anywhere}.checkoutcard hr{border:0;border-top:1px solid var(--line);margin:27px 0}.chooseheading{font-size:15px;font-weight:500;margin:0 0 8px}.muted{font-size:11px;color:#9aa58e}.paychoices{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}.paychoices>button{padding:0;border:1px solid #edf0e8;border-radius:14px;background:#fff;overflow:hidden;text-align:center;transition:transform .15s}.paychoices>button:hover{transform:translateY(-3px)}.choicecolor{padding:25px 12px 22px;background:#08ad60;color:#fff}.alipay .choicecolor{background:#1979e7}.choicecolor .payicon{background:#ffffff25;margin:0 auto 13px;width:45px;height:45px;border-radius:14px}.choicecolor strong{display:block;font-size:16px}.choicecolor small{display:block;font-size:10px;opacity:.75;margin-top:9px;overflow-wrap:anywhere}.choicebottom{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;padding:17px;color:#677b5b}.checkoutfoot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#99a58e;margin-top:26px}.backlink{display:flex;gap:7px;align-items:center;background:transparent;color:#8d9a80;font-size:11px;margin-bottom:20px}.qrarea{text-align:center;padding:18px 15px;background:#f5faf3;border:1px solid #e7efdf;border-radius:12px}.qrarea.alipay{background:#f2f7ff;border-color:#e2ecfa}.qrarea h2{font-size:16px;margin:0 0 10px}.qrarea p{font-size:11px;color:#869879;line-height:1.8;margin:9px 0}.qrarea img{display:block;width:100%;max-width:270px;max-height:360px;object-fit:contain;margin:18px auto;background:#fff;padding:10px;border-radius:9px}.qrarea strong{font-size:18px}.micro{font-size:10px;color:#a1ad95;line-height:1.8}.result{text-align:center;padding:18px 0 25px;color:#8c9c7f}.result>svg{margin:0 auto 20px}.result h2{font-size:19px;color:var(--ink);font-weight:500}.result p{font-size:12px;line-height:1.8}.successicon{margin:0 auto 20px;border-radius:50%;background:#e8f6e9;color:#37915d;width:64px;height:64px;display:grid;place-items:center}@media(min-width:1450px){.content{padding-top:60px}.heading{margin-bottom:40px}.empty{padding:70px 15px}}@media(max-width:1100px){.sidebar{width:200px;padding-left:14px;padding-right:14px}.main{margin-left:200px}.content{padding:30px 25px}.topbar{padding:0 25px}.heading{align-items:flex-start}.heading h1{font-size:23px}.heading .primary{padding:11px}.stat{padding:18px}.profile{margin:0 -14px;padding:17px 12px}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:17px 20px 0;border-right:0;border-bottom:1px solid var(--line)}.shell{display:block}.brand{padding:0 0 16px;gap:9px}.brand b{font-size:23px}.brandmark{width:33px;height:33px}.brand b span,.workspace,.navlabel,.sidebottom,.profile{display:none}nav{display:flex;gap:15px}nav button{padding:13px 12px;background:transparent;border-radius:0;font-size:12px}nav .selected{background:transparent;border-bottom:2px solid var(--green)}nav button svg:last-child{display:none}.main{margin-left:0}.topbar{display:none}.content{padding:27px 20px}.heading{display:block;margin-bottom:25px}.heading h1{font-size:24px;letter-spacing:-1px}.heading .primary{margin-top:20px}.stats{gap:9px}.stat{padding:14px 11px}.stattop{font-size:10px}.stattop span{padding:5px}.stattop svg{width:16px;height:16px}.stat>strong{font-size:23px;margin-top:13px}.stat>small{font-size:9px;line-height:1.6;display:block}.setupcall{padding:16px 14px;gap:10px;flex-wrap:wrap}.setupcall p{line-height:1.7}.setupcall button{margin:3px 0 0 52px}.setupicon{width:37px;height:37px}.panelhead{padding:21px 18px}.filters{padding:0 18px;gap:22px}.how{gap:10px;font-size:9px}.how>span{width:100%;text-align:center}.channelgrid{grid-template-columns:1fr}.channelhead{padding:20px}.qrpreview{height:220px}.how>svg{width:10px}footer{gap:15px;font-size:8px}.modal{padding:25px}.channelpanel{max-width:480px;width:100%;margin:auto}}@media(max-width:380px){.heading h1{font-size:21px}.stat>strong{font-size:20px}.stattop span{display:none}.checkoutcard{padding:23px 20px}.checkoutamount{font-size:40px}}.theme-yellow{--platform-bg:#ffda13;--platform-fg:#28250c;--platform-soft:#fffbea}.theme-orange{--platform-bg:#ff7809;--platform-fg:#fff;--platform-soft:#fff6ee}.theme-red{--platform-bg:#ee2637;--platform-fg:#fff;--platform-soft:#fff3f3}.theme-black{--platform-bg:#232323;--platform-fg:#fff;--platform-soft:#f5f5f5}.theme-blue{--platform-bg:#1762ce;--platform-fg:#fff;--platform-soft:#f0f5ff}.theme-green{--platform-bg:#15a56a;--platform-fg:#fff;--platform-soft:#f0fbf5}.theme-pink{--platform-bg:#e7378c;--platform-fg:#fff;--platform-soft:#fff2f8}.theme-teal{--platform-bg:#02b7b1;--platform-fg:#fff;--platform-soft:#effbfa}.theme-purple{--platform-bg:#7d51c4;--platform-fg:#fff;--platform-soft:#f7f3ff}.platform-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px}.platform-page-heading p{font-size:12px;color:#7c8776;line-height:1.7}.platform-gallery{padding:24px;background:#f0f1ee}.platform-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.platform-tabs{display:flex;align-items:center;background:#e7eae4;border-radius:8px;padding:4px;gap:3px}.platform-tabs button{background:transparent;color:#7b8575;font-size:11px;padding:8px 11px;border-radius:5px;white-space:nowrap}.platform-tabs .active{background:#fff;color:#275a40;box-shadow:0 1px 4px #203d1810}.platform-search{display:flex;gap:7px;align-items:center;margin:0;background:#fff;border:1px solid #dfe5dc;border-radius:7px;padding:0 10px;color:#9aa590;max-width:210px}.platform-search input:not([type=checkbox]){border:0;box-shadow:none;background:transparent;margin:0;padding:10px 0;min-width:0;font-size:11px}.platform-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.platform-tile{border-radius:15px;overflow:hidden;background:#fff;padding:0;border:2px solid transparent;box-shadow:0 2px 8px #35422305;transition:transform .15s,border-color .15s;position:relative}.platform-tile:hover{transform:translateY(-2px)}.platform-tile.picked{border-color:#245d42;box-shadow:0 0 0 3px #cbded0}.platform-tile-color{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:128px;padding:15px 8px;background:var(--platform-bg);color:var(--platform-fg)}.platform-tile-color svg{margin-bottom:11px}.platform-tile-color strong{font-size:16px;font-weight:700;line-height:1.3}.platform-tile-color span{font-size:13px;opacity:.85;line-height:1.3;margin-top:7px}.platform-tile-bottom{height:51px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#626859}.platform-tile.picked .platform-tile-bottom{background:#edf6ef;color:#245d42}.platform-empty{padding:30px 10px;color:#8f9b86;font-size:12px;text-align:center}.platform-footnote{color:#96a08d;font-size:11px;line-height:1.8;margin:20px 0 30px}.create-modal{max-width:870px}.create-modal>.modalicon{width:38px;height:38px;margin-bottom:13px}.create-modal h2{font-size:21px}.create-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px}.create-order-fields{padding-right:27px;border-right:1px solid #e6eae1}.create-style-picker{min-width:0}.create-style-picker h3{font-size:12px;font-weight:500;color:#637559;margin:18px 0 15px}.create-style-picker .platform-tools{display:block}.create-style-picker .platform-search{max-width:none;margin-top:10px}.create-style-picker .platform-tabs{justify-content:space-between}.create-style-picker .platform-tabs button{flex:1}.create-style-picker .platform-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:397px;overflow-y:auto;padding:4px 6px 8px 4px}.create-style-picker .platform-tile-color{min-height:116px}.create-style-picker .platform-tile-color strong{font-size:15px}.create-style-picker .platform-tile-color span{font-size:12px}.create-style-picker .platform-tile-bottom{height:40px;font-size:12px}.chosen-platform{font-size:12px;color:#88947f;background:#f4f7f0;padding:12px;border-radius:7px;margin:20px 0 8px}.chosen-platform strong{color:#35644a;font-weight:500}.order-platform-tag{color:#4f7b64}.share-preview{display:flex;gap:14px;align-items:center;margin:21px 0;background:var(--platform-soft);padding:17px;border-radius:10px;border:1px solid #00000005}.share-preview-icon{width:58px;height:58px;background:var(--platform-bg);color:var(--platform-fg);border-radius:10px;display:grid;place-items:center;flex-shrink:0}.share-preview strong{font-size:15px;font-weight:600;color:#28352a}.share-preview p{font-size:12px;margin:6px 0;color:#65735e}.share-preview small{font-size:10px;color:#87977b;overflow-wrap:anywhere;display:block}.linkbuttons{flex-wrap:wrap;gap:8px}.linkbuttons .primary,.linkbuttons .secondary{font-size:11px;padding:11px 13px}.manager-search{display:flex;align-items:center;justify-content:space-between;padding:0 24px 18px;border-bottom:1px solid #e6eae2}.manager-search small{font-size:10px;color:#97a08e}.platform-manager-list{display:grid;grid-template-columns:1fr 1fr}.platform-manager-row{display:flex;gap:12px;align-items:center;padding:17px 22px;border-bottom:1px solid #eff1eb}.platform-manager-row:nth-child(odd){border-right:1px solid #eff1eb}.platform-mini{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--platform-bg);color:var(--platform-fg);flex-shrink:0}.platform-manager-name{min-width:0;flex:1}.platform-manager-name strong{font-size:12px;font-weight:500;display:block}.platform-manager-name small{font-size:9px;color:#9aab8f;display:block;margin-top:5px}.platform-row-buttons{display:flex;gap:8px;align-items:center}.platform-row-buttons>button{color:#8f9a87;background:transparent;padding:3px}.platform-row-buttons>button:disabled{opacity:.3;cursor:default}.platform-row-buttons .platform-toggle{width:31px;height:18px;background:#d9dfd4;border-radius:20px;padding:2px;margin-left:5px}.platform-toggle span{display:block;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0001;transition:transform .15s}.platform-row-buttons .platform-toggle.on{background:#3d7954}.platform-toggle.on span{transform:translate(13px)}.styled-checkout .checkoutcard{border-top:5px solid var(--platform-bg)}.customer-style-header{display:flex;align-items:center;gap:13px;background:var(--platform-bg);color:var(--platform-fg);border-radius:10px;padding:18px;margin:22px 0}.customer-platform-icon{width:40px;display:grid;place-items:center}.customer-style-header strong{font-size:19px;font-weight:600}.customer-style-header p{font-size:12px;margin:7px 0 0;opacity:.8}.styled-checkout .checkoutcard h1{font-size:15px;margin:21px 0 12px}.styled-checkout .checkoutamount{font-size:40px}@media(max-width:1150px){.platform-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-manager-list{grid-template-columns:1fr}.platform-manager-row:nth-child(odd){border-right:0}}@media(max-width:800px){.platform-gallery{padding:16px}.platform-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-tools{display:block}.platform-tools>.platform-search{margin-top:12px;max-width:none}.platform-tabs{justify-content:space-between}.platform-tabs button{flex:1}.platform-tile-color{min-height:118px}.platform-tile-color strong{font-size:16px}.platform-page-heading{align-items:flex-start}.platform-page-heading p{font-size:11px;margin:0}.platform-page-heading .secondary{font-size:10px;padding:9px}.platform-manager-row{padding:16px 15px}.platform-row-buttons{gap:5px}.create-layout{grid-template-columns:1fr;gap:14px}.create-order-fields{padding:0;border-right:0}.create-style-picker{grid-row:1}.create-style-picker .platform-tiles{max-height:285px}.create-style-picker .platform-tools{display:flex;flex-wrap:wrap;gap:8px}.create-style-picker .platform-tabs{width:100%}.create-style-picker .platform-search{margin-top:0;max-width:none;width:100%}.create-modal .modalicon{display:none}.create-modal{max-height:94vh}.create-style-picker h3{margin-top:0}.create-modal>p{margin-bottom:15px}.create-order-fields label:first-child{margin-top:0}.platform-tile-bottom{height:48px}.styled-checkout .checkoutfoot{font-size:10px}nav{gap:3px}nav button{padding:13px 10px;gap:7px}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#e9e7ff,#f7f8fc 70%);color:#28334a}.login-card{background:#fff;border:1px solid #e6e8f1;border-radius:22px;box-shadow:0 18px 70px #4444770c;width:100%;max-width:380px;padding:36px}.login-mark{height:48px;width:48px;background:#7260df;color:#fff;display:grid;place-items:center;border-radius:15px;font-size:23px}.login-card h1{font-size:25px;margin:22px 0 28px}.login-card label{display:block;font-size:13px;color:#556077;margin:20px 0}.login-card input{width:100%;padding:12px;border:1px solid #dce0eb;border-radius:8px;margin-top:9px;font-size:16px;background:#fafbfe}.login-card input:focus{outline:2px solid #b1a6f2}.login-card .primary{background:#7360df;padding:13px;color:#fff;border-radius:8px}.account-settings{display:grid;gap:24px}.account-settings .panelhead h2{display:flex;align-items:center;gap:9px}.password-form{padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.password-form label{margin:0}.password-form>.primary{grid-column:1/-1;justify-self:start}.account-notice{padding:14px 18px;border:1px solid #c8e8db;color:#23704d;background:#edfaf4;border-radius:10px}.account-settings .tablewrap{max-width:100%;overflow:auto}@media(max-width:700px){.password-form{grid-template-columns:1fr}.account-settings .panelhead{gap:12px;flex-wrap:wrap}.admin-shell .admin-nav{overflow-x:auto;flex-wrap:nowrap}.admin-shell .admin-nav button{white-space:nowrap;flex-shrink:0}}