*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f5;--surface: #ffffff;--surface2: #f9f9f9;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--accent: #6366f1;--accent-h: #4f52d6;--green: #16a34a;--yellow: #d97706;--red: #dc2626;--radius: 8px;--font: "Inter", system-ui, sans-serif}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh}.app{display:flex;flex-direction:column;min-height:100dvh}.topbar{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar-brand{font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--text);text-decoration:none}.topbar-brand span{color:var(--accent)}.main{flex:1;padding:1rem;max-width:900px;margin:0 auto;width:100%}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;font-family:var(--font);border:none;cursor:pointer;transition:background .15s,opacity .15s;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-h)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{padding:.3rem .6rem;font-size:.78rem}.btn:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{width:100%;padding:.55rem .75rem;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;font-family:var(--font);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{display:block;font-size:.78rem;font-weight:500;color:var(--muted);margin-bottom:.3rem}.search-wrap{position:relative}.search-wrap input{padding-left:2.2rem}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.domain-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.domain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:border-color .15s}.domain-card:hover{border-color:var(--accent)}.domain-card.expanded{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.domain-card-detail{background:var(--surface2);border:1px solid var(--border);border-top:none;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);padding:1rem}.domain-name{font-size:.95rem;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-target{font-size:.78rem;color:var(--muted);margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge-parked{background:#6b728026;color:var(--muted)}.badge-redirect{background:#f59e0b26;color:var(--yellow)}.badge-active{background:#22c55e26;color:var(--green)}.ssl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ssl-yes{background:var(--green)}.ssl-no{background:var(--border)}.filter-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.filter-tab{padding:.3rem .7rem;border-radius:999px;font-size:.78rem;font-weight:500;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--muted);transition:all .15s}.filter-tab.active,.filter-tab:hover{background:var(--accent);border-color:var(--accent);color:#fff}.add-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-top:1rem}.add-form .fields{display:grid;gap:.75rem}.add-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 540px){.add-form .field-row{grid-template-columns:1fr}}.edit-fields{display:grid;gap:.75rem}.edit-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 540px){.edit-row{grid-template-columns:1fr}}.edit-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.stats{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.stat{font-size:.82rem;color:var(--muted)}.stat strong{color:var(--text)}.empty{text-align:center;padding:3rem 1rem;color:var(--muted);font-size:.9rem}.toast-wrap{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:999;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.toast{padding:.6rem 1.2rem;border-radius:999px;font-size:.85rem;font-weight:500;pointer-events:all}.toast-ok{background:var(--green);color:#fff}.toast-err{background:var(--red);color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .15s}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(-6px)}