:root{--brand: #be1e20;--brand-hover: #d4393b;--brand-active: #9a1719;--bg: #f5f5f5;--card: #fff;--text: rgba(0, 0, 0, .85);--muted: rgba(0, 0, 0, .45);--border: #d9d9d9;--border-split: #f0f0f0;--light: #fafafa;--radius: 2px;--font: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--header: 56px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5715;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.page{padding:12px;max-width:640px;margin:0 auto}h1{font-size:18px;font-weight:500;margin:4px 0 12px}h2{font-size:14px;font-weight:500;margin:16px 0 8px;color:var(--text)}p{margin:0 0 12px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border-split);border-radius:var(--radius);padding:12px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 15px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;font-size:16px;font-weight:400;cursor:pointer;text-decoration:none;box-shadow:0 2px #00000004;transition:color .2s,border-color .2s,background .2s}.btn:active,.btn:hover{color:var(--brand);border-color:var(--brand)}.btn:disabled{color:#00000040;border-color:var(--border);background:#f5f5f5;box-shadow:none;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 2px #0000000b}.btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.btn.primary:active{background:var(--brand-active);border-color:var(--brand-active);color:#fff}.btn.primary:disabled{background:#f5f5f5;border-color:var(--border);color:#00000040}.btn.small{height:32px;width:auto;font-size:14px;padding:0 12px}.btn.link{border-color:transparent;background:transparent;color:var(--brand);box-shadow:none;height:32px}.row{display:flex;gap:8px}.row>*{flex:1}input[type=text],input[type=email],textarea{width:100%;font:inherit;font-size:16px;height:40px;padding:4px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text);transition:border-color .2s,box-shadow .2s}input[type=text]:hover,input[type=email]:hover,textarea:hover{border-color:var(--brand-hover)}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:var(--brand-hover);box-shadow:0 0 0 2px #be1e2033}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:#00000040}label{display:block;font-size:14px;color:var(--text);margin:10px 0 4px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:32px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--light);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.alert{position:relative;padding:8px 15px 8px 37px;border-radius:var(--radius);margin-bottom:12px;font-size:14px;border:1px solid transparent;background:#e6f7ff;border-color:#91d5ff}.alert:before{content:"i";position:absolute;left:13px;top:9px;width:16px;height:16px;border-radius:50%;background:#1890ff;color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center}.alert.error{background:#fff2f0;border-color:#ffccc7}.alert.error:before{content:"!";background:#ff4d4f}.alert.warning{background:#fffbe6;border-color:#ffe58f}.alert.warning:before{content:"!";background:#faad14}.alert.ok{background:#f6ffed;border-color:#b7eb8f}.alert.ok:before{content:"\2713";background:#52c41a}.status{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:var(--radius);font-size:12px;line-height:20px;border:1px solid var(--border);background:var(--light);color:var(--text);white-space:nowrap}.status.posted{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.status.rejected,.status.error{background:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.status.duplicate{background:#fffbe6;border-color:#ffe58f;color:#faad14}.status.processing,.status.pending,.status.sending{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.hidden-input{display:none}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.12);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.btn.primary .spinner,.status.sending .spinner{border-color:#ffffff59;border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}
