@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css";
.tiptap{color:#333;outline:none;min-height:100px;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.75}.tiptap p{margin:0 0 8px}.tiptap p:last-child{margin-bottom:0}.tiptap h1{color:#1a1a2e;margin:16px 0 8px;font-size:20px;font-weight:700}.tiptap h2{color:#1a1a2e;margin:14px 0 6px;font-size:16px;font-weight:700}.tiptap h3{color:#1a1a2e;margin:12px 0 4px;font-size:14px;font-weight:600}.tiptap ul,.tiptap ol{margin:6px 0;padding-left:24px}.tiptap li{margin-bottom:4px;line-height:1.6}.tiptap strong{color:#1a1a2e;font-weight:700}.tiptap em{font-style:italic}.tiptap u{text-decoration:underline}.tiptap table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.tiptap th{color:#fff;text-align:left;background:#0f3460;border:1px solid #ccc;padding:8px 12px;font-weight:600}.tiptap td{vertical-align:top;border:1px solid #ccc;padding:7px 12px}.tiptap tr:nth-child(2n) td{background:#f5f7fa}.tiptap tr:nth-child(odd) td{background:#fff}.tiptap .selectedCell{background:#cbe1f5!important}.tiptap .column-resize-handle{pointer-events:none;background-color:#185fa5;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}.tiptap .tableWrapper{margin:12px 0;overflow-x:auto}.tiptap p.is-editor-empty:first-child:before{content:none}.tiptap.is-editor-empty:before{color:#aaa;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.tiptap:focus{outline:none}.tiptap blockquote{color:#1a5276;background:#ebf3fb;border-left:3px solid #185fa5;margin:10px 0;padding:8px 16px;font-style:italic}.tiptap code{background:#f0f0f0;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:13px}.tiptap hr{border:none;border-top:1px solid #e5e7eb;margin:16px 0}
:root{--bg-page:#1a1a2e;--bg-surface:#23233b;--bg-input:#1a1a2e;--border:#2d2d44;--border-focus:#3b82f6;--blue:#3b82f6;--blue-hover:#2563eb;--blue-tint:#3b82f61f;--amber:#fbbf24;--amber-tint:#fbbf241a;--orange:#f97316;--green:#1d9e75;--green-tint:#1d9e751f;--red:#e53e3e;--red-tint:#e53e3e1a;--purple:#7c3aed;--text-primary:#fff;--text-muted:#94a3b8;--text-hint:#64748b;--text-secondary:#89a;--radius-card:12px;--radius-btn:8px;--radius-pill:20px;--sidebar-w:256px;--header-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-page);max-width:100vw;color:var(--text-primary);-webkit-font-smoothing:antialiased;scrollbar-gutter:stable;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #3b82f626;border-color:var(--border-focus)!important}input,textarea,select{background:var(--bg-input);color:var(--text-primary);border:1.5px solid var(--border);border-radius:var(--radius-btn);width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--text-hint)}select option{background:var(--bg-surface);color:var(--text-primary)}button{cursor:pointer;font-family:inherit;transition:opacity .15s,transform .15s,background .15s}button:hover{opacity:.9}button:active{transform:translateY(1px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes scan-sweep{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tbc-highlight{border-bottom:2px dashed var(--amber);background:var(--amber-tint);cursor:pointer;border-radius:2px}.status-draft{color:#94a3b8;background:#64748b33}.status-in-review{color:#fbbf24;background:#fbbf2426}.status-ready{color:#3b82f6;background:#3b82f626}.status-generated{color:#1d9e75;background:#1d9e7526}.status-sent{color:#a78bfa;background:#7c3aed26}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:relative;overflow-y:auto}.app-main{flex-direction:column;flex:1;min-height:100vh;margin-left:0;display:flex}.app-header{height:var(--header-h);background:var(--bg-page);border-bottom:1px solid var(--border);z-index:40;flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.app-body{scrollbar-gutter:stable;flex:1;padding:28px;overflow-y:auto}.nav-link{border-radius:var(--radius-btn);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:var(--text-primary);opacity:1;background:#ffffff0d;transform:none}.nav-link.active{background:var(--blue-tint);color:var(--blue);border-left:3px solid var(--blue);padding-left:13px}.nav-link i{text-align:center;width:16px;font-size:14px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px}.btn-primary{background:var(--blue);color:#fff;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--blue-hover);opacity:1}.btn-outline{color:var(--blue);border:1.5px solid var(--blue);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-muted);opacity:1}.pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.pill-draft{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0f}.pill-blue{background:var(--blue-tint);color:var(--blue);border:1px solid #3b82f640}.pill-amber{background:var(--amber-tint);color:var(--amber);border:1px solid #fbbf2440}.pill-green{background:var(--green-tint);color:var(--green)}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field-hint{color:var(--text-hint);margin-top:5px;font-size:11px;line-height:1.4}.field-error{color:var(--red);margin-top:4px;font-size:11px}.section-divider{background:var(--border);height:1px;margin:24px 0}.info-box{border-radius:var(--radius-btn);color:#93c5fd;background:#3b82f614;border:1px solid #3b82f633;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.6}.warning-box{background:var(--amber-tint);border-radius:var(--radius-btn);color:var(--amber);border:1px solid #fbbf2440;padding:12px 14px;font-size:13px;line-height:1.6}.tbc-card{border-left:3px solid var(--amber);border-radius:0 var(--radius-btn) var(--radius-btn) 0;background:#fbbf240d;margin-bottom:8px;padding:10px 12px}.tbc-card-id{color:var(--amber);border-radius:var(--radius-pill);background:#fbbf2426;margin-bottom:4px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.stepper{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:0;padding:20px 40px;display:flex}.stepper-step{flex-direction:column;align-items:center;gap:6px;display:flex}.stepper-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.stepper-circle.done{background:var(--blue);color:#fff}.stepper-circle.active{background:var(--blue);color:#fff;animation:1.5s infinite pulse-ring}.stepper-circle.pending{background:var(--border);color:var(--text-hint)}.stepper-label{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500}.stepper-label.active{color:var(--text-primary)}.stepper-line{background:var(--border);flex-shrink:0;width:60px;height:1px;margin:0 4px 20px}.stepper-line.done{background:var(--blue)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-hint);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:14px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.tab-nav{border-bottom:1px solid var(--border);gap:0;margin-bottom:28px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 20px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.tab-btn:hover{color:var(--text-primary);opacity:1;transform:none}.tab-btn.active{color:var(--blue);border-bottom-color:var(--blue)}@media (max-width:480px){.app-sidebar{transform:translate(-100%)}}@media (max-width:768px){.app-main{margin-left:0}.stepper-line{width:20px}}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}input.hide-pw-reveal::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none}input.hide-pw-reveal::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none}