:root{--bg: #fafaf8;--surface: #ffffff;--border: #e7e5e0;--border-soft: #f0eee9;--ink: #181a1f;--ink-dim: #6b6f76;--ink-faint: #a3a7ae;--navy: #1d2b4f;--navy-soft: #eef1f8;--green: #1e7a4c;--green-soft: #e9f6ee;--blue: #2554c7;--blue-soft: #ebf0fe;--amber: #b0700e;--amber-soft: #fcf1df;--orange: #c05621;--orange-soft: #fbebe0;--red: #b3261e;--purple: #6a3fb0;--purple-soft: #f1ebfb;--shadow: 0 1px 2px rgba(20, 20, 30, .04), 0 1px 1px rgba(20, 20, 30, .03)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}.app{max-width:1100px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border);background:var(--surface);margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px}.brand .mark{width:26px;height:26px;border-radius:6px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px}.brand h1{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;letter-spacing:-.01em;margin:0}button{font:inherit;cursor:pointer}.btn-ghost{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--ink-dim);background:none;border:1px solid var(--border);padding:8px 14px;border-radius:7px}.btn-secondary{font-family:Inter,sans-serif;font-weight:500;font-size:13.5px;color:var(--ink);background:var(--surface);border:1px solid var(--border);padding:9px 16px;border-radius:7px;box-shadow:var(--shadow)}.btn-primary{font-family:Inter,sans-serif;font-weight:600;font-size:13.5px;color:#fff;background:var(--navy);border:1px solid var(--navy);padding:9px 16px;border-radius:7px;box-shadow:var(--shadow)}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:default}input,select,textarea{font:inherit;padding:9px 12px;border:1px solid var(--border);border-radius:7px;width:100%;background:var(--surface);color:var(--ink)}label{display:block;margin-bottom:1rem;font-size:12.5px;font-weight:500;color:var(--ink-dim)}label>input,label>select,label>textarea{margin-top:6px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;padding:0 32px;margin-bottom:20px}.page-head h2{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.page-head .sub{color:var(--ink-dim);font-size:13.5px}.actions{display:flex;gap:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 32px 14px;gap:16px;flex-wrap:wrap}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-pill{font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:20px;border:1px solid var(--border);color:var(--ink-dim);background:var(--surface);display:flex;align-items:center;gap:6px}.filter-pill .n{color:var(--ink-faint);font-weight:400}.filter-pill.active{background:var(--navy);border-color:var(--navy);color:#fff}.filter-pill.active .n{color:#ffffffb3}.add-form{display:flex;gap:.5rem;padding:0 32px 14px}.add-form input{max-width:320px}.info{margin:0 32px 14px;color:var(--green);background:var(--green-soft);padding:.5rem .75rem;border-radius:6px;font-size:13px}.error{color:var(--red)}.table-wrap{margin:0 32px 40px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.domain-table{width:100%;border-collapse:collapse}.domain-table thead th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:12px 20px;border-bottom:1px solid var(--border);background:#fcfbf9}.domain-table th.num,.domain-table td.price{text-align:right}.domain-table tbody td{padding:13px 20px;border-bottom:1px solid var(--border-soft);font-size:13.5px;vertical-align:middle}.domain-table tbody tr:last-child td{border-bottom:none}.domain-table tbody tr{cursor:pointer}.domain-table tbody tr:hover td{background:#fbfaf8}.dname{font-weight:600;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:13px}.dname .tld{color:var(--ink-faint);font-weight:400}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-unlisted{background:var(--border-soft);color:#83807a}.status-listed{background:var(--blue-soft);color:var(--blue)}.status-contacted{background:var(--amber-soft);color:var(--amber)}.status-negotiating{background:var(--orange-soft);color:var(--orange)}.status-sold{background:var(--green-soft);color:var(--green)}.price{font-family:IBM Plex Mono,monospace;font-weight:600}.price.empty{color:var(--ink-faint);font-weight:400}.added{color:var(--ink-dim);font-size:12.5px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{display:flex;flex-direction:column;gap:.75rem;width:300px;background:var(--surface);padding:2rem;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}.login-form .brand{justify-content:center;margin-bottom:.5rem}.login-form h1{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0}.domain-detail-page{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);margin:0 32px;padding:1.75rem;border-radius:12px}.domain-detail-page h2{font-family:IBM Plex Mono,monospace;font-size:20px;margin:.25rem 0 1.25rem}.back-link{border:none;background:none;padding:0;margin-bottom:1rem;color:var(--ink-dim);font-size:13px}.detail-footer{min-height:1.5rem;font-size:.85rem;color:var(--ink-dim);margin-bottom:1rem}.ai-panel{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin:.75rem 0 1.25rem}.ai-panel p{margin:.5rem 0}.ai-panel .hint{font-size:.8rem;color:var(--ink-faint)}.outreach-body{white-space:pre-wrap;font-family:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin:.5rem 0}.link-button{border:none;background:none;padding:0 0 0 .5rem;color:var(--blue);text-decoration:underline;width:auto}button.danger{color:var(--red);border-color:#e3b3b0}.section{margin:1.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border-soft)}.section:first-of-type{margin-top:0;padding-top:0;border-top:none}.s-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin-bottom:.75rem}.purpose-row{display:flex;gap:10px;margin-bottom:4px}.purpose-opt{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;background:var(--surface);text-align:left;position:relative}.purpose-opt .t{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;margin-bottom:3px;color:var(--ink)}.purpose-opt .d{font-size:12px;color:var(--ink-dim)}.purpose-opt.selected{border-color:var(--navy);background:var(--navy-soft)}.purpose-opt.selected .t{color:var(--navy)}.purpose-opt.selected:after{content:"✓";position:absolute;top:12px;right:14px;color:var(--navy);font-weight:700;font-size:13px}.purpose-opt.build.selected{border-color:var(--purple);background:var(--purple-soft)}.purpose-opt.build.selected .t{color:var(--purple)}.purpose-opt.build.selected:after{color:var(--purple)}.ai-callout{margin-top:16px;border:1px dashed var(--purple);background:var(--purple-soft);border-radius:10px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.ai-callout .icon{font-size:16px;margin-top:1px}.ai-callout .tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--purple);margin-bottom:4px}.ai-callout .text{font-size:13px;color:var(--ink);line-height:1.5}.ai-callout .text b{color:var(--purple)}.build-idea{margin-top:16px}.build-idea label{margin-bottom:6px}.sub-actions{display:flex;gap:10px;margin-top:20px}.btn-ai{font-family:Inter,sans-serif;font-weight:600;font-size:13px;color:var(--purple);background:var(--purple-soft);border:1px solid transparent;padding:8px 14px;border-radius:7px;display:flex;align-items:center;gap:6px}.btn-ai:disabled{opacity:.6}.section.dimmed{opacity:.55}.disabled-note{font-size:12px;color:var(--ink-faint);font-style:italic;margin-top:4px}
