*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1a1a1a;--ink-soft:#444;--muted:#888;--muted-light:#bbb;--border:#e0ddd6;--border-dark:#c8c4bb;--surface:#faf9f6;--surface-warm:#f5f4f0;--surface-card:#fff;--accent:#1a1a1a;--accent-hover:#333;--success:#2a7a50;--success-bg:#edf7f2;--success-border:#b2ddc7;--warning:#9a5a00;--warning-bg:#fff8ed;--error:#c0392b;--error-bg:#fdf0ee;--error-border:#f0b8b2;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f}body{background:#f5f4f0;background:var(--surface-warm);color:#1a1a1a;color:var(--ink);font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3{font-family:"DM Serif Display",serif;font-weight:400;line-height:1.2}.app-shell{flex-direction:column}.app-shell,.page-center{display:flex;min-height:100vh}.page-center{align-items:center;justify-content:center;padding:2rem 1rem}.container{margin:0 auto;max-width:760px;padding:0 1.5rem;width:100%}.topbar{background:#fff;background:var(--surface-card);border-bottom:1px solid #e0ddd6;border-bottom:1px solid var(--border);height:56px;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100}.topbar,.topbar-brand{align-items:center;display:flex}.topbar-brand{gap:10px}.topbar-logo{align-items:center;background:#1a1a1a;background:var(--ink);border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.topbar-logo svg{fill:#fff;height:16px;width:16px}.topbar-name{color:#1a1a1a;color:var(--ink);font-family:"DM Serif Display",serif;font-size:17px}.topbar-right{align-items:center;display:flex;gap:1rem}.topbar-user{color:#888;color:var(--muted);font-size:13px}.topbar-user strong{color:#1a1a1a;color:var(--ink)}.btn-logout{background:none;border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#444;color:var(--ink-soft);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;padding:5px 14px;transition:all .15s}.btn-logout:hover{background:#f5f4f0;background:var(--surface-warm);border-color:#1a1a1a;border-color:var(--ink)}.card{background:#fff;background:var(--surface-card);border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:1.75rem}.card,.card-title{margin-bottom:1.25rem}.card-title{align-items:center;color:#1a1a1a;color:var(--ink);display:flex;font-size:14px;font-weight:500;gap:8px}.card-title .badge{background:#f5f4f0;background:var(--surface-warm);border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:20px;font-size:11px;font-weight:400;padding:2px 8px}.card-title .badge,.card-title .badge.optional{color:#888;color:var(--muted)}.field-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:1fr 1fr}.field-grid.full{grid-template-columns:1fr}.field-grid.three{grid-template-columns:1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:5px}.field label{color:#888;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.field .req{color:#c0392b;color:var(--error);margin-left:2px}.field input,.field select,.field textarea{-webkit-appearance:none;background:#fff;background:var(--surface-card);border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1a1a;color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1a1a1a;border-color:var(--ink);box-shadow:0 0 0 3px #1a1a1a14}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#c0392b;border-color:var(--error)}.field-error{color:#c0392b;color:var(--error);font-size:11px;margin-top:2px}.field textarea{line-height:1.5;min-height:72px;resize:vertical}.field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:9px 20px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:#1a1a1a;background:var(--ink);border-color:#1a1a1a;border-color:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:#333;background:var(--accent-hover)}.btn-ghost{background:#0000;border-color:#e0ddd6;border-color:var(--border);color:#444;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:#f5f4f0;background:var(--surface-warm);border-color:#1a1a1a;border-color:var(--ink)}.btn-success{background:#2a7a50;background:var(--success);border-color:#2a7a50;border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.85}.btn-danger{background:#fdf0ee;background:var(--error-bg);border-color:#f0b8b2;border-color:var(--error-border);color:#c0392b;color:var(--error)}.btn-danger:hover:not(:disabled){background:#fae0dd}.btn-sm{font-size:12px;padding:5px 12px}.btn-lg{font-size:15px;padding:12px 28px}.steps{align-items:flex-start;display:flex;margin-bottom:2rem;position:relative}.steps:before{background:#e0ddd6;background:var(--border);content:"";height:1px;left:14px;position:absolute;right:14px;top:14px;z-index:0}.step{flex:1 1;position:relative;text-align:center;z-index:1}.step-dot{align-items:center;background:#fff;background:var(--surface-card);border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:50%;color:#888;color:var(--muted);display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;margin:0 auto 6px;transition:all .25s;width:28px}.step-dot.active{background:#1a1a1a;background:var(--ink);border-color:#1a1a1a;border-color:var(--ink);color:#fff}.step-dot.done{background:#edf7f2;background:var(--success-bg);border-color:#b2ddc7;border-color:var(--success-border);color:#2a7a50;color:var(--success);font-size:13px}.step-label{color:#888;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.2px}.step-label.active{color:#1a1a1a;color:var(--ink);font-weight:500}.pos-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr 32px;margin-bottom:10px}.pos-remove{align-items:center;background:#0000;border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#888;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:32px}.pos-remove:hover{background:#fdf0ee;background:var(--error-bg);border-color:#c0392b;border-color:var(--error);color:#c0392b;color:var(--error)}.preview-table{border-collapse:collapse;font-size:13px;width:100%}.preview-table tr{border-bottom:1px solid #e0ddd6;border-bottom:1px solid var(--border)}.preview-table tr:last-child{border-bottom:none}.preview-table td{padding:8px 4px;vertical-align:top}.preview-table td:first-child{color:#888;color:var(--muted);font-size:12px;padding-right:12px;width:42%}.preview-table td:last-child{color:#1a1a1a;color:var(--ink);font-weight:500}.action-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.action-card{background:#fff;background:var(--surface-card);border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;padding:1.25rem;text-align:left;transition:all .15s}.action-card:hover{background:#f5f4f0;background:var(--surface-warm);border-color:#c8c4bb;border-color:var(--border-dark)}.action-card.selected{border-color:#1a1a1a;border-color:var(--ink);border-width:2px}.action-card .action-icon{display:block;font-size:22px;line-height:1;margin-bottom:8px}.action-card h4{font-size:13px;font-weight:500;margin-bottom:3px}.action-card p{color:#888;color:var(--muted);font-size:12px;line-height:1.4}.alert{align-items:flex-start;border-radius:10px;border-radius:var(--radius-md);display:flex;font-size:13px;gap:10px;margin-bottom:1rem;padding:12px 14px}.alert-success{background:#edf7f2;background:var(--success-bg);border:1px solid #b2ddc7;border:1px solid var(--success-border);color:#2a7a50;color:var(--success)}.alert-error{background:#fdf0ee;background:var(--error-bg);border:1px solid #f0b8b2;border:1px solid var(--error-border);color:#c0392b;color:var(--error)}.alert-warning{background:#fff8ed;background:var(--warning-bg);border:1px solid #f0d8a8;color:#9a5a00;color:var(--warning)}.alert-info{background:#eef4fb;border:1px solid #b8d4f0;color:#1a4a7a}.alert-icon{flex-shrink:0;font-size:16px;line-height:1.4}.alert-body h4{font-size:13px;font-weight:500;margin-bottom:2px}.alert-body p{font-size:12px;line-height:1.5;margin-top:2px;opacity:.85}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:18px;width:18px}.spinner-dark{border-color:#1a1a1a #1a1a1a33 #1a1a1a33;border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(1turn)}}.login-card{background:#fff;background:var(--surface-card);border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);max-width:400px;padding:2.5rem;width:100%}.login-logo{align-items:center;background:#1a1a1a;background:var(--ink);border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto 1.25rem;width:48px}.login-logo svg{fill:#fff;height:24px;width:24px}.login-title{font-size:22px;margin-bottom:4px;text-align:center}.login-sub{color:#888;color:var(--muted);font-size:13px;margin-bottom:2rem;text-align:center}.divider{background:#e0ddd6;background:var(--border);height:1px;margin:1.5rem 0}.row{display:flex;gap:10px}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.row.center{justify-content:center}.page-header{padding:1.75rem 0 1.25rem}.page-header h2{color:#1a1a1a;color:var(--ink);font-size:26px;margin-bottom:4px}.page-header p{color:#888;color:var(--muted);font-size:13px}.zoho-status{align-items:center;background:#f5f4f0;background:var(--surface-warm);border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);display:flex;font-size:12px;gap:8px;padding:8px 12px}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-dot.green{background:#2a7a50;background:var(--success)}.status-dot.amber{background:#e6a817}.status-dot.red{background:#c0392b;background:var(--error)}.config-note{border-left:3px solid #c8c4bb;border-left:3px solid var(--border-dark);border-radius:6px;border-radius:var(--radius-sm);color:#888;color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px;padding:10px 12px}.config-note,code{background:#f5f4f0;background:var(--surface-warm)}code{border:1px solid #e0ddd6;border:1px solid var(--border);border-radius:4px;color:#444;color:var(--ink-soft);font-family:Courier New,monospace;font-size:11.5px;padding:1px 5px}.page-content{flex:1 1;padding:1.5rem 0 3rem}@media (max-width:600px){.field-grid{grid-template-columns:1fr}.field-grid.three{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:1fr}.pos-row{grid-template-columns:1fr 32px}.pos-row .field:first-child{grid-column:1/-1}}
/*# sourceMappingURL=main.e9ecc1da.css.map*/