@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{color-scheme:light;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .72rem;--text-sm: .82rem;--text-base: .92rem;--text-lg: 1.05rem;--text-xl: 1.18rem;--text-2xl: 1.4rem;--text-3xl: 1.85rem;--text-4xl: 2.5rem;--text-5xl: 3.2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.15;--leading-normal: 1.45;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--bg-body: #ffffff;--bg-surface: #ffffff;--bg-surface-2: #fafafa;--bg-elevated: #ffffff;--bg-hover: #f3f4f6;--bg-card: #ffffff;--bg-inset: #f5f5f5;--primary-50: #fafafa;--primary-100: #f4f4f5;--primary-200: #e4e4e7;--primary-300: #d4d4d8;--primary-400: #a1a1aa;--primary-500: #71717a;--primary-600: #52525b;--primary-700: #3f3f3f;--primary-800: #27272a;--primary-900: #18181b;--primary: #000000;--primary-rgb: 0, 0, 0;--primary-glow: rgba(0, 0, 0, .04);--accent-50: #f8fafc;--accent-100: #f1f5f9;--accent-200: #e2e8f0;--accent-300: #cbd5e1;--accent-400: #94a3b8;--accent-500: #64748b;--accent-600: #475569;--accent: #0f172a;--accent-glow: rgba(15, 23, 42, .05);--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .06);--warning-50: #fffbeb;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning: #f59e0b;--success-50: #f0fdf4;--success-100: #dcfce7;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success: #22c55e;--success-glow: rgba(34, 197, 94, .06);--info-400: #60a5fa;--info-500: #3b82f6;--info: #3b82f6;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverted: #ffffff;--text-code: #0f172a;--text-placeholder: #94a3b8;--text-disabled: #cbd5e1;--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--border-accent: #000000;--border-focus: #000000;--glass-border: rgba(226, 232, 240, .8);--glass-border-light: rgba(226, 232, 240, .4);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-strong: rgba(255, 255, 255, .9);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .03);--glass-shadow-lg: 0 12px 40px 0 rgba(0, 0, 0, .05);--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--space-0: 0;--space-1: .2rem;--space-2: .4rem;--space-3: .6rem;--space-4: .8rem;--space-5: 1rem;--space-6: 1.2rem;--space-8: 1.6rem;--space-10: 2rem;--space-12: 2.4rem;--space-16: 3.2rem;--space-20: 4rem;--space-24: 4.8rem;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-inner: none;--shadow-accent: none;--shadow-primary: none;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-normal: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:90%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-weight-normal);text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit;padding:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-relaxed);color:var(--text-secondary)}small,.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:0;font-weight:var(--font-weight-semibold);font-size:var(--text-sm);line-height:1;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:40px;text-decoration:none}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600);transform:translateY(-1px);box-shadow:none}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-accent)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted);box-shadow:none}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-600);border-color:var(--accent-600);transform:translateY(-1px);box-shadow:none}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:var(--danger-600);border-color:var(--danger-600);transform:translateY(-1px);box-shadow:none}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:6px 14px;min-height:32px;font-size:var(--text-xs);border-radius:0}.btn-lg{padding:14px 28px;min-height:48px;font-size:var(--text-base);border-radius:0}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:0}.btn-icon.btn-sm{width:32px;height:32px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input,textarea.input,select.input{width:100%;padding:10px 14px;border:1px solid var(--border-primary);border-radius:0;background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast);min-height:40px}.input::placeholder{color:var(--text-placeholder)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:none}.input:disabled{background:var(--bg-surface-2);color:var(--text-disabled);cursor:not-allowed;opacity:.7}.input-error{border-color:var(--danger)!important;box-shadow:none}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.input{min-height:100px;resize:vertical}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:2px}.form-success{font-size:var(--text-xs);color:var(--success-600);background:var(--success-50);border:1px solid var(--success-100);border-radius:0;padding:10px 12px;line-height:1.5}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.card,.glass-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:0;padding:var(--space-6);transition:all var(--transition-normal);box-shadow:none}.card:hover,.glass-card:hover{border-color:var(--glass-border-light);box-shadow:none}.card-flat{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:0;padding:var(--space-5)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;padding:var(--space-6);box-shadow:none}.card-interactive{cursor:pointer;transition:all var(--transition-fast)}.card-interactive:hover{transform:translateY(-2px);box-shadow:none}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:0;box-shadow:none}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:0;box-shadow:none}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(6px);padding:var(--space-4);animation:overlayFadeIn .2s ease-out}.modal,.biz-form-modal,.add-contact-modal,.compose-modal,.role-change-modal,.confirm-modal,.logout-modal,.admin-status-modal,.domain-verify-modal,.logout-confirm-modal,.link-modal{background:var(--bg-surface);border:1px solid var(--border-accent);padding:var(--space-6);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:none;animation:slideUp var(--transition-normal) ease-out;display:flex;flex-direction:column;gap:var(--space-4);color:var(--text-primary)}.compose-modal{max-width:680px}.modal-overlay-compose{position:fixed;inset:0;z-index:var(--z-modal-backdrop);pointer-events:none;background:transparent;padding:0;display:flex;align-items:flex-end;justify-content:flex-end}.compose-modal-fixed{pointer-events:auto;position:fixed!important;bottom:0!important;right:80px!important;width:580px!important;height:600px!important;max-height:85vh!important;max-width:90vw!important;z-index:var(--z-modal)!important;padding:0!important;overflow:hidden!important;border:1px solid var(--neutral-300)!important;box-shadow:none;background:var(--bg-surface)!important;animation:slideUp var(--transition-normal) ease-out;border-radius:0}.domain-verify-modal{max-width:600px}.confirm-modal,.logout-modal,.role-change-modal,.admin-status-modal{max-width:440px}.modal-wide{max-width:720px}.modal-full{max-width:100%;max-height:100%;border-radius:0}.logout-confirm-modal{max-width:400px!important;text-align:center;align-items:center}.logout-confirm-icon{margin-bottom:var(--space-2);display:flex;justify-content:center}.logout-confirm-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-2);width:100%}.divider{height:1px;background:var(--border-primary);margin:var(--space-4) 0;border:none}.divider-vertical{width:1px;background:var(--border-primary);align-self:stretch}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:0;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:1.4;white-space:nowrap}.badge-primary{background:var(--primary-glow);color:var(--primary-600)}.badge-success{background:var(--success-glow);color:var(--success)}.badge-danger{background:var(--danger-glow);color:var(--danger)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:0;background:var(--primary-glow);color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-weight-bold);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.inline-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:0;font-size:var(--text-sm);line-height:1.5}.inline-alert.success{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-600)}.inline-alert.error{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-600)}.inline-alert.info{background:#3b82f614;border:1px solid rgba(59,130,246,.15);color:var(--info-500)}.inline-alert.warning{background:var(--warning-50);border:1px solid rgba(245,158,11,.2);color:var(--warning-500)}.spinner{--spinner-size: 24px;width:var(--spinner-size);height:var(--spinner-size);border:2.5px solid rgba(0,0,0,.06);border-top-color:#f59e0b;border-right-color:#ef4444;border-radius:50%;animation:spin .65s cubic-bezier(.4,.15,.3,.85) infinite;display:inline-block;vertical-align:middle}[data-theme=dark] .spinner{border-color:#ffffff0f;border-top-color:#fbbf24;border-right-color:#f87171}.spinner-sm{--spinner-size: 14px;border-width:1.8px}.spinner-md{--spinner-size: 24px;border-width:2.5px}.spinner-lg{--spinner-size: 40px;border-width:3.5px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-hover) 37%,var(--bg-surface-2) 63%);background-size:400% 100%;animation:skeletonShimmer 1.4s ease infinite;border-radius:0}.skeleton-text{height:14px;margin-bottom:8px;width:100%}.skeleton-text:last-child{width:60%}.skeleton-title{height:20px;width:40%;margin-bottom:16px}.skeleton-avatar{width:40px;height:40px;border-radius:0}.skeleton-card{height:120px;border-radius:0}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.loading-screen{position:fixed;inset:0;z-index:var(--z-toast);display:grid;place-items:center;background:#0000004d;backdrop-filter:blur(8px)}.loading-screen .loading-card{display:flex;align-items:center;gap:16px;padding:20px 28px;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:0;box-shadow:none;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:800px}.container-wide{max-width:1440px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.w-full{width:100%}.h-full{height:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pageEnter{0%{opacity:0;filter:blur(8px);transform:scale(.99) translateY(8px)}to{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:none}50%{box-shadow:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#1a1a2e99;backdrop-filter:blur(6px);animation:fadeIn .2s ease-out}.loading-overlay .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:0;animation:spin .8s linear infinite}.skeleton-row{height:64px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border-primary)}.skeleton-avatar{width:36px;height:36px;border-radius:0;background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-hover) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-line{height:14px;border-radius:0;background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-hover) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line.short{width:120px}.skeleton-line.medium{width:200px}.skeleton-line.long{width:300px}.animate-fade,.animate-fadeIn{animation:fadeIn .6s ease-out both}.animate-fadeInUp{animation:fadeInUp .6s ease-out both}.animate-fadeInDown{animation:fadeInDown .4s ease-out both}.animate-fadeInLeft{animation:fadeInLeft .5s ease-out both}.animate-fadeInRight{animation:fadeInRight .5s ease-out both}.animate-scale,.animate-scaleIn{animation:scaleIn .3s ease-out both}.animate-slide-up,.animate-slideUp{animation:slideUp .5s ease-out both}.animate-page{animation:pageEnter .7s cubic-bezier(.16,1,.3,1) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-children>*{animation:fadeInUp .5s ease-out both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:80ms}.stagger-children>*:nth-child(3){animation-delay:.16s}.stagger-children>*:nth-child(4){animation-delay:.24s}.stagger-children>*:nth-child(5){animation-delay:.32s}.stagger-children>*:nth-child(6){animation-delay:.4s}.stagger-children>*:nth-child(7){animation-delay:.48s}.stagger-children>*:nth-child(8){animation-delay:.56s}.stagger-children>*:nth-child(9){animation-delay:.64s}.stagger-children>*:nth-child(10){animation-delay:.72s}.stagger-children>*:nth-child(11){animation-delay:.8s}.stagger-children>*:nth-child(12){animation-delay:.88s}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.spinner{animation-duration:1.4s!important}}::selection{background:#0d948833;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#0003}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.page-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6);width:100%}@media(max-width:768px){.container{padding:0 var(--space-4)}:root{--space-6: 1.25rem;--space-8: 1.5rem;--space-10: 2rem;--space-12: 2.5rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.dns-records-table{width:100%;overflow-x:auto;border:1px solid var(--border-primary);border-radius:0;background:var(--bg-surface)}.dns-section-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.dns-table-header{display:grid;grid-template-columns:72px 1.5fr 2fr 80px 60px;gap:0;padding:10px 16px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.dns-table-row{display:grid;grid-template-columns:72px 1.5fr 2fr 80px 60px;gap:0;padding:10px 16px;border-bottom:1px solid var(--border-primary);align-items:center;transition:background var(--transition-fast)}.dns-table-row:last-child{border-bottom:none}.dns-table-row:hover{background:var(--bg-hover)}.dns-col-type{display:flex;align-items:center}.dns-col-name,.dns-col-value{display:flex;align-items:center;gap:6px;min-width:0}.dns-col-priority,.dns-col-ttl{display:flex;align-items:center;gap:4px;font-size:.8rem}.dns-type-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:3px 8px;border-radius:0;text-transform:uppercase;min-width:42px;text-align:center}.dns-type-txt{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.15)}.dns-type-mx{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.15)}.dns-type-cname{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.15)}.dns-type-a{background:#1a1a2e14;color:var(--primary-500);border:1px solid rgba(26,26,46,.12)}.dns-type-aaaa{background:#ec48991a;color:#ec4899;border:1px solid rgba(236,72,153,.15)}.dns-field-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-surface-2);padding:3px 8px;border-radius:0;border:1px solid var(--border-primary);word-break:break-all;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-field-na{font-size:.8rem;color:var(--text-muted)}.dns-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:0;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .1s ease;flex-shrink:0}.dns-copy-btn:hover{background:var(--bg-surface-2);border-color:var(--border-primary);color:var(--primary)}.dns-copy-btn:active{transform:scale(.92)}.diag-header{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--border-primary)}.diag-header h3,.diag-header span{font-weight:700}.diag-status{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:0;background:var(--accent-glow);color:var(--accent);font-size:.78rem;font-weight:700}.diag-steps{display:grid;gap:12px}.diag-step{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;border-radius:0;border:1px solid var(--border-primary);background:var(--bg-surface-2)}.diag-step-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;background:#ffffff0a;color:var(--text-secondary)}.diag-step-info{display:grid;gap:4px;min-width:0}.diag-step-label{font-size:.95rem;font-weight:700;color:var(--text-primary)}.diag-step-detail{font-size:.84rem;color:var(--text-secondary);line-height:1.55;word-break:break-word}.diag-step-ms{font-size:.74rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.diag-success{border-color:#22c55e4d}.diag-success .diag-step-icon{background:var(--success-glow);color:var(--success)}.diag-error{border-color:#ef44444d}.diag-error .diag-step-icon{background:#ef44441a;color:var(--danger)}.diag-pending .diag-step-icon,.diag-running .diag-step-icon{background:var(--accent-glow);color:var(--accent)}.biz-sidebar .folder-btn{display:flex;align-items:center;gap:8px;padding:4px 8px;margin:0 4px;border-radius:0;font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:all .1s ease-in-out;width:calc(100% - 8px);text-align:left;border:1px solid transparent;background:transparent}@media(max-width:640px){.diag-step{grid-template-columns:40px minmax(0,1fr)}.diag-step-ms{grid-column:2}}@media(max-width:768px){.dns-table-header{display:none}.dns-table-row{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.dns-col-type{order:-1}.dns-col-name,.dns-col-value{flex-wrap:wrap}.dns-field-value{white-space:normal;word-break:break-all}}.home-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:68px;display:flex;align-items:center;transition:all var(--transition-normal);border-bottom:1px solid transparent}.home-nav.nav-scrolled{height:60px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-8)}.nav-logo{display:flex;align-items:center;gap:12px;font-weight:var(--font-weight-extrabold);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);z-index:calc(var(--z-fixed) + 1)}.home-logo-img{height:34px;width:auto}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:color var(--transition-fast);position:relative;padding:4px 0}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-divider{width:1px;height:24px;background:var(--glass-border)}.nav-cta{font-size:var(--text-sm);white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:12px}.nav-toggle{display:none;align-items:center;justify-content:center;z-index:calc(var(--z-fixed) + 2);padding:8px;border-radius:var(--radius-md);color:var(--text-primary);transition:background var(--transition-fast);touch-action:manipulation;background:var(--bg-surface);border:1px solid var(--glass-border);width:40px;height:40px}.nav-toggle:hover{background:var(--bg-hover)}@media(max-width:1024px){.nav-toggle{display:flex}.nav-links{position:fixed;top:76px;right:var(--space-4);width:min(320px,75vw);max-height:calc(100vh - 100px);background:var(--bg-surface);flex-direction:column;align-items:flex-start;padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);gap:var(--space-1);z-index:var(--z-fixed);overflow-y:auto;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:all var(--transition-normal)}.nav-links.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.nav-links .nav-link{font-size:var(--text-base);width:100%;padding:10px 12px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.nav-links .nav-link:hover{background:var(--bg-hover)}.nav-links .nav-divider{width:100%;height:1px;margin:var(--space-2) 0;background:var(--glass-border)}.nav-links .btn{width:100%;justify-content:center}.nav-actions{flex-direction:column;width:100%;gap:8px;margin-top:var(--space-3)}}@media(max-width:480px){.nav-cta{width:100%;justify-content:center}.nav-links{right:var(--space-3);width:calc(100vw - var(--space-6));top:68px}}.nav-overlay{display:none}@media(max-width:1024px){.nav-overlay.open{display:block;position:fixed;inset:0;background:#0000004d;z-index:calc(var(--z-fixed) - 1);backdrop-filter:blur(2px)}}.home-footer{position:relative;z-index:1;padding:60px 0 32px;border-top:1px solid var(--glass-border);background:var(--bg-surface-2);width:100%}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-brand .nav-logo{font-size:var(--text-lg)}.footer-brand p{font-size:var(--text-sm);color:var(--text-muted);max-width:280px;line-height:1.6}.footer-column h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.footer-link-list{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);cursor:pointer;text-align:left;text-decoration:none}.footer-link:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--glass-border);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-muted)}.footer-bottom-links{display:flex;gap:var(--space-6)}.gradient-text{background:linear-gradient(135deg,var(--text-primary),var(--accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}#root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface-2)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border:1px solid var(--bg-surface-2);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity var(--transition-normal) ease-out}.nav-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--z-toast);background:transparent;pointer-events:none}.nav-progress-bar{height:100%;background:var(--primary);transition:width var(--transition-fast) ease-out}.logo-text{font-weight:var(--font-weight-extrabold);font-size:var(--text-base);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-transform:uppercase}.orb-glow{display:none!important}.error-boundary-fallback{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);background:var(--bg-surface-2);position:relative}.error-boundary-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:440px;text-align:center;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-accent)}.error-boundary-icon{width:48px;height:48px;background:var(--danger-50);border:1px solid var(--danger);color:var(--danger);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.error-boundary-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.error-boundary-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.hover-scale{transition:transform var(--transition-fast) ease-out}.hover-scale:hover{transform:translateY(-1px)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:10000;display:flex;flex-direction:column;gap:var(--space-2);max-width:380px;pointer-events:none}.toast,.toast-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-accent);pointer-events:auto;animation:slideUp var(--transition-normal) ease-out both;color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.toast-success{border-left:3px solid var(--success)!important}.toast-error{border-left:3px solid var(--danger)!important;color:var(--danger)!important}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}