:root{color-scheme:light;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;--bg: #f7faf8;--surface: #ffffff;--surface-soft: #f2f7f4;--line: #dbe7e0;--line-strong: #bfd2c7;--text: #15211b;--muted: #6b7b73;--primary: #1f7a53;--primary-dark: #155f40;--primary-soft: #e8f4ed;--danger: #b44d4d;--danger-soft: #fbeeee;--shadow: 0 8px 24px rgba(21, 57, 39, .05)}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(31,122,83,.22);outline-offset:2px}.auth-page,.centered-state{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);display:grid;gap:18px;padding:34px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.brand{display:grid;gap:8px;min-width:0}.brand__logo{display:block;width:min(190px,100%);height:auto}.brand--auth{gap:0;margin-bottom:4px}.brand--auth .brand__logo{width:min(220px,100%)}.channel-sidebar>.brand{padding-bottom:20px;border-bottom:1px solid var(--line)}.auth-copy{display:grid;gap:7px;margin:16px 0 4px}.auth-copy span,.page-heading>div>span{color:var(--primary);font-size:13px;font-weight:800}.auth-copy h1,.page-heading h1{margin:0;font-size:28px;line-height:1.25;letter-spacing:-.02em}.auth-copy p,.page-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.auth-card label,.link-field{display:grid;gap:7px;color:#42544a;font-size:13px;font-weight:750}.auth-card input,.link-field input,.dialog input,.dialog textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text)}.auth-card input:focus,.link-field input:focus,.dialog input:focus,.dialog textarea:focus{border-color:var(--primary)}.password-input{position:relative}.password-input input{padding-right:48px}.password-input button{position:absolute;top:1px;right:1px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--muted)}.primary-button,.secondary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border-radius:8px;font-weight:800}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.primary-button:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.primary-button.is-auto{width:auto}.secondary-button{border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}.feedback{padding:11px 12px;border:1px solid #efcaca;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px;line-height:1.55}.channel-shell{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}.channel-sidebar{position:fixed;z-index:5;inset:0 auto 0 0;display:flex;flex-direction:column;width:252px;padding:28px 20px 20px;border-right:1px solid var(--line);background:var(--surface)}.channel-nav{display:grid;gap:6px;margin-top:24px}.channel-nav__item{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:800;text-align:left}.channel-nav__item.is-active{background:var(--primary-soft);color:var(--primary-dark)}.channel-sidebar__footer{display:grid;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.channel-account{display:grid;gap:4px;min-width:0}.channel-account strong,.channel-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-account span{color:var(--muted);font-size:12px}.channel-sidebar__actions{display:grid;gap:8px}.channel-account__action{min-height:44px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-weight:800}.channel-account__action:hover,.channel-account__action.is-active{border-color:var(--line);background:var(--primary-soft);color:var(--primary-dark)}.channel-logout{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-weight:800}.channel-logout:hover{border-color:var(--primary);color:var(--primary-dark)}.channel-main{width:calc(100% - 252px);min-width:0;min-height:100vh;margin-left:252px;padding:36px 48px 72px}.channel-mobile-header,.channel-bottom-nav{display:none}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading>div{display:grid;gap:6px}.page-heading h1{font-size:28px}.settings-page{display:grid;gap:24px;max-width:820px}.settings-heading{align-items:center;margin-bottom:0}.settings-logout-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #edcccc;border-radius:8px;background:var(--surface);color:var(--danger)}.settings-card{display:grid;gap:26px;width:min(720px,100%);padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.settings-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.settings-card__header h2{margin:0;font-size:20px}.settings-card__header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.settings-account{display:grid;gap:3px;min-width:150px;padding:10px 12px;border-radius:8px;background:var(--surface-soft)}.settings-account span,.settings-account small{color:var(--muted);font-size:12px}.settings-account strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.settings-form{display:grid;gap:16px;width:min(480px,100%)}.settings-form label{display:grid;gap:7px;color:#42544a;font-size:13px;font-weight:750}.settings-form .password-input input{min-height:46px;width:100%;padding:10px 48px 10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text)}.settings-form .password-input input:focus{border-color:var(--primary);outline:3px solid rgba(31,122,83,.22);outline-offset:2px}.password-hint{margin:-2px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.settings-success{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #cce5d5;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);font-size:13px;font-weight:750}.settings-form footer{display:flex;justify-content:flex-end;padding-top:4px}.settings-profile{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(720px,100%);padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.settings-profile>div{display:grid;gap:4px;min-width:0}.settings-profile span,.settings-profile small{color:var(--muted);font-size:12px}.settings-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-logout{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #e4c7c7;border-radius:8px;background:var(--surface);color:var(--danger);font-weight:800}.filters{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;margin-bottom:24px}.filters label{position:relative;display:flex;align-items:center;min-width:0}.filters label>svg{position:absolute;left:14px;color:var(--muted)}.filters input{width:100%;min-height:46px;padding:0 14px 0 42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.filters select{min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.promoter-section{display:grid;gap:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0;font-size:19px}.section-heading span{color:var(--muted);font-size:13px}.promoter-table{display:grid;gap:8px}.promoter-table__head,.promoter-row{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(220px,1.2fr) 90px 150px minmax(360px,auto);gap:16px;align-items:center}.promoter-table__head{padding:0 16px 3px;color:var(--muted);font-size:12px;font-weight:800}.promoter-row{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.promoter-row.is-disabled{background:#fbfcfb}.promoter-row__identity{display:flex;align-items:center;gap:11px;min-width:0}.promoter-row__identity>div{display:grid;gap:4px;min-width:0}.promoter-row__identity strong,.promoter-row__identity span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promoter-row__identity span:not(.avatar){color:var(--muted);font-size:12px}.promoter-row>time{color:var(--muted);font-size:12px;white-space:nowrap}.avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);font-weight:850}.link-field{min-width:0}.link-field span{color:var(--muted);font-size:12px}.link-field input{min-height:40px;padding:8px 10px;overflow:hidden;background:var(--surface-soft);color:#53665c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.promoter-row__materials{display:grid;justify-items:start;gap:8px;min-width:0}.status{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.status.is-active{background:var(--primary-soft);color:var(--primary-dark)}.status.is-disabled{background:#f4f0e8;color:#907044}.material-count{min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px}.material-count:hover{color:var(--primary-dark)}.card-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.card-actions button,.material-row button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px;font-weight:800;white-space:nowrap}.card-actions button:hover,.material-row button:hover{border-color:var(--primary);color:var(--primary-dark)}.card-actions button.is-danger{color:var(--danger)}.materials{grid-column:1 / -1;display:grid;gap:9px;margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}.materials__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.materials__head>div{display:grid;gap:3px}.materials__head span{color:var(--muted);font-size:12px}.material-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.material-thumb{display:grid;place-items:center;width:72px;height:58px;overflow:hidden;border-radius:6px;background:#e4eee8;color:var(--muted)}.material-thumb img{width:100%;height:100%;object-fit:cover}.material-row__info{display:grid;gap:4px;min-width:0}.material-row__info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-row__info span,.materials>p{color:var(--muted);font-size:12px}.materials>p{margin:2px 0}.disabled-section{display:grid;gap:12px;margin-top:26px}.disabled-section summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);cursor:pointer;font-weight:800;list-style:none}.disabled-section summary::-webkit-details-marker{display:none}.disabled-section summary:before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:4px;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted)}.disabled-section[open] summary:before{content:"−"}.disabled-section summary span{margin-right:auto}.disabled-section summary small{color:var(--muted);font-size:12px;font-weight:600}.campaign-list,.distribution-list{display:grid;gap:14px}.campaign-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(420px,2fr) auto;align-items:center;gap:24px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.campaign-card.is-ended,.campaign-card.is-unpublished{border-color:#e1e5e2;background:#f2f4f3;color:#66716b;box-shadow:none}.campaign-card__copy{display:grid;gap:5px}.campaign-card__copy>div{display:flex;align-items:center;gap:8px}.campaign-card__copy>div>span:first-child{color:var(--primary-dark);font-size:12px;font-weight:800}.campaign-phase{display:inline-flex;width:fit-content;padding:3px 7px;border-radius:999px;background:#eef2ef;color:var(--muted);font-size:11px;font-weight:800}.campaign-phase.is-active{background:var(--primary-soft);color:var(--primary-dark)}.campaign-phase.is-upcoming{background:#fff3d9;color:#926200}.campaign-title-line{display:flex;align-items:center;gap:9px}.campaign-state-note{margin:-12px 0 18px;padding:10px 12px;border-radius:8px;background:#f2f4f3;color:var(--muted);font-size:13px}.campaign-card h2{margin:0;font-size:20px}.campaign-card p{margin:0;color:var(--muted);font-size:13px}.campaign-metrics{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:8px}.campaign-metrics>div{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:var(--surface-soft)}.campaign-metrics span{color:var(--muted);font-size:11px;white-space:nowrap}.campaign-metrics strong{font-size:17px}.campaign-tabs{display:flex;gap:8px;margin-bottom:18px}.campaign-tabs button,.text-back{min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-weight:800}.campaign-tabs button.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.text-back{width:fit-content;min-height:34px;margin-bottom:6px;padding:0;border:0;border-radius:0;background:transparent}.distribution-card{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.distribution-card.is-sent{background:#fbfcfb}.distribution-card__person{display:flex;align-items:center;gap:11px}.distribution-card__person>div{display:grid;gap:3px;min-width:0}.distribution-card__person>div span{color:var(--muted);font-size:12px}.distribution-status{margin-left:auto;padding:5px 9px;border-radius:999px;background:#f5efe5;color:#98703b;font-size:12px;font-weight:800}.distribution-status.is-sent{background:var(--primary-soft);color:var(--primary-dark)}.distribution-actions{display:flex;flex-wrap:wrap;gap:8px}.distribution-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-weight:800}.distribution-actions button.is-primary{border-color:var(--primary);background:var(--primary);color:#fff}.distribution-actions button:disabled{opacity:.6}.campaign-link-field{display:grid;gap:6px}.campaign-link-field span{color:var(--muted);font-size:12px;font-weight:700}.campaign-link-field input{width:100%;min-height:40px;padding:8px 10px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:#53665c;font-size:12px;text-overflow:ellipsis}.share-notice{margin:0;padding:9px 11px;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);font-size:12px}.poster-share-preview{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:auto;background:#0f1713}.poster-share-preview header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:8px 14px;background:#0f1713f0;color:#fff}.poster-share-preview header button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#fff}.poster-share-preview img{display:block;width:min(100%,540px);height:auto;margin:0 auto;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.empty-state{padding:28px 16px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);text-align:center}.centered-state{min-height:220px;gap:10px;color:var(--muted)}.centered-state.is-compact{min-height:160px}.centered-state p{margin:0}.loader{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dialog-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#15211b6b}.dialog{width:min(500px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 20px 60px #15392733}.dialog>header{min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.dialog>header h2{margin:0;font-size:19px}.dialog>header .icon-button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--muted)}.dialog__body{display:grid;gap:14px;padding:20px}.dialog label{display:grid;gap:7px;color:#42544a;font-size:13px;font-weight:750}.dialog textarea{min-height:92px;resize:vertical}.dialog footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}@media (max-width: 1180px){.channel-main{padding-right:28px;padding-left:28px}.promoter-table__head,.promoter-row{grid-template-columns:minmax(150px,.75fr) minmax(190px,1fr) 72px 118px minmax(300px,auto);gap:10px}.card-actions button{padding:0 8px}.campaign-card{grid-template-columns:1fr}}@media (max-width: 920px){.promoter-table__head{display:none}.promoter-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.promoter-row__identity{grid-column:1}.promoter-row__status{grid-column:2;grid-row:1}.link-field{grid-column:1 / -1}.promoter-row>time{grid-column:1 / -1}.card-actions{grid-column:1 / -1;justify-content:flex-start}}@media (max-width: 767px){input,textarea,select{font-size:16px!important}.auth-page{padding:14px}.auth-card{padding:24px 20px}.channel-sidebar{display:none}.channel-mobile-header{position:sticky;z-index:15;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:58px;padding:8px 14px;border-bottom:1px solid var(--line);background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.channel-mobile-header .brand__logo{width:126px}.channel-mobile-header>strong{max-width:45%;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.channel-main{width:100%;max-width:100%;min-width:0;min-height:calc(100vh - 58px);margin-left:0;padding:20px 14px calc(92px + env(safe-area-inset-bottom));overflow-x:hidden}.channel-bottom-nav{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,1fr);padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff7;box-shadow:0 -8px 24px #18362614}.channel-bottom-nav button{min-height:54px;display:grid;place-items:center;align-content:center;gap:3px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:800}.channel-bottom-nav button.is-active{color:var(--primary-dark)}.page-heading{align-items:stretch;flex-direction:column;margin-bottom:16px}.page-heading h1{font-size:24px}.primary-button.is-auto{width:100%}.filters{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.promoter-row{grid-template-columns:1fr;gap:12px}.promoter-row__identity,.promoter-row__status,.link-field,.promoter-row>time,.card-actions{grid-column:1}.promoter-row__status{grid-row:auto}.card-actions button{flex:1 1 calc(50% - 7px)}.material-row{grid-template-columns:60px minmax(0,1fr)}.material-thumb{width:60px;height:54px}.material-row button{grid-column:1 / -1;width:100%}.disabled-section summary{align-items:flex-start;flex-wrap:wrap;padding:10px 12px}.settings-heading{align-items:stretch}.settings-heading .secondary-button{width:100%}.settings-card{padding:20px}.settings-card__header{flex-direction:column;gap:16px}.settings-account{width:100%}.campaign-card{gap:16px;padding:17px}.campaign-card__copy>div{align-items:flex-start;flex-direction:column;gap:5px}.campaign-metrics{grid-template-columns:repeat(2,1fr)}.campaign-metrics>div:last-child{grid-column:1 / -1}.distribution-actions{display:grid;grid-template-columns:1fr 1fr}.distribution-actions button{width:100%;padding:0 8px}.settings-page{gap:16px}.settings-profile{align-items:stretch;flex-direction:column;padding:16px}.dialog-backdrop{align-items:end;padding:0}.dialog{width:100%;max-height:min(86vh,720px);border-radius:16px 16px 0 0}.dialog__body{padding:16px}.dialog footer{display:grid;grid-template-columns:minmax(96px,.45fr) minmax(0,1fr)}.dialog footer button{width:100%;min-height:46px}.campaign-title-line{align-items:flex-start;flex-direction:column}.campaign-detail__heading{margin-bottom:12px}.campaign-state-note{margin-top:0}}