.admin-body { min-height: 100vh; }
.login-screen { min-height: 100vh; display: grid; grid-template-columns: 1.1fr .9fr; background: #eef4f0; }
.login-art { display: flex; flex-direction: column; justify-content: space-between; padding: 56px; color: #fff; background: linear-gradient(145deg,#0c6230,#1c984d); }
.login-art .brand-lockup { display: flex; align-items: center; gap: 14px; font-size: 20px; font-weight: 800; }
.login-art .brand-mark { width: 48px; height: 48px; margin: 0; border-radius: 14px; background: rgba(255,255,255,.18); }
.login-copy { max-width: 610px; }
.login-copy h1 { margin: 0; font-size: clamp(42px,6vw,72px); line-height: 1.08; letter-spacing: -.05em; }
.login-copy p { margin: 24px 0 0; color: rgba(255,255,255,.78); font-size: 17px; }
.login-features { display: flex; gap: 26px; color: rgba(255,255,255,.85); font-size: 13px; }
.login-panel { display: grid; place-items: center; padding: 30px; background: #fff; }
.login-form { width: min(420px,100%); }
.login-form h2 { margin: 0; color: var(--ink); font-size: 30px; }
.login-form > p { margin: 8px 0 30px; color: var(--muted); }
.field { display: grid; gap: 7px; margin-bottom: 18px; }
.field label { color: var(--ink); font-size: 13px; font-weight: 700; }
.field input,.field select,.field textarea { width: 100%; min-height: 44px; padding: 10px 12px; color: var(--ink); background: #fff; border: 1px solid #ccd8d0; border-radius: 9px; outline: none; transition: border .16s,box-shadow .16s; }
.field textarea { min-height: 110px; resize: vertical; line-height: 1.55; }
.field input:focus,.field select:focus,.field textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(23,140,69,.12); }
.field small { color: var(--muted); }
.field-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.login-form .button { width: 100%; min-height: 48px; margin-top: 6px; }
.demo-account { margin-top: 18px; padding: 12px 14px; color: #58665d; background: #f2f6f3; border-radius: 9px; font-size: 13px; }
.admin-app { min-height: 100vh; display: grid; grid-template-columns: 248px minmax(0,1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; overflow-y: auto; padding: 22px 14px; color: #dcebe1; background: #17251d; }
.sidebar-brand { display: flex; align-items: center; gap: 12px; padding: 0 10px 22px; border-bottom: 1px solid rgba(255,255,255,.08); }
.sidebar-brand .brand-mark { width: 38px; height: 38px; margin: 0; border-radius: 11px; font-size: 18px; }
.sidebar-brand strong { display: block; color: #fff; font-size: 15px; }
.sidebar-brand small { color: #91a99a; font-size: 11px; }
.nav-list { display: grid; gap: 3px; margin-top: 18px; }
.nav-group { margin: 16px 12px 5px; color: #718679; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.nav-group:first-child { margin-top: 0; }
.nav-item { width: 100%; min-height: 42px; display: flex; align-items: center; gap: 11px; padding: 0 12px; color: #aebfb4; background: transparent; border: 0; border-radius: 9px; text-align: left; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav-item.active { color: #fff; background: var(--brand); }
.nav-item svg { width: 18px; height: 18px; flex: 0 0 18px; stroke-width: 1.8; }
.sidebar-foot { margin-top: 22px; padding: 15px 10px 0; border-top: 1px solid rgba(255,255,255,.08); }
.sidebar-user { color: #fff; font-weight: 700; }
.sidebar-role { color: #91a99a; font-size: 12px; }
.sidebar-logout { margin-top: 10px; color: #c7d5cb; background: transparent; border: 0; padding: 0; }
.mobile-login-brand,.mobile-nav-close,.mobile-menu-button,.admin-mobile-nav,.sidebar-scrim,.topbar-kicker { display: none; }
.main-area { min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 50; height: 68px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; background: rgba(255,255,255,.93); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
.topbar-title { color: var(--ink); font-size: 18px; font-weight: 800; }
.topbar-meta { display: flex; align-items: center; gap: 10px; color: var(--muted); }
.health-dot { width: 8px; height: 8px; background: #1fad5b; border-radius: 50%; }
.content { width: min(1520px,100%); margin: 0 auto; padding: 28px 30px 50px; }
.page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.page-head h1 { margin: 0; color: var(--ink); font-size: 26px; letter-spacing: -.03em; }
.page-head p { margin: 5px 0 0; color: var(--muted); }
.page-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.metric { min-height: 126px; padding: 19px; background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 7px 22px rgba(24,49,31,.035); }
.metric-label { color: var(--muted); font-size: 13px; }
.metric-value { margin-top: 12px; color: var(--ink); font-size: 28px; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.metric-note { margin-top: 5px; color: #7d8981; font-size: 12px; }
.metric.emphasis { color: #fff; background: linear-gradient(135deg,#10723a,#209c50); border-color: transparent; }
.metric.emphasis .metric-label,.metric.emphasis .metric-note { color: rgba(255,255,255,.72); }
.metric.emphasis .metric-value { color: #fff; }
.grid-2 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.panel { min-width: 0; margin-top: 18px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 8px 25px rgba(24,49,31,.035); }
.panel-head { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 19px; border-bottom: 1px solid #edf1ee; }
.panel-head h2 { margin: 0; color: var(--ink); font-size: 16px; }
.panel-body { padding: 19px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th { padding: 12px 14px; color: #647168; background: #f7f9f7; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; font-weight: 700; }
td { padding: 13px 14px; color: var(--text); border-bottom: 1px solid #edf1ee; vertical-align: middle; }
tbody tr:hover { background: #fbfcfb; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr.row-disabled { background: #fafbfa; }
tbody tr.row-disabled td:not(:last-child) { opacity: .62; }
.number { font-variant-numeric: tabular-nums; white-space: nowrap; }
.promoter-money-available strong { color: var(--brand-strong); }
.status { display: inline-flex; align-items: center; min-height: 25px; padding: 0 9px; border-radius: 99px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.status.active,.status.success,.status.completed,.status.settled,.status.available,.status.paid { color: #08723a; background: #e6f6eb; }
.status.pending,.status.estimated,.status.pending_review,.status.pending_settlement,.status.withdrawing,.status.approved,.status.new,.status.waiting { color: #985909; background: #fff3d8; }
.status.failed,.status.refunded,.status.cancelled,.status.rejected,.status.frozen { color: #aa312b; background: #ffebe9; }
.status.inactive,.status.paused,.status.untested { color: #657069; background: #edf0ee; }
.table-actions { display: flex; gap: 7px; white-space: nowrap; }
.table-actions .button:disabled { opacity: .55; cursor: wait; }
.promoter-login-time { min-width: 132px; display:flex; flex-direction:column; gap:4px; }
.promoter-login-time strong { color:var(--ink); font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.promoter-login-time small { color:var(--muted); font-size:11px; white-space:nowrap; }
.promoter-login-time.never { align-items:flex-start; }
.page-actions .button:disabled { opacity:.5; cursor:not-allowed; }
.order-select-cell { width:48px; text-align:center; }
.order-select-cell input { width:18px; height:18px; accent-color:var(--danger); cursor:pointer; }
.promoter-account { min-width:240px; display:flex; align-items:center; gap:11px; color:inherit; }
.promoter-account-toggle { width:100%; padding:5px 0; background:transparent; border:0; text-align:left; cursor:pointer; }
.promoter-account-toggle:focus-visible { outline:3px solid rgba(23,140,69,.2); outline-offset:4px; border-radius:8px; }
.promoter-account-copy { min-width:0; display:grid; gap:3px; }
.promoter-account-copy strong { color:var(--ink); font-size:14px; }
.promoter-account-copy small { color:var(--muted); white-space:nowrap; }
.promoter-chevron { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; color:var(--brand-strong); background:#e7f4eb; border-radius:7px; font-size:23px; line-height:1; transition:transform .18s ease,background .18s ease; }
.promoter-child-count { min-height:25px; display:inline-flex; align-items:center; margin-left:auto; padding:0 9px; color:#08723a; background:#e6f6eb; border:1px solid #cfe9d7; border-radius:99px; font-size:12px; font-weight:800; white-space:nowrap; }
.promoter-child-count.muted { color:#67736b; background:#f0f3f1; border-color:#e1e6e3; }
.promoter-parent-row.has-children { cursor:pointer; }
.promoter-parent-row.expanded { background:#f6fbf7; }
.promoter-parent-row.expanded .promoter-chevron { color:#fff; background:var(--brand); transform:rotate(90deg); }
.promoter-child-row { background:#fbfdfb; }
.promoter-child-row td:first-child { padding-left:34px; box-shadow:inset 3px 0 0 #70b989; }
.promoter-account-child { min-width:260px; }
.promoter-branch { width:24px; flex:0 0 24px; color:#3a9a5c; font-size:20px; font-weight:800; text-align:center; }
.form-panel { padding: 20px; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 16px; }
.form-grid .wide { grid-column: 1/-1; }
.switch-line { min-height: 44px; display: flex; align-items: center; gap: 10px; }
.switch-line input { width: 18px; height: 18px; accent-color: var(--brand); }
.form-actions { display: flex; justify-content: flex-end; gap: 9px; padding-top: 6px; }
.form-actions .button:disabled { opacity:.55; cursor:wait; }
.tabs { display: flex; gap: 4px; padding: 5px; background: #eef3ef; border-radius: 10px; }
.tab { min-height: 34px; padding: 0 13px; color: var(--muted); background: transparent; border: 0; border-radius: 7px; }
.tab.active { color: var(--brand-strong); background: #fff; box-shadow: 0 2px 8px rgba(20,50,31,.06); font-weight: 700; }
.code-box { padding: 14px; overflow: auto; color: #d9ebdf; background: #17251d; border-radius: 9px; font: 12px/1.6 Consolas,monospace; white-space: pre-wrap; }
.callout { display: flex; gap: 10px; margin-bottom: 16px; padding: 13px 15px; color: #536159; background: #eef5f0; border-left: 4px solid var(--brand); border-radius: 8px; }
.callout.warning { background: #fff8e8; border-left-color: #d38a1b; }
.form-error { min-height:22px; color:#aa312b; font-size:13px; font-weight:600; }
.withdrawal-rules-card { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; padding:18px 20px; background:linear-gradient(135deg,#f0f8f2,#fff); border:1px solid #cfe5d5; border-radius:12px; }
.withdrawal-rules-card div { display:grid; gap:4px; }
.withdrawal-rules-card small { color:var(--brand-strong); font-weight:700; }
.withdrawal-rules-card strong { color:var(--ink); font-size:18px; }
.withdrawal-rules-card p { margin:0; color:var(--muted); line-height:1.6; }
.flow-list { min-height: 92px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 9px; color: var(--ink); }
.flow-list span { min-height: 36px; display: inline-flex; align-items: center; padding: 0 12px; background: #f1f6f2; border: 1px solid #dfe9e2; border-radius: 9px; font-weight: 700; }
.jd-link-guide { display:grid; grid-template-columns:36px minmax(0,1fr) 28px 36px minmax(0,1fr) 28px 36px minmax(0,1fr); align-items:center; gap:10px; margin-bottom:18px; padding:18px 20px; color:var(--text); background:linear-gradient(135deg,#edf8f0,#fff); border:1px solid #d9e9dd; border-radius:16px; }
.jd-link-guide>span { width:36px; height:36px; display:grid; place-items:center; color:#fff; background:var(--brand); border-radius:11px; font-weight:900; }
.jd-link-guide>p { min-width:0; margin:0; }
.jd-link-guide strong,.jd-link-guide small { display:block; }
.jd-link-guide small { margin-top:3px; color:var(--muted); font-size:12px; line-height:1.45; }
.jd-link-guide>i { color:#8baa94; text-align:center; font-style:normal; }
.jd-link-workspace { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.jd-link-card { min-width:0; padding:22px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 26px rgba(24,49,31,.045); }
.jd-link-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:13px; }
.jd-link-card-head span,.jd-link-card-head strong { display:block; }
.jd-link-card-head span { margin-bottom:3px; color:var(--brand); font-size:12px; font-weight:800; }
.jd-link-card-head strong { color:var(--ink); font-size:17px; }
.jd-link-card-head>small { color:var(--muted); white-space:nowrap; }
.jd-link-card textarea { width:100%; min-height:300px; padding:15px; resize:vertical; color:var(--text); background:#f8faf8; border:1px solid #cfdbd2; border-radius:12px; outline:none; font:14px/1.75 inherit; }
.jd-link-card textarea:focus { border-color:var(--brand); box-shadow:0 0 0 3px rgba(23,140,69,.12); }
.jd-link-result textarea { background:#f2faf4; border-color:#bcdcc6; }
.jd-link-note { min-height:38px; margin:10px 0 13px; color:var(--muted); font-size:12px; line-height:1.55; }
.jd-link-card>.button { width:100%; min-height:46px; }
.jd-link-commission-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 16px; align-items:center; margin-bottom:11px; padding:14px 15px; color:#fff; background:linear-gradient(135deg,#0e793b,#20a053); border-radius:12px; }
.jd-link-commission-summary>span { font-size:13px; font-weight:700; }
.jd-link-commission-summary>strong { grid-row:1; grid-column:2; font-size:25px; font-variant-numeric:tabular-nums; }
.jd-link-commission-summary>small { color:rgba(255,255,255,.76); font-size:11px; line-height:1.45; }
.jd-link-commission-list { display:grid; gap:8px; margin-bottom:12px; }
.jd-link-commission-list article { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 12px; background:#f7faf8; border:1px solid #e0e9e2; border-radius:11px; }
.jd-link-commission-list article>div { min-width:0; display:flex; align-items:center; gap:10px; }
.jd-link-commission-list article>div>span { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; color:var(--brand-strong); background:#e3f4e8; border-radius:8px; font-size:12px; font-weight:900; }
.jd-link-commission-list p,.jd-link-commission-list strong,.jd-link-commission-list small { display:block; margin:0; }
.jd-link-commission-list article>div p { min-width:0; }
.jd-link-commission-list article>div strong { overflow:hidden; color:var(--ink); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.jd-link-commission-list small { margin-top:3px; color:var(--muted); font-size:11px; }
.jd-link-commission-list article>p { flex:0 0 auto; text-align:right; }
.jd-link-commission-list article>p strong { color:var(--brand-strong); font-size:17px; font-variant-numeric:tabular-nums; }
.jd-link-commission-list article>p.muted strong { color:#69766d; font-size:12px; }
.flow-list i { color: #8ca095; font-style: normal; }
.content-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 18px; }
.content-summary article { min-height: 112px; display: grid; align-content: center; padding: 18px; background: linear-gradient(145deg,#fff,#f6faf7); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 7px 22px rgba(24,49,31,.035); }
.content-summary span { color: var(--muted); font-size: 13px; }
.content-summary strong { margin-top: 7px; color: var(--ink); font-size: 28px; line-height: 1; font-variant-numeric: tabular-nums; }
.content-summary small { margin-top: 6px; color: #7d8981; }
.content-item { min-width: 250px; display: flex; align-items: center; gap: 12px; }
.content-item>div { min-width: 0; display: grid; gap: 4px; }
.content-item small { max-width: 320px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.content-thumb { width: 82px; height: 48px; flex: 0 0 auto; object-fit: cover; background: #eef3ef; border: 1px solid #e2e9e4; border-radius: 8px; }
.service-admin-icon { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; overflow: hidden; border-radius: 12px; }
.service-admin-icon img { width: 38px; height: 38px; object-fit: contain; }
.module-preview-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.module-preview-grid>div { min-height: 92px; display: grid; align-content: center; gap: 7px; padding: 15px; background: #f6f9f7; border: 1px solid #e6ece8; border-radius: 10px; }
.module-preview-grid span { color: var(--brand-strong); font-size: 13px; font-weight: 800; }
.module-preview-grid strong { color: var(--ink); font-size: 13px; line-height: 1.55; }
.benefit-status { min-height: 82px; display: grid; gap: 5px; align-content: center; margin-bottom: 16px; padding: 16px 18px 16px 52px; color: #1f5536; background: #eaf7ef; border: 1px solid #cfe9d8; border-radius: 12px; position: relative; }
.benefit-status::before { content: '✓'; position: absolute; left: 18px; width: 24px; height: 24px; display: grid; place-items: center; color: #fff; background: #168447; border-radius: 50%; font-weight: 800; }
.benefit-status strong { color: var(--ink); }
.benefit-status span { color: #607067; font-size: 13px; }
.benefit-status.warning { color: #7f5615; background: #fff8e8; border-color: #f0ddb8; }
.benefit-status.warning::before { content: '!'; background: #c88118; }
.hot-mark { display: inline-flex; min-height: 22px; align-items: center; margin-left: 5px; padding: 0 7px; color: #b93925; background: #fff0ea; border-radius: 99px; font-size: 11px; font-weight: 800; vertical-align: middle; }
.channel-intro { margin-bottom: 16px; padding: 11px 13px; color: #56675d; background: #f3f7f4; border-radius: 9px; font-size: 13px; }
.modal-layer { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 22px; background: rgba(15,29,20,.52); }
.modal { width: min(720px,100%); max-height: min(860px,90vh); overflow-y: auto; background: #fff; border-radius: 16px; box-shadow: 0 24px 80px rgba(0,0,0,.24); }
.modal-head { min-height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border-bottom: 1px solid var(--line); }
.modal-head h2 { margin: 0; color: var(--ink); font-size: 18px; }
.modal-close { width: 38px; height: 38px; display: grid; place-items: center; color: var(--muted); background: #f3f6f4; border: 0; border-radius: 9px; font-size: 22px; }
.modal-body { padding: 22px; }
.poster-admin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:20px; }
.poster-template-card { min-width:0; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 25px rgba(24,49,31,.045); }
.poster-template-tags { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:8px; }
.poster-template-tags span,.poster-template-tags b { padding:4px 8px; border-radius:99px; font-size:10px; font-weight:800; line-height:1.2; }
.poster-template-tags span { color:var(--brand-strong); background:var(--brand-soft); }
.poster-template-tags b { color:#8b5a08; background:#fff3d8; }
.poster-card-preview { position:relative; overflow:hidden; aspect-ratio:3/4; background:#edf3ef; }
.poster-card-preview>img { width:100%; height:100%; display:block; object-fit:contain; }
.poster-qr-marker { position:absolute; z-index:2; aspect-ratio:1; display:grid; place-items:center; overflow:visible; padding:7%; color:#152019; background:rgba(255,255,255,.96); border:2px dashed #1c984d; border-radius:9px; font-style:normal; box-shadow:0 4px 12px rgba(13,87,43,.12); }
.poster-qr-graphic { width:100%; height:100%; display:block; fill:currentColor; }
.poster-state { position:absolute; top:12px; right:12px; min-height:28px; display:inline-flex; align-items:center; padding:0 10px; color:#fff; border-radius:99px; font-size:12px; font-weight:700; box-shadow:0 5px 14px rgba(0,0,0,.16); }
.poster-state.online { background:#168447; }
.poster-state.offline { background:#66716a; }
.poster-card-body { display:grid; gap:15px; padding:18px; }
.poster-card-body h3 { margin:0; color:var(--ink); font-size:17px; }
.poster-card-body p { min-height:42px; margin:5px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }
.poster-card-body dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; padding:12px; background:#f5f8f6; border-radius:10px; }
.poster-card-body dl div { min-width:0; }
.poster-card-body dt { color:var(--muted); font-size:11px; }
.poster-card-body dd { margin:4px 0 0; overflow:hidden; color:var(--ink); font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.poster-empty { min-height:280px; display:grid; align-content:center; line-height:1.8; }
.poster-editor-modal { width:min(1040px,100%); }
.poster-editor-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,380px); gap:30px; align-items:start; }
.poster-editor-form .poster-form-fields { min-width:0; }
.poster-live-preview { position:sticky; top:0; display:grid; gap:9px; }
.poster-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.poster-preview-heading span { color:var(--ink); font-size:13px; font-weight:700; }
.poster-preview-heading small { color:var(--muted); font-variant-numeric:tabular-nums; }
.poster-live-preview .poster-card-preview { width:min(100%,calc(58vh * var(--poster-ratio,.75))); margin:0 auto; border:1px solid var(--line); border-radius:13px; box-shadow:0 9px 24px rgba(24,49,31,.08); }
.poster-live-empty { height:100%; display:grid; place-items:center; color:var(--muted); text-align:center; line-height:1.7; }
.poster-qr-draggable { min-width:0; min-height:0; touch-action:none; cursor:grab; transition:box-shadow .18s ease,border-color .18s ease; }
.poster-qr-draggable::after { content:""; position:absolute; inset:-8px; }
.poster-qr-draggable:hover,.poster-qr-draggable:focus-visible { border-color:#0d6f35; box-shadow:0 0 0 4px rgba(23,140,69,.18),0 8px 20px rgba(13,87,43,.18); }
.poster-qr-draggable.is-dragging { cursor:grabbing; border-style:solid; box-shadow:0 0 0 5px rgba(23,140,69,.2),0 12px 25px rgba(13,87,43,.22); }
.poster-qr-draggable.is-hidden { display:none; }
.poster-drag-tip { color:var(--muted); text-align:center; line-height:1.6; }
.poster-placement-panel { display:grid; gap:15px; margin:0 0 18px; padding:16px; background:#f6f9f7; border:1px solid #dce7df; border-radius:11px; }
.poster-placement-panel legend { padding:0 6px; color:var(--ink); font-size:13px; font-weight:800; }
.poster-placement-panel>p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.poster-range-field { display:grid; gap:7px; }
.poster-range-field label { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--ink); font-size:13px; font-weight:700; }
.poster-range-field output { min-width:48px; color:var(--brand-strong); text-align:right; font-variant-numeric:tabular-nums; }
.poster-range-field input[type="range"] { width:100%; height:28px; margin:0; padding:0; accent-color:var(--brand); cursor:pointer; }
.poster-editor-actions { margin-top:12px; padding-top:18px; border-top:1px solid var(--line); }
.poster-editor-form input[type="file"] { padding:8px; }
.poster-editor-form input[type="file"]::file-selector-button { min-height:34px; margin-right:10px; padding:0 13px; color:var(--brand-strong); background:var(--brand-soft); border:0; border-radius:7px; font-weight:700; cursor:pointer; }
.poster-editor-form button:disabled { opacity:.55; cursor:wait; }
.withdrawal-code-button { margin-top:7px; }
.withdrawal-payment-modal { width:min(560px,100%); }
.withdrawal-payment-detail { display:grid; gap:18px; }
.withdrawal-payment-summary { display:grid; gap:5px; text-align:center; }
.withdrawal-payment-summary span { color:var(--muted); font-size:13px; }
.withdrawal-payment-summary strong { color:var(--ink); font-size:30px; font-variant-numeric:tabular-nums; }
.withdrawal-payment-summary small { color:var(--muted); line-height:1.65; }
.withdrawal-payment-code { display:grid; place-items:center; padding:16px; background:#f4f8f5; border:1px solid #dfe9e2; border-radius:15px; }
.withdrawal-payment-code img { width:min(340px,100%); height:auto; aspect-ratio:1; display:block; object-fit:contain; background:#fff; border-radius:11px; box-shadow:0 8px 25px rgba(24,49,31,.08); }
.withdrawal-payment-actions { justify-content:center; padding-top:0; }
.withdrawal-payment-actions .button { min-width:140px; }
.withdrawal-payment-actions .button:disabled { opacity:.55; cursor:wait; }
.target-metrics { margin-bottom:16px; }
.target-command { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr); gap:22px; align-items:center; margin-bottom:16px; padding:18px 20px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 7px 22px rgba(24,49,31,.035); }
.target-command label { display:block; margin-bottom:7px; color:var(--muted); font-size:12px; font-weight:700; }
.target-command select { width:100%; min-height:44px; padding:0 12px; color:var(--ink); background:#f8faf8; border:1px solid #d9e3dc; border-radius:9px; font:inherit; font-weight:700; }
.target-readiness { min-width:0; }
.target-readiness>div { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.target-readiness strong { font-size:14px; }
.target-readiness span { color:var(--brand-strong); font-size:13px; font-weight:800; }
.target-readiness i { height:8px; display:block; overflow:hidden; background:#e8f0ea; border-radius:99px; }
.target-readiness b { height:100%; display:block; background:linear-gradient(90deg,#16a05a,#45bd72); border-radius:inherit; transition:width .25s ease; }
.target-readiness small { display:block; margin-top:8px; color:var(--muted); line-height:1.5; }
.plugin-pid-panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:26px; align-items:center; margin-bottom:16px; padding:22px; color:#173726; background:linear-gradient(135deg,#eff9f2 0%,#fff 70%); border:1px solid #cfe5d5; border-radius:16px; box-shadow:0 8px 25px rgba(24,49,31,.045); }
.plugin-pid-kicker { display:block; margin-bottom:5px; color:#168749; font-size:11px; font-weight:900; letter-spacing:.08em; }
.plugin-pid-copy h2 { margin:0; font-size:19px; }
.plugin-pid-copy p { max-width:720px; margin:8px 0 13px; color:#5f7066; font-size:13px; line-height:1.65; }
.plugin-pid-items { display:flex; flex-wrap:wrap; gap:8px; }
.plugin-pid-items span { display:inline-flex; align-items:center; gap:6px; padding:6px 10px 6px 7px; color:#315441; background:#fff; border:1px solid #d9e9de; border-radius:99px; font-size:12px; font-weight:750; }
.plugin-pid-items b { width:20px; height:20px; display:grid; place-items:center; color:#fff; background:#20a158; border-radius:50%; font-size:10px; }
.plugin-pid-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 10px; align-items:end; padding:15px; background:#fff; border:1px solid #dce9e0; border-radius:13px; }
.plugin-pid-form label { grid-column:1/-1; color:#4c6255; font-size:12px; font-weight:800; }
.plugin-pid-form input { min-width:0; min-height:42px; padding:0 11px; border:1px solid #cedbd2; border-radius:9px; font:inherit; }
.plugin-pid-form small { grid-column:1/-1; color:var(--muted); line-height:1.5; }
.target-group { margin-top:18px; }
.target-group-title { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:10px; padding:0 3px; }
.target-group-title h2 { margin:0; color:var(--ink); font-size:18px; }
.target-group-title p { margin:3px 0 0; color:var(--muted); font-size:12px; }
.target-group-title>span { padding:5px 9px; color:var(--brand-strong); background:var(--brand-soft); border-radius:99px; font-size:11px; font-weight:800; }
.target-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.target-card { min-width:0; display:grid; grid-template-rows:auto 1fr auto; padding:16px; background:#fff; border:1px solid var(--line); border-radius:13px; box-shadow:0 7px 22px rgba(24,49,31,.035); }
.target-card.is-ready { border-color:#cbe4d3; }
.target-card-head { min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; }
.target-card-head>div:nth-child(2) { min-width:0; }
.target-card-head strong,.target-card-head small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.target-card-head strong { color:var(--ink); font-size:14px; }
.target-card-head small { margin-top:3px; color:var(--muted); font-size:10px; }
.target-brand { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#168c48,#39b36b); border-radius:11px; font-size:14px; font-weight:900; box-shadow:0 6px 13px rgba(23,140,69,.16); }
.target-card.is-pending .target-brand { color:#708078; background:#edf2ee; box-shadow:none; }
.target-state { padding:4px 7px; color:#9b6a19; background:#fff6df; border-radius:99px; font-size:10px; font-weight:800; white-space:nowrap; }
.target-card.is-ready .target-state { color:#0d783b; background:#e8f7ed; }
.target-card-detail { min-width:0; display:grid; gap:4px; margin:14px 0; padding:10px 11px; color:#66736b; background:#f7faf8; border-radius:9px; font-size:11px; line-height:1.45; }
.target-card-detail span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.target-card-actions { display:flex; gap:7px; justify-content:flex-end; padding-top:11px; border-top:1px solid #edf1ee; }
.danger-text { color:#a33a34!important; }
.target-modal-context { display:flex; align-items:center; gap:12px; padding:13px 14px; background:#eff7f1; border-radius:11px; }
.target-modal-context>span { min-width:44px; height:44px; display:grid; place-items:center; color:#fff; background:var(--brand); border-radius:12px; font-weight:900; }
.target-modal-context strong,.target-modal-context small { display:block; }
.target-modal-context small { margin-top:3px; color:var(--muted); }
.promotion-link-fields { margin-bottom:18px; }
.promotion-link-fields summary { cursor:pointer; line-height:1.6; }
.promotion-link-fields details .field { margin-top:12px; }
@media(max-width:1100px){.metrics,.content-summary{grid-template-columns:repeat(2,1fr)}.admin-app{grid-template-columns:214px minmax(0,1fr)}}
@media(max-width:840px){.jd-link-guide{grid-template-columns:36px minmax(0,1fr);gap:9px 11px}.jd-link-guide>i{display:none}.jd-link-workspace{grid-template-columns:1fr}.jd-link-card textarea{min-height:240px}}
@media(max-width:1250px){.target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){.poster-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
  .admin-body { min-height:100dvh; font-size:15px; background:linear-gradient(180deg,#eef6f1 0,#f6f8f6 220px); }
  .login-screen { min-height:100dvh; grid-template-columns:1fr; background:radial-gradient(circle at 85% 5%,#d8f1df 0,transparent 34%),linear-gradient(160deg,#edf8f0,#fff7f1); }
  .login-art { display:none; }
  .login-panel { align-items:start; padding:calc(56px + env(safe-area-inset-top)) 20px 32px; background:transparent; }
  .login-form { padding:28px 22px; background:rgba(255,255,255,.96); border:1px solid rgba(216,229,219,.95); border-radius:24px; box-shadow:0 18px 50px rgba(18,73,39,.12); }
  .mobile-login-brand { display:grid; grid-template-columns:48px 1fr; grid-template-rows:auto auto; column-gap:12px; align-items:center; margin-bottom:28px; }
  .mobile-login-brand span { grid-row:1/3; width:48px; height:48px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,var(--brand),#0c6f35); border-radius:15px; font-size:21px; font-weight:800; box-shadow:0 8px 20px rgba(23,140,69,.24); }
  .mobile-login-brand strong { align-self:end; color:var(--ink); font-size:18px; }
  .mobile-login-brand small { align-self:start; color:var(--muted); font-size:12px; }
  .login-form h2 { font-size:26px; }
  .login-form>p { margin-bottom:24px; }
  .field label { font-size:14px; }
  .field input,.field select,.field textarea { min-height:48px; font-size:16px; border-radius:12px; }
  .withdrawal-payment-actions { flex-direction:column-reverse; }
  .withdrawal-payment-actions .button { width:100%; min-height:48px; }
  .admin-app { min-height:100dvh; display:block; padding-bottom:calc(74px + env(safe-area-inset-bottom)); }
  .sidebar { position:fixed; inset:0 auto 0 0; z-index:140; width:min(86vw,340px); height:100dvh; padding:calc(18px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom)); transform:translateX(-105%); transition:transform .24s ease; box-shadow:18px 0 50px rgba(4,22,11,.24); }
  .mobile-nav-open .sidebar { transform:translateX(0); }
  .sidebar-brand { position:sticky; top:0; z-index:2; padding-bottom:16px; background:#17251d; }
  .mobile-nav-close { width:44px; height:44px; display:grid; place-items:center; margin-left:auto; color:#d8e8dd; background:rgba(255,255,255,.08); border:0; border-radius:12px; }
  .mobile-nav-close svg,.mobile-menu-button svg { width:23px; height:23px; stroke-width:2; stroke-linecap:round; }
  .nav-list { grid-template-columns:1fr; gap:5px; margin-top:14px; }
  .nav-group { grid-column:auto; margin:18px 12px 5px; }
  .nav-item { min-height:50px; border-radius:12px; font-size:15px; }
  .sidebar-foot { padding-bottom:18px; }
  .sidebar-logout { min-height:44px; margin-top:8px; padding:0 4px; }
  .sidebar-scrim { position:fixed; inset:0; z-index:130; display:block; visibility:hidden; padding:0; background:rgba(8,25,14,.54); border:0; opacity:0; transition:opacity .2s ease,visibility .2s ease; }
  .mobile-nav-open .sidebar-scrim { visibility:visible; opacity:1; }
  .main-area { min-height:100dvh; }
  .topbar { position:sticky; top:0; z-index:90; min-height:calc(64px + env(safe-area-inset-top)); height:auto; justify-content:flex-start; gap:10px; padding:env(safe-area-inset-top) 14px 0; background:rgba(255,255,255,.94); }
  .mobile-menu-button { width:46px; height:46px; flex:0 0 46px; display:grid; place-items:center; color:var(--brand-strong); background:var(--brand-soft); border:0; border-radius:13px; }
  .topbar-kicker { display:block; margin-bottom:1px; color:var(--muted); font-size:10px; line-height:1.1; }
  .topbar-title { font-size:18px; line-height:1.25; }
  .topbar-meta { margin-left:auto; padding-right:5px; }
  .topbar-meta span:not(.health-dot) { display:none; }
  .health-dot { width:9px; height:9px; box-shadow:0 0 0 5px #e3f6e9; }
  .content { padding:20px 14px 28px; }
  .page-head { flex-direction:column; gap:15px; margin-bottom:18px; padding:0 2px; }
  .page-head h1 { font-size:25px; line-height:1.25; }
  .page-head p { margin-top:7px; font-size:14px; line-height:1.65; }
  .page-actions { width:100%; gap:8px; }
  .page-actions .button { min-height:46px; flex:1 1 calc(50% - 4px); padding:0 13px; }
  .metrics,.content-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .metric,.content-summary article { min-height:108px; padding:16px; border-radius:16px; box-shadow:0 8px 24px rgba(24,49,31,.055); }
  .metric-value,.content-summary strong { margin-top:8px; font-size:23px; }
  .grid-2,.field-row,.form-grid,.poster-admin-grid,.poster-editor-layout,.module-preview-grid { grid-template-columns:1fr; }
  .target-command,.plugin-pid-panel { grid-template-columns:1fr; gap:16px; padding:16px; }
  .plugin-pid-form { grid-template-columns:1fr; }
  .plugin-pid-form button { width:100%; }
  .target-grid { grid-template-columns:1fr; }
  .form-grid .wide { grid-column:auto; }
  .panel { margin-top:15px; border-radius:17px; box-shadow:0 8px 24px rgba(24,49,31,.05); }
  .panel-head { min-height:56px; flex-wrap:wrap; padding:12px 15px; }
  .panel-head h2 { font-size:17px; line-height:1.35; }
  .panel-head .button { min-height:42px; }
  .panel-body,.form-panel { padding:16px; }
  .table-wrap { overflow:visible; padding:10px; background:#f3f7f4; }
  .table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td { display:block; width:100%; }
  .table-wrap thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .table-wrap tbody { display:grid; gap:10px; }
  .table-wrap tbody tr { overflow:hidden; padding:4px 14px; background:#fff; border:1px solid #e1e9e3; border-radius:14px; box-shadow:0 5px 15px rgba(24,49,31,.045); }
  .table-wrap tbody tr:hover { background:#fff; }
  .table-wrap td { min-height:44px; display:grid; grid-template-columns:minmax(88px,.72fr) minmax(0,1.28fr); align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #edf1ee; text-align:right; white-space:normal; overflow-wrap:anywhere; }
  .table-wrap td:last-child { border-bottom:0; }
  .table-wrap td::before { content:attr(data-label); color:#738078; font-size:12px; font-weight:700; text-align:left; }
  .table-actions { flex-wrap:wrap; justify-content:flex-end; white-space:normal; }
  .table-actions .button,.table-wrap .button.small { min-height:44px; }
  .table-wrap tbody tr.promoter-parent-row.has-children { border-color:#cfe3d5; }
  .table-wrap tbody tr.promoter-child-row { width:calc(100% - 14px); margin:-2px 0 0 14px; background:#f8fcf9; border-color:#d7e9dc; }
  .promoter-child-row td:first-child { padding-left:0; box-shadow:none; }
  .promoter-account,.promoter-account-child { min-width:0; }
  .promoter-account-copy small { white-space:normal; }
  .content-item { min-width:0; justify-content:flex-end; text-align:left; }
  .content-item small { max-width:none; white-space:normal; }
  .content-thumb { width:68px; height:44px; }
  .tabs { max-width:100%; overflow-x:auto; }
  .tab { min-height:44px; white-space:nowrap; }
  .callout { display:block; padding:14px; line-height:1.65; }
  .withdrawal-rules-card { align-items:stretch; flex-direction:column; padding:16px; }
  .withdrawal-rules-card .button { width:100%; min-height:48px; }
  .flow-list { min-height:0; justify-content:flex-start; }
  .flow-list i { transform:rotate(90deg); }
  .poster-live-preview { position:relative; width:100%; margin:0 auto; }
  .poster-card-body { padding:16px; }
  .poster-card-body p { min-height:0; }
  .poster-card-body .table-actions { justify-content:stretch; }
  .poster-card-body .table-actions .button { flex:1; min-height:46px; }
  .modal-layer { align-items:end; padding:0; }
  .modal { width:100%; max-height:92dvh; border-radius:22px 22px 0 0; box-shadow:0 -18px 55px rgba(0,0,0,.22); }
  .modal-head { position:sticky; top:0; z-index:3; min-height:62px; padding:0 16px; background:#fff; }
  .modal-head h2 { max-width:calc(100% - 54px); font-size:18px; line-height:1.35; }
  .modal-close { width:44px; height:44px; }
  .modal-body { padding:18px 16px calc(24px + env(safe-area-inset-bottom)); }
  .form-actions { flex-direction:column; }
  .form-actions .button { width:100%; min-height:48px; }
  .admin-mobile-nav { position:fixed; inset:auto 0 0; z-index:100; height:calc(66px + env(safe-area-inset-bottom)); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:5px 7px env(safe-area-inset-bottom); background:rgba(255,255,255,.97); border-top:1px solid var(--line); box-shadow:0 -8px 28px rgba(24,49,31,.09); backdrop-filter:blur(14px); }
  .admin-mobile-nav-item { min-width:0; min-height:56px; display:grid; place-items:center; align-content:center; gap:2px; padding:3px 2px; color:#738078; background:transparent; border:0; border-radius:11px; font-size:11px; line-height:1.1; }
  .admin-mobile-nav-item svg { width:22px; height:22px; stroke-width:1.9; }
  .admin-mobile-nav-item.active { color:var(--brand-strong); background:var(--brand-soft); font-weight:800; }
  .toast { right:14px; bottom:calc(80px + env(safe-area-inset-bottom)); left:14px; max-width:none; text-align:center; }
}
@media(max-width:380px){.content{padding-right:12px;padding-left:12px}.metric,.content-summary article{padding:14px}.metric-value,.content-summary strong{font-size:21px}.page-actions .button{flex-basis:100%}.table-wrap td{grid-template-columns:82px minmax(0,1fr)}}
@media(max-width:960px) and (orientation:landscape){.sidebar{width:min(58vw,340px)}.modal{max-height:94dvh}.metrics,.content-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
.order-product-title{display:-webkit-box;max-width:280px;margin-top:5px;overflow:hidden;color:#63736a;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}

.admin-ai-studio{padding:26px;margin-bottom:28px;border:1px solid #d8e8dc;border-radius:18px;background:#fff}
.admin-ai-studio-head,.admin-poster-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.admin-ai-eyebrow{display:block;margin-bottom:8px;color:var(--brand-strong);font-size:12px;font-weight:800;letter-spacing:1px}
.admin-ai-studio h2,.admin-poster-section-head h2{margin:0 0 8px;font-size:21px;line-height:1.4}
.admin-ai-studio-head p,.admin-poster-section-head p{margin:0;color:#697b70;font-size:13px;line-height:1.7}
.admin-ai-quota{display:grid;gap:4px;flex-shrink:0;min-width:140px;padding:14px 20px;border-radius:12px;background:#eef7f0;color:#476551;text-align:center}
.admin-ai-quota span,.admin-ai-quota small{font-size:12px}.admin-ai-quota strong{color:var(--brand-strong);font-size:28px}
.admin-ai-form{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;margin-top:24px}
.admin-ai-form .field{min-width:0}.admin-ai-form textarea{min-height:132px;resize:vertical}
.admin-ai-form small{color:#6d7c72;font-size:12px;line-height:1.65}
.admin-ai-examples{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 10px}
.admin-ai-examples button{min-height:36px;padding:6px 12px;border:1px solid #dce7df;border-radius:8px;background:#f7faf8;color:#42644d;cursor:pointer}
.admin-ai-examples button:hover{background:#eaf4ec}.admin-ai-examples button:disabled{opacity:.5;cursor:not-allowed}
.admin-ai-prompt-help{display:flex;justify-content:space-between;gap:12px}.admin-ai-prompt-help>span:last-child{white-space:nowrap}
.admin-ai-options{align-content:start}.admin-ai-options .button{width:100%;min-height:46px;margin-top:12px}
.admin-ai-library{margin-bottom:30px}.admin-poster-section-head{align-items:center;margin:0 0 18px}
.admin-ai-empty{padding:28px;border:1px dashed #d7e3da;border-radius:14px;background:#fafcfb}
.admin-ai-waiting{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#f0f6f1;color:#456c50}
.admin-ai-waiting strong{font-size:18px}.admin-ai-waiting p{margin:12px 0;font-size:13px;line-height:1.7}.admin-ai-waiting small{font-size:12px;color:#6d7c72}
.admin-ai-waiting progress{width:80%;height:8px;margin:10px 0 18px;accent-color:#34854b}.admin-ai-waiting.failed{background:#fff5ed;color:#965e31}
.admin-ai-library .poster-card-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.6}
.admin-ai-library .table-actions{display:flex;flex-wrap:wrap;white-space:normal;gap:8px}
.platform-poster-qr-panel{display:flex;align-items:flex-start;gap:16px;padding:18px;margin:0 0 24px;border:1px solid #d8e8dc;border-radius:14px;background:#fff}
.platform-poster-qr-preview{width:100px;flex:0 0 100px;aspect-ratio:1;background:#f3f7f4;border-radius:8px}
.platform-poster-qr-preview img{width:100%;height:100%;object-fit:contain}
.platform-poster-qr-copy{min-width:0;flex:1}.platform-poster-qr-copy strong{font-size:15px}.platform-poster-qr-copy p{margin:7px 0;color:#536b5b;font-size:13px;line-height:1.65}
.platform-poster-qr-copy small{display:block;margin-top:8px;color:#697b70;font-size:12px;line-height:1.6}
.platform-poster-qr-actions{display:flex;gap:8px;flex-wrap:wrap}.platform-poster-qr-actions label{position:relative;cursor:pointer}
.platform-poster-qr-file{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.poster-qr-marker.has-code{padding:0;border:0;border-radius:0;background:#fff;outline:1px dashed #168447;overflow:hidden}
.poster-qr-marker.has-code img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}
.poster-qr-marker.is-hidden{display:none}
.poster-form-fields .platform-poster-qr-panel{flex-wrap:wrap;padding:14px;margin-top:12px}.poster-form-fields .platform-poster-qr-preview{width:76px;flex-basis:76px}
.poster-form-fields .platform-poster-qr-copy{flex-basis:200px}
.poster-editor-actions{flex-wrap:wrap}
@media(max-width:720px){
  .admin-ai-studio{padding:18px}.admin-ai-studio-head{gap:14px;flex-direction:column}
  .admin-ai-quota{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 14px;min-width:0}
  .admin-ai-quota strong{font-size:23px}.admin-ai-form{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px}
  .admin-ai-examples button{min-height:44px}.admin-ai-prompt-help{flex-wrap:wrap}
  .admin-poster-section-head{gap:12px;align-items:flex-start}.admin-poster-section-head>.button{flex-shrink:0;min-height:44px}
  .admin-ai-studio h2,.admin-poster-section-head h2{font-size:19px}
}