Improve domain UX and migration startup

backend/public/css/style.css

@@ -52,6 +52,19 @@ button:hover {
     background: #1e40af;
 }
 
+button.btn-small{
+    font-size:11px;
+    padding:4px 8px;
+}
+
+button.btn-danger{
+    background:#dc2626;
+}
+
+button.btn-danger:hover{
+    background:#b91c1c;
+}
+
 input, textarea {
     padding: 6px;
     margin: 4px;
@@ -129,7 +142,104 @@ input, textarea {
     margin:-6px 0 12px 0;
 }
 
+.domain-name{
+    font-weight:700;
+    color:#0f172a;
+    margin-bottom:6px;
+}
 
+.domain-meta{
+    display:flex;
+    flex-wrap:wrap;
+    gap:6px;
+    margin-bottom:10px;
+}
+
+.meta-chip{
+    font-size:12px;
+    background:#eff6ff;
+    color:#1e3a8a;
+    padding:3px 8px;
+    border-radius:999px;
+    display:inline-block;
+}
+
+.meta-chip.muted{
+    background:#f1f5f9;
+    color:#475569;
+}
+
+.dns-badge{
+    display:inline-flex;
+    align-items:center;
+    gap:6px;
+    font-size:12px;
+    font-weight:600;
+    border-radius:999px;
+    padding:4px 10px;
+    white-space:nowrap;
+}
+
+.dns-badge.ok{
+    background:#dcfce7;
+    color:#166534;
+}
+
+.dns-badge.warn{
+    background:#fef3c7;
+    color:#92400e;
+}
+
+.dns-badge.off{
+    background:#fee2e2;
+    color:#991b1b;
+}
+
+.dns-detail{
+    display:block;
+    font-size:11px;
+    color:#64748b;
+    margin-top:4px;
+}
+
+.domain-actions{
+    display:flex;
+    flex-wrap:wrap;
+    gap:4px;
+}
+
+.subdomain-list{
+    display:flex;
+    flex-direction:column;
+    gap:8px;
+}
+
+.subdomain-card{
+    background:#f8fafc;
+    border:1px solid #e2e8f0;
+    border-radius:10px;
+    padding:8px 10px;
+}
+
+.subdomain-row{
+    display:flex;
+    justify-content:space-between;
+    align-items:flex-start;
+    gap:8px;
+}
+
+.subdomain-name{
+    font-size:13px;
+    font-weight:600;
+    color:#0f172a;
+}
+
+.subdomain-meta{
+    display:flex;
+    flex-wrap:wrap;
+    gap:6px;
+    margin-top:6px;
+}
 
 .subdomain{
 margin-left:15px;
@@ -235,3 +345,42 @@ body.dark .ip.public{
 body.dark .modal-meta{
     color:#94a3b8;
 }
+
+body.dark .domain-name,
+body.dark .subdomain-name{
+    color:#f8fafc;
+}
+
+body.dark .meta-chip{
+    background:#1d4ed8;
+    color:#eff6ff;
+}
+
+body.dark .meta-chip.muted{
+    background:#334155;
+    color:#cbd5e1;
+}
+
+body.dark .subdomain-card{
+    background:#111827;
+    border-color:#374151;
+}
+
+body.dark .dns-badge.ok{
+    background:#14532d;
+    color:#dcfce7;
+}
+
+body.dark .dns-badge.warn{
+    background:#78350f;
+    color:#fde68a;
+}
+
+body.dark .dns-badge.off{
+    background:#7f1d1d;
+    color:#fecaca;
+}
+
+body.dark .dns-detail{
+    color:#94a3b8;
+}