*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a6b45;--green-light: #e8f5ee;--green-mid: #c5e3d0;--green-dark: #0f4a2e;--ink: #111827;--ink-2: #374151;--ink-3: #6b7280;--ink-4: #9ca3af;--border: #e5e7eb;--border-2: #d1d5db;--surface: #ffffff;--surface-2: #f9fafb;--surface-3: #f3f4f6;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}html,body{height:100%}body{font-family:DM Sans,-apple-system,sans-serif;font-size:14px;color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased}#root{height:100%}input,select,textarea,button{font-family:inherit;font-size:14px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface);color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1a6b451f}textarea{resize:vertical}button{cursor:pointer;border:none;border-radius:var(--radius);font-weight:500;transition:all .15s;display:inline-flex;align-items:center;gap:6px}button:active{transform:scale(.98)}.btn-primary{background:var(--green);color:#fff;padding:10px 20px}.btn-primary:hover{background:var(--green-dark)}.btn-primary:disabled{background:var(--ink-4);cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--ink-2);border:1px solid var(--border-2);padding:10px 16px}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{background:transparent;color:var(--ink-3);padding:8px 14px;font-size:13px}.btn-ghost:hover{background:var(--surface-3);color:var(--ink)}.btn-success{background:var(--green-light);color:var(--green-dark);border:1px solid var(--green-mid);padding:10px 20px}.btn-success:hover{background:var(--green-mid)}label{display:block;font-size:12px;font-weight:500;color:var(--ink-2);margin-bottom:5px;letter-spacing:.01em}.field{display:flex;flex-direction:column}.field+.field{margin-top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.section-title{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.02em}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 9px;border-radius:20px}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-blue{background:#eff6ff;color:#1e40af}.badge-amber{background:#fffbeb;color:#92400e}.badge-gray{background:var(--surface-3);color:var(--ink-3)}.badge-purple{background:#f5f3ff;color:#5b21b6}.divider{height:1px;background:var(--border);margin:24px 0}.preview-layout{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}.preview-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:72px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.settings-layout{display:flex;gap:28px;align-items:flex-start}.settings-sidebar{width:210px;flex-shrink:0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 700px){.app-header{padding:0 14px!important}.app-main{padding:14px 12px!important}.preview-layout{grid-template-columns:1fr!important}.preview-sidebar{position:static!important;order:-1}.preview-doc-header{flex-direction:column!important;gap:6px!important}.preview-doc-header>div:last-child{text-align:left!important}.preview-address-grid{grid-template-columns:1fr!important}.line-items-table th:nth-child(2),.line-items-table td:nth-child(2){display:none!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}.settings-layout{flex-direction:column!important;gap:0!important}.settings-sidebar{width:100%!important;margin-bottom:12px}.settings-sidebar-sticky{position:static!important}.settings-sidebar-label,.settings-sidebar-back{display:none!important}.settings-nav{flex-direction:row!important;overflow-x:auto!important;gap:4px!important;scrollbar-width:none;padding-bottom:8px!important;border-bottom:1px solid var(--border)}.settings-nav::-webkit-scrollbar{display:none}.settings-nav a{white-space:nowrap!important;flex-shrink:0!important;border-left:2.5px solid transparent!important;padding:6px 12px!important}.form-grid-2{grid-template-columns:1fr!important}}