:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink-900: #0b0b0d;--ink-700: #1f1f23;--ink-500: #6b7280;--surface: #ffffff;--surface-muted: #f7f7f8;--border: #e6e7eb;--border-strong: #d6d8dd;--accent: #4f46e5;--accent-soft: #eef2ff;--radius: 16px;--shadow-soft: 0 8px 24px rgba(12, 12, 12, .06);--shadow-elevated: 0 18px 45px rgba(12, 12, 12, .12);--danger: #b91c1c;--danger-soft: #fee2e2}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app{width:100%;max-width:1280px;margin:0 auto;padding:26px 34px 44px;min-height:100vh;display:flex;flex-direction:column;gap:16px}.app>*{width:100%}.app-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--ink-500)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:6px}.page-title{font-size:30px;font-weight:700;margin:0;color:var(--ink-900);letter-spacing:-.02em}.page-subtitle{margin:4px 0 0;color:var(--ink-500);font-size:13px;line-height:1.45}.nav-tabs{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.nav-tab{border:none;background:transparent;font-size:12.5px;padding:6px 2px;color:var(--ink-500);cursor:pointer}.nav-tab.active{color:var(--ink-900);font-weight:600;border-bottom:2px solid var(--ink-900)}.account-row{font-size:12px;color:var(--ink-500);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{display:flex;flex-direction:column;gap:10px;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:6px;box-shadow:var(--shadow-soft);overflow:visible}.toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.toolbar-actions{margin-left:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start}.toolbar-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.menu{position:relative;z-index:40}.menu summary{position:relative;z-index:41}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{border-color:#d1d5db;background:#fff}.menu-list{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-elevated);z-index:2000}.menu-item{border:1px solid transparent;background:var(--surface);border-radius:8px;padding:8px 10px;font-size:13px;text-align:left;cursor:pointer;color:var(--ink-700)}.menu-item:hover{background:var(--surface-muted);border-color:var(--border)}.menu-item:disabled{opacity:.6;cursor:not-allowed}.menu-item.danger{color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:#fff;border-radius:14px;box-shadow:var(--shadow-elevated);padding:20px;width:min(640px,94vw)}.modal-card h3{margin:0 0 6px;font-size:16px}.modal-card label{display:grid;gap:6px;font-size:12.5px;color:var(--ink-700)}.modal-checkbox{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:12.5px;color:var(--ink-700)}.modal-checkbox input{width:auto}.modal-card input,.modal-card select,.modal-card textarea{margin-top:0;width:100%;background:#fafafa;border-color:var(--border)}.modal-checkbox{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fbfbfc}.modal-checkbox input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.modal-subtitle{font-size:12.5px;color:var(--ink-500);margin-bottom:14px;line-height:1.5}.modal-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-top:16px}.modal-actions .btn,.modal-actions button{min-width:96px}.card{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px;box-shadow:var(--shadow-soft)}.empty-state{padding:24px;text-align:center;color:var(--ink-500);font-size:12.5px}.empty-state strong{color:var(--ink-700)}.section-divider{height:1px;background:var(--border);margin:16px 0}button,.btn{border-radius:10px;border:1px solid var(--border);padding:8px 12px;min-height:34px;background:#fff;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-700);transition:all .12s ease}button:hover,.btn:hover{border-color:var(--border-strong);background:#f7f7f8}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 18px #4f46e533}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-700)}.btn-ghost:hover{background:#eef0f3}.btn-danger{background:#fff;border-color:var(--danger);color:var(--danger)}.input,select,textarea,input[type=text],input[type=email],input[type=number]{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#fff;min-height:34px;font-size:12.5px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink-900);box-shadow:0 0 0 2px var(--accent-soft)}.label-inline{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-700)}.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:14px;overflow:visible;background:var(--surface)}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#d9dbe1;border-radius:999px}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:12.5px;vertical-align:middle}.table .truncate{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table td.actions{text-align:right}.table td.actions .btn,.table td.actions .btn-ghost{min-width:90px}.table th:not(:last-child),.table td:not(:last-child){border-right:1px solid var(--border)}.table th{color:var(--ink-500);font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase;background:#f6f6f7;position:sticky;top:0;z-index:1}.table tbody tr:hover{background:#f9fafb}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#eef2ff;color:#3730a3}.status-pill.warning{background:#fff7ed;color:#b45309}.status-pill.danger{background:var(--danger-soft);color:var(--danger)}:root{color-scheme:light}.landing{font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:#0f0f10;background:#fff;min-height:100vh;padding:28px 36px 40px;display:flex;flex-direction:column;gap:32px}.landing-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.landing-brand{font-weight:700;font-size:18px;letter-spacing:-.02em}.landing-nav-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.landing-link{color:#6b7280;font-size:13px}.landing-btn{border-radius:10px;border:1px solid #e5e7eb;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none;color:#111827}.landing-btn-primary{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 10px 20px #4f46e533}.landing-btn-ghost{background:transparent}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center}.hero-copy h1{font-size:36px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px}.hero-copy p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 18px}.hero-pill{display:inline-flex;align-items:center;gap:8px;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;margin-bottom:12px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.hero-meta{font-size:12px;color:#6b7280}.hero-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fff;box-shadow:0 20px 40px #0f172a14}.hero-card-header{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:12px}.badge{background:#fee2e2;color:#b91c1c;border-radius:999px;padding:2px 10px;font-size:11px}.hero-card-body{display:grid;gap:10px}.skeleton-row{height:10px;background:#f3f4f6;border-radius:999px}.skeleton-row.short{width:60%}.problem{border-top:1px solid #e5e7eb;padding-top:24px}.problem h2{font-size:24px;margin:0 0 8px}.problem p{color:#6b7280;font-size:14px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-card{height:120px;border-radius:14px;border:1px dashed #e5e7eb;background:#fafafa;margin-bottom:12px}.feature h3{margin:0 0 6px;font-size:16px}.feature p{margin:0;font-size:13px;color:#6b7280}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:start}.pricing-card{border:1px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff}.pricing-sub{color:#6b7280;font-size:13px;margin-top:6px}.pricing-row{display:flex;gap:24px;margin:16px 0}.price{font-size:28px;font-weight:700}.price-note{font-size:12px;color:#6b7280}.pricing-rule{font-size:12.5px;color:#4b5563;line-height:1.5;margin-bottom:16px}.pricing-actions{display:flex;gap:10px;flex-wrap:wrap}.agency-box{border:1px solid #e5e7eb;border-radius:16px;padding:20px;background:#fafafa}.agency-box ul{margin:12px 0 0 18px;padding:0;color:#4b5563;font-size:13px}.faq{border-top:1px solid #e5e7eb;padding-top:24px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.faq h4{margin:0 0 6px}.faq p{margin:0;color:#6b7280;font-size:13px}.landing-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #e5e7eb;padding-top:16px;font-size:12px;color:#6b7280}.footer-links{display:flex;gap:12px}.footer-links a{color:inherit;text-decoration:none}@media(max-width:720px){.landing{padding:24px}.landing-nav-actions{justify-content:flex-start}}