:root{--bg:#F7F7FB;--surface:#FFFFFF;--text:#1F1A2E;--muted:#6E6A86;--primary:#B974FF;--primary-strong:#A55DFF;--primary-soft:#F2E8FF;--border:#E8E4F6;--ring:rgba(185,116,255,.35);--success:#22C55E;--green-soft:#dcfce7;--shadow:0 10px 30px rgba(0,0,0,.06);--radius:16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}.wrap{max-width:720px;margin:0 auto;padding:24px 18px 56px;min-height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.brand{display:flex;align-items:center;justify-content:center;margin:6px 0}.logo-icon{height:70px}.logo-wordmark{height:40px}.only-mobile{display:block}.only-desktop{display:none}@media (min-width:640px){.only-mobile{display:none}.only-desktop{display:block}}.card-container{padding:0 6px;display:grid;place-items:center}.section{width:100%;max-width:520px;background:var(--surface);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);border:1px solid var(--border);margin:16px 0}.section.unified{padding:16px}.section.unified .block{padding:15px 0}.section.unified .block+.block{margin-top:16px;padding-top:16px}.title{font-size:20px;text-align:center;margin:4px 0 14px}.campaign-name{font-weight:800}.paused-ico{color:var(--muted);font-size:20px;vertical-align:baseline}.primary-btn{width:100%;padding:14px 16px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .14s ease,filter .18s ease,background-color .2s,opacity .2s;outline:none}.primary-btn[disabled],button[disabled]{opacity:.6;cursor:not-allowed}.primary-btn[disabled]:hover{transform:none}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-primary:focus-visible{box-shadow:0 0 0 6px var(--ring)}.btn-neutral{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-neutral:hover{transform:translateY(-1px)}.btn-neutral:focus-visible{box-shadow:0 0 0 6px var(--ring)}.btn-green{background:var(--green-soft);color:var(--text);border:1px solid var(--green-soft)}.btn-green:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-green:focus-visible{box-shadow:0 0 0 6px var(--ring)}.btn-dark{background:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-grey{background:var(--bg);border:1px solid var(--border)}.divider{display:flex;align-items:center;gap:10px;margin-top:30px}.divider:before,.divider:after{content:"";height:1px;background:var(--border);flex:1}.divider>span{color:var(--muted);font-weight:500}.footer{display:grid;gap:6px;justify-content:center;color:var(--muted);text-align:center}.meta strong{color:var(--text)}.dot{display:inline-block;width:10px;height:10px;border-radius:99px;margin-left:6px;background:var(--success);box-shadow:0 0 0 3px #22c55e2e}.alert{background:var(--primary-soft);color:var(--text);border:1px solid var(--primary);padding:10px 12px;border-radius:10px;margin-bottom:10px}.is-loading .section{opacity:.6;pointer-events:none}.loading-panel{display:grid;place-items:center;gap:12px;padding:40px 0}.muted{color:var(--muted)}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--text);color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);animation:toastIn .18s ease-out;z-index:60}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;padding:18px;animation:fadeIn .12s ease-out;z-index:50}.modal{width:100%;max-width:420px;background:var(--surface);border-radius:16px;padding:18px;box-shadow:var(--shadow);border:1px solid var(--border);animation:scaleIn .16s ease-out}@keyframes fadeIn{0%{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:translateY(8px) scale(.98)}}.input-label{font-weight:600;font-size:14px;display:block;margin-top:8px}.input{width:100%;margin-top:6px;padding:12px;border-radius:12px;border:1px solid var(--border);outline:none;background:var(--surface);color:var(--text)}.input:focus{box-shadow:0 0 0 6px var(--ring)}.row{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}button.secondary,button.primary{padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:focus-visible,button.secondary:focus-visible{box-shadow:0 0 0 6px var(--ring)}.fade-in{animation:fadeIn .18s ease-out}.fade-slide{animation:fadeSlide .22s ease-out both}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}}@media (min-width:640px){.wrap{padding:30px 24px 70px}.title{font-size:22px}.primary-btn{font-size:17px}}@media (min-width:1024px){.wrap{max-width:820px}.section{padding:22px}}