:root{--bg: #f4efe6;--bg-tint-a: rgba(160, 124, 44, .06);--bg-tint-b: rgba(47, 74, 58, .07);--paper: #fffcf6;--paper-soft: #fbf6ec;--ink: #14110c;--ink-soft: #45403a;--ink-mute: #7a7367;--line: #d9d2c4;--line-soft: #ebe5d6;--accent: #2f4a3a;--accent-deep: #1f3327;--accent-soft: #e4ebe2;--warn: #b85a2e;--warn-soft: #f5e2d1;--gold: #a07c2c;--gold-soft: #f0e7d0;--rose: #8a3a2e;--rose-soft: #f1dad3;--slate: #3b4a55;--slate-soft: #e1e7eb;--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--display: var(--serif);--r-sm: 4px;--r: 8px;--r-lg: 14px;--shadow-sm: 0 1px 2px rgba(20, 17, 12, .04);--shadow: 0 4px 18px -6px rgba(20, 17, 12, .1), 0 1px 3px rgba(20, 17, 12, .05);--shadow-lg: 0 24px 60px -20px rgba(20, 17, 12, .2), 0 4px 12px rgba(20, 17, 12, .06);--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:radial-gradient(ellipse at 12% -10%,var(--bg-tint-a),transparent 50%),radial-gradient(ellipse at 90% 110%,var(--bg-tint-b),transparent 55%),var(--bg);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(20,17,12,.018) 1px,transparent 1px);background-size:3px 3px;z-index:0;will-change:transform;transform:translateZ(0)}#root{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input:not([type=checkbox]):not([type=radio]),textarea{font-family:var(--sans);font-size:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);width:100%}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--ink-mute);font-family:var(--sans);font-style:normal;opacity:1}input:not([type=checkbox]):not([type=radio]):hover,textarea:hover{border-color:var(--ink-mute)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;padding:0;margin:0;border:1.5px solid var(--ink-mute);border-radius:4px;background:var(--paper);cursor:pointer;position:relative;flex-shrink:0;transition:background .16s var(--ease),border-color .16s var(--ease);vertical-align:middle}input[type=checkbox]:hover{border-color:var(--ink)}input[type=checkbox]:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid var(--paper);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}input[type=checkbox]:indeterminate{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:indeterminate:after{content:"";position:absolute;left:2.5px;top:6.5px;width:9px;height:1.5px;background:var(--paper);border-radius:1px}select{font-family:var(--sans);font-size:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 32px 9px 12px;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%237a7367' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}select:hover{border-color:var(--ink-mute)}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}::selection{background:var(--accent);color:var(--paper)}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--ink-mute);font-weight:500}.h-display{font-family:var(--serif);font-weight:400;letter-spacing:-1px;font-variation-settings:"opsz" 144;line-height:1;color:var(--ink)}.h-display em{font-style:italic;color:var(--accent);font-weight:400}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.muted{color:var(--ink-mute)}.soft{color:var(--ink-soft)}.tabular{font-variant-numeric:tabular-nums}.divider{height:1px;background:var(--line);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;font-family:var(--sans);font-size:13px;font-weight:500;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line);color:var(--ink);transition:transform .18s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.btn:hover:not(:disabled){border-color:var(--ink-soft);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0);transition-duration:60ms}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.btn-accent{background:var(--accent);color:var(--paper);border-color:var(--accent)}.btn-accent:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.btn-danger{color:var(--rose);border-color:var(--rose-soft)}.btn-danger:hover:not(:disabled){background:var(--rose);color:var(--paper);border-color:var(--rose)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--paper-soft);border-color:var(--line-soft)}.btn-sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-family:var(--mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;font-weight:500;border-radius:999px;border:1px solid transparent;white-space:nowrap}.pill-pending{background:var(--gold-soft);color:#6d5418;border-color:#e9d8a5}.pill-sent{background:var(--accent-soft);color:var(--accent-deep);border-color:#c7d4c1}.pill-failed{background:var(--rose-soft);color:var(--rose);border-color:#e6b9b0}.pill-skipped{background:var(--slate-soft);color:var(--slate);border-color:#c7d2da}.pill-reattempt{background:var(--accent-soft);color:var(--accent-deep);border-color:#c7d4c1}.pill-cancel{background:var(--rose-soft);color:var(--rose);border-color:#e6b9b0}.pill-update_info{background:var(--warn-soft);color:var(--warn);border-color:#e7c2a8}.pill-contact_support{background:var(--slate-soft);color:var(--slate);border-color:#c7d2da}.pill-no_response{background:var(--paper-soft);color:var(--ink-mute);border-color:var(--line-soft)}.pill-pending_review{background:var(--gold-soft);color:#6d5418;border-color:#e9d8a5}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .24s var(--ease),transform .24s var(--ease),border-color .24s var(--ease)}.card-hover:hover{box-shadow:var(--shadow);border-color:var(--ink-soft);transform:translateY(-2px)}.row-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;display:grid;grid-template-columns:24px 170px minmax(0,1.5fr) minmax(0,1.1fr) 120px 24px;gap:16px;align-items:center;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.row-card:hover{border-color:var(--ink-soft);box-shadow:var(--shadow-sm)}.row-card[data-selected=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:var(--paper)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-mute)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.live-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:pulse-dot 2.4s ease-in-out infinite;display:inline-block}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .48s var(--ease-out) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.live-dot{animation:none;opacity:1;transform:scale(1)}}.cs-wrap{position:relative;display:inline-block}.cs-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 32px 8px 12px;font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;position:relative;transition:all .18s var(--ease);min-width:140px;text-align:left;width:100%}.cs-trigger:hover{border-color:var(--ink-soft)}.cs-trigger[data-open=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cs-trigger:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink-mute);border-bottom:1.5px solid var(--ink-mute);transform:translateY(-70%) rotate(45deg);transition:transform .24s var(--ease)}.cs-trigger[data-open=true]:after{transform:translateY(-30%) rotate(-135deg)}@keyframes cs-scale-in{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.cs-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-lg);min-width:100%;padding:6px;max-height:320px;overflow-y:auto;animation:cs-scale-in .18s var(--ease-out) both;transform-origin:top center}.cs-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-family:var(--sans);font-size:13px;color:var(--ink);border-radius:3px;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease);white-space:nowrap}.cs-option:hover{background:var(--paper-soft)}.cs-option[data-active=true]{background:var(--ink);color:var(--paper)}.cs-option[data-active=true]:hover{background:var(--accent-deep)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
