:root{--font-sans: "Space Grotesk", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--bg: #FEFEFE;--surface: #ECE7DD;--surface-2: #F6F4E8;--surface-hover: #E4DECE;--border: #DDD6C4;--border-strong: #C9C0A8;--ink: #070707;--ink-2: #292926;--ink-mute: #8A8A85;--ink-soft: #ACA89C;--accent: #10A37E;--accent-hover: #0C8A6A;--accent-deep: #0A4938;--accent-mid: #0E7355;--accent-secondary: #7FC0AC;--accent-soft: #E1F2EC;--accent-ring: rgba(16, 163, 126, .18);--row-tint: #DCEBE4;--gradient: linear-gradient(135deg, #0A4938, #10A37E);--ok: #0C8A6A;--ok-bg: #DCEFE7;--ok-border: #9FD6C0;--ok-ink: #0A4938;--warn: #0E7355;--warn-bg: #DCEBE4;--warn-border: #7FC0AC;--warn-ink: #0A4938;--danger: #B23A2E;--danger-bg: #F5DEDA;--danger-border: #E0A79C;--danger-ink: #7A241A;--neutral: #6B6B66;--neutral-bg: #EDEAE1;--neutral-border: #D2CDBE;--neutral-ink: #3A3A36;--scroll-thumb: #D8D2C2;--scroll-thumb-hover: #C9C1AC;--glass: rgba(254,254,254,.82);--panel: #F6F4E8;--panel-border: #DDD6C4;--r-sm: 0;--r: 0;--r-lg: 0;--r-xl: 0;--r-pill: 0;--shadow-xs: 0 1px 2px rgba(7,7,7,.04);--shadow-sm: 0 2px 8px -3px rgba(7,7,7,.1);--shadow-md: 0 10px 24px -14px rgba(7,7,7,.3);--shadow-lg: 0 20px 40px -22px rgba(7,7,7,.4);--ease: cubic-bezier(.2,.8,.3,1)}:root[data-theme=dark]{--bg: #070707;--surface: #161615;--surface-2: #1C1C1A;--surface-hover: #22221F;--border: #33332E;--border-strong: #454540;--ink: #ECE7DD;--ink-2: #C7C2B6;--ink-mute: #8A8A85;--ink-soft: #6B6B66;--accent: #10A37E;--accent-hover: #2BC49B;--accent-deep: #0A4938;--accent-mid: #0E7355;--accent-secondary: #7FC0AC;--accent-soft: rgba(16,163,126,.16);--accent-ring: rgba(16,163,126,.28);--row-tint: rgba(16,163,126,.08);--gradient: linear-gradient(135deg, #0A4938, #10A37E);--ok: #2BC49B;--ok-bg: #0F2E26;--ok-border: #1F6B54;--ok-ink: #6EE7C6;--warn: #7FC0AC;--warn-bg: #12291F;--warn-border: #2E5F4C;--warn-ink: #B4DECE;--danger: #E0685A;--danger-bg: #3A1F1A;--danger-border: #7F3D30;--danger-ink: #F0AA9C;--neutral: #ABA89C;--neutral-bg: #242420;--neutral-border: #454540;--neutral-ink: #D4D0C4;--scroll-thumb: #33332E;--scroll-thumb-hover: #454540;--glass: rgba(7,7,7,.82);--panel: #1C1C1A;--panel-border: #33332E;--shadow-xs: 0 1px 2px rgba(0,0,0,.35);--shadow-sm: 0 2px 8px -3px rgba(0,0,0,.5);--shadow-md: 0 10px 24px -14px rgba(0,0,0,.75);--shadow-lg: 0 20px 40px -22px rgba(0,0,0,.85);color-scheme:dark}body,.card,.table th,.table td,.input,.select,.textarea{transition:background-color .22s ease,border-color .22s ease,color .22s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}html,body,#root{height:100%}html,body{overflow-x:hidden}:root{accent-color:var(--accent)}select,option{accent-color:var(--accent)}option:checked,option:hover{background:var(--accent-soft);color:var(--ink)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-soft);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:0;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:2px solid var(--accent)}.page-title{font-size:21px;font-weight:600;color:var(--ink);margin:0;letter-spacing:-.02em}.page-sub{font-size:.85rem;color:var(--ink-mute);margin:5px 0 0;max-width:64ch;line-height:1.5}.ph{align-items:center}.ph-left{display:flex;align-items:center;gap:14px;min-width:0}.ph-icon{width:44px;height:44px;flex-shrink:0;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;background:var(--gradient);box-shadow:var(--shadow-sm);animation:phPop .42s var(--ease) both}@keyframes phPop{0%{opacity:0;transform:scale(.7) rotate(-8deg)}to{opacity:1;transform:none}}.ph-actions{display:flex;align-items:center;gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-xs)}:root[data-theme=dark] .card{border-color:var(--border-strong)}.card-accent{position:relative}.card-accent:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:var(--accent)}.card-title{font-size:16px;font-weight:600;color:var(--ink);margin:0 0 14px}.card-flush{padding:0;overflow:hidden}.eyebrow{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--r);border:1px solid transparent;font-family:inherit;font-size:.86rem;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .14s ease,border-color .14s ease,filter .14s ease}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1.5px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-sm{padding:6px 13px;font-size:.78rem;border-radius:var(--r-sm)}.link{color:var(--accent);font-weight:600;font-size:.82rem;text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.link:hover{text-decoration:underline}.link-muted{color:var(--ink-soft);cursor:not-allowed}.link-muted:hover{text-decoration:none}.field{display:flex;flex-direction:column;gap:7px}.label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-mute)}.label-plain{font-size:.82rem;font-weight:600;color:var(--ink-2);text-transform:none;letter-spacing:0}.input,.select,.textarea{width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-ring)}.input::placeholder,.textarea::placeholder{color:var(--ink-soft)}.textarea{min-height:72px;resize:vertical;line-height:1.55}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:invert(45%) sepia(60%) saturate(600%) hue-rotate(120deg);transition:opacity .14s ease}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,:root[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:none}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=file]{padding:7px 10px;cursor:pointer}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{margin-right:12px;padding:7px 14px;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);transition:background .14s ease,border-color .14s ease,color .14s ease}input[type=file]::-webkit-file-upload-button:hover,input[type=file]::file-selector-button:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;height:22px}.check{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--ink);cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.hint{font-size:.77rem;color:var(--ink-mute);margin:0;line-height:1.5}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th{text-align:left;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);padding:12px 16px;white-space:nowrap;background:var(--surface-2);border-bottom:1px solid var(--border)}.table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--ink);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .13s ease,box-shadow .13s ease}.table tbody tr:hover{background:var(--row-tint)}.table tr.clickable{cursor:pointer}.table tr.clickable:hover{box-shadow:inset 3px 0 0 var(--accent)}.table .num{font-variant-numeric:tabular-nums}.table .muted-cell{color:var(--ink-mute);white-space:nowrap}.empty-state{padding:40px 16px;text-align:center;color:var(--ink-mute);font-size:.87rem}.empty-state strong{display:block;color:var(--ink-2);font-size:.95rem;margin-bottom:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.69rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid;white-space:nowrap}.badge-ok{background:var(--accent-deep);color:#ece7dd;border-color:var(--accent-deep)}.badge-warn{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-border)}.badge-danger{background:var(--danger-bg);color:var(--danger-ink);border-color:var(--danger-border)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-ink);border-color:var(--neutral-border)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-mid)}.pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--r-pill);font-size:.77rem;font-weight:500;background:var(--accent-soft);color:var(--accent)}.pill-plain{background:var(--neutral-bg);color:var(--ink-2)}.notice{padding:12px 15px;border-radius:var(--r);font-size:.84rem;line-height:1.5;border:1px solid}.notice-warn{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-border)}.notice-danger{background:var(--danger-bg);color:var(--danger-ink);border-color:var(--danger-border)}.notice-ok{background:var(--ok-bg);color:var(--ok-ink);border-color:var(--ok-border)}.email-preview{overflow-x:auto}.email-preview img{max-width:100%;height:auto;border-radius:0}.email-preview table{border-collapse:collapse;width:100%;margin:10px 0}.email-preview th,.email-preview td{border:1px solid var(--border-strong);padding:6px 9px;text-align:left}.email-preview th{background:var(--surface-2);font-weight:600}.email-preview h2{font-size:1.15rem;margin:12px 0 6px}.email-preview h3{font-size:1.02rem;margin:10px 0 5px}.email-preview p{margin:6px 0}.email-preview ul,.email-preview ol{padding-left:22px;margin:6px 0}.rise{animation:rise .46s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.d1{animation-delay:50ms}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.spinner{width:15px;height:15px;border-radius:50%;display:inline-block;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;animation:spin .68s linear infinite}.spinner-dark{border-color:var(--border-strong);border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
