:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color:#111827;background:#f9fafb;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh}main{max-width:800px;margin:0 auto;padding:32px 20px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}h1{font-size:1.5rem;font-weight:600;line-height:1.2;color:#111827}.subtitle{color:#6b7280;font-size:.875rem}button{padding:10px 20px;font-size:.875rem;font-weight:500;border:none;border-radius:8px;background:#111827;color:#fff;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#1f2937}button:disabled{opacity:.5;cursor:not-allowed}.btn-link{background:none;color:#6b7280;padding:4px 8px;font-size:.8125rem}.btn-link:hover{color:#111827;background:none}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.card h2{font-size:1.0625rem;font-weight:600;margin-bottom:20px;color:#111827}.field{margin-bottom:16px}label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:6px}input{width:100%;padding:10px 12px;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .15s;color:#111827;background:#fff}input:focus{border-color:#6b7280}input:disabled{background:#f9fafb}input::placeholder{color:#9ca3af}.preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;margin-bottom:16px}.preview-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.preview-label{font-size:.8125rem;color:#6b7280}.preview-value{font-size:.875rem;font-weight:500;font-family:SF Mono,ui-monospace,monospace;color:#111827}.preview-value.target{color:#6b7280}.error{color:#991b1b;font-size:.8125rem;margin:8px 0}.success{color:#065f46;font-size:.8125rem;margin:8px 0}.badge{display:inline-block;padding:2px 10px;font-size:.75rem;font-weight:500;border-radius:9999px;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8125rem}thead th{text-align:left;padding:8px 12px;font-weight:500;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}tbody td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.domain-cell{font-family:SF Mono,ui-monospace,monospace;font-size:.8125rem}.date-cell{white-space:nowrap;color:#6b7280;font-size:.75rem}.note-cell{color:#6b7280;font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;padding:32px 16px}.empty p{color:#6b7280}.empty .hint{font-size:.8125rem;margin-top:4px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-container h1{font-size:1.75rem;margin-bottom:4px}.login-container .subtitle{margin-bottom:32px}.login-form{width:100%;max-width:320px}.login-form label{margin-bottom:6px}.login-form input{margin-bottom:16px}.login-form button{width:100%}.domain-form button{margin-top:4px}@media (max-width: 640px){main{padding:20px 16px}.card{padding:16px}.preview-row{flex-direction:column;align-items:flex-start;gap:2px}table{font-size:.75rem}thead th,tbody td{padding:6px 8px}}