:root{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#1a1a1d;--bg-hover:#232326;--bg-active:#2a2a2e;--border-color:#2a2a2e;--border-light:#3a3a3e;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:rgba(99,102,241,.15);--success:#22c55e;--success-bg:rgba(34,197,94,.15);--error:#ef4444;--error-bg:rgba(239,68,68,.15)}*,:after,:before{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:var(--bg-primary)}.bg-white{background-color:var(--bg-secondary)}.bg-indigo-600{background-color:var(--accent)}.bg-green-100{background-color:var(--success-bg)}.bg-red-50{background-color:var(--error-bg)}.bg-gray-900{background-color:#000}.text-gray-400,.text-gray-500{color:var(--text-muted)}.text-gray-600,.text-gray-700{color:var(--text-secondary)}.text-gray-800,.text-gray-900{color:var(--text-primary)}.text-white{color:#fff}.text-indigo-600{color:var(--accent)}.text-green-400,.text-green-800{color:var(--success)}.text-red-600,.text-red-700{color:var(--error)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-mono{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>*+*{margin-top:.25rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.w-full{width:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.rounded{border-radius:.375rem}.rounded-md{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.rounded-full{border-radius:9999px}.rounded-l-md{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.rounded-r-md{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.border{border:1px solid var(--border-color)}.border-l-0{border-left-width:0}.border-gray-300{border-color:var(--border-color)}.border-red-200{border-color:var(--error)}.shadow{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003}.shadow-sm{box-shadow:0 1px 2px #0003}.shadow-lg{box-shadow:0 10px 40px -10px #00000080}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.text-left{text-align:left}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.transition,a,button,input,textarea{transition:all .15s ease}.hover\:bg-gray-100:hover,.hover\:bg-gray-50:hover{background-color:var(--bg-hover)}.hover\:bg-gray-200:hover{background-color:var(--bg-active)}.hover\:bg-indigo-700:hover{background-color:var(--accent-hover)}.hover\:bg-red-100:hover{background-color:#ef444440}.hover\:text-gray-700:hover,.hover\:text-gray-800:hover{color:var(--text-primary)}.hover\:text-indigo-800:hover{color:var(--accent-hover)}.hover\:text-gray-600:hover{color:var(--text-secondary)}.focus\:border-indigo-500:focus{border-color:var(--accent)}.focus\:ring-indigo-500:focus{outline:2px solid var(--accent);outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}input,select,textarea{font-family:inherit;font-size:100%}input[type=email],input[type=password],input[type=text],textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);padding:.75rem 1rem;transition:all .15s ease;width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input[type=email]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox]{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.375rem;height:1.25rem;width:1.25rem}button{border:none;cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}code{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.875rem}table{border-collapse:collapse}.divide-y>*+*{border-top:1px solid var(--border-color)}.divide-gray-200>*+*{border-color:var(--border-color)}header.shadow{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:none}.bg-white.shadow,.shadow.rounded-lg{background:var(--bg-secondary);border:1px solid var(--border-color)}.bg-indigo-600{background:linear-gradient(135deg,var(--accent) 0,#4f46e5 100%);box-shadow:0 4px 14px #6366f14d}.bg-indigo-600:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.bg-gray-100{background-color:var(--bg-tertiary);border:1px solid var(--border-color)}.bg-green-100.text-green-800{background:var(--success-bg);border:1px solid rgba(34,197,94,.3);color:var(--success)}.bg-gray-100.text-gray-800{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}code.bg-gray-100{background-color:var(--bg-tertiary);border-radius:.375rem;color:var(--text-secondary);padding:.25rem .5rem}code.bg-gray-100,code.bg-gray-900{border:1px solid var(--border-color)}code.bg-gray-900{background-color:#000}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;margin:1rem;max-height:90vh;max-width:32rem;overflow-y:auto;padding:1.5rem 2rem 2rem;width:calc(100% - 2rem)}tr.hover\:bg-gray-50:hover{background-color:var(--bg-hover)}thead.bg-gray-50{background-color:var(--bg-tertiary)}.text-indigo-600.text-4xl{background:linear-gradient(135deg,var(--accent) 0,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a.border.border-gray-300{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}a.border.border-gray-300:hover{background-color:var(--bg-hover);border-color:var(--border-light)}.bg-red-50.border-red-200{background-color:var(--error-bg);border-color:#ef44444d;color:var(--error)}.bg-gray-50.rounded{background-color:var(--bg-tertiary);border:1px solid var(--border-color)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:640px){.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::-moz-selection{background-color:var(--accent-muted);color:var(--text-primary)}::selection{background-color:var(--accent-muted);color:var(--text-primary)}.close-btn{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-muted);display:flex;height:2rem;justify-content:center;transition:all .15s ease;width:2rem}.close-btn:hover{background-color:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.copy-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .15s ease}.copy-btn:hover{background-color:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.subdomain-suffix{align-items:center;background-color:var(--bg-hover);border:1px solid var(--border-color);border-left:none;border-radius:0 .5rem .5rem 0;color:var(--text-muted);display:inline-flex;font-size:.875rem;padding:0 1rem}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.back-btn{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-muted);display:flex;height:2rem;justify-content:center;transition:all .15s ease;width:2rem}.back-btn:hover{background-color:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.delete-btn{background-color:var(--error-bg);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:var(--error);font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.delete-btn:hover{background-color:#ef444440;border-color:var(--error)}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.bandwidth-select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .15s ease;width:100%}.bandwidth-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.bandwidth-select option{background-color:var(--bg-secondary);color:var(--text-primary)}.input-error{border-color:var(--error)!important}.input-success{border-color:var(--success)!important}