*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f1117;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{height:100vh;display:flex}.sidebar{background:#1a1d27;border-right:1px solid #2d3148;flex-direction:column;gap:32px;width:220px;padding:24px 16px;display:flex}.logo{align-items:center;gap:10px;padding:0 8px;display:flex}.logo-icon{font-size:20px}.logo-text{color:#818cf8;font-size:18px;font-weight:700}nav{flex-direction:column;gap:4px;display:flex}nav a{color:#94a3b8;border-radius:8px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .15s}nav a:hover{color:#e2e8f0;background:#2d3148}nav a.active{color:#818cf8;background:#2d3148;font-weight:600}.content{flex:1;padding:40px;overflow-y:auto}.page{flex-direction:column;gap:24px;max-width:800px;display:flex}.page h1{font-size:24px;font-weight:700}.page h2{color:#94a3b8;font-size:16px;font-weight:600}.card{background:#1a1d27;border:1px solid #2d3148;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.card.skeleton{opacity:.4;height:120px;animation:1.5s infinite pulse}.card.empty{align-items:center;padding:40px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.card-header{justify-content:space-between;align-items:center;display:flex}.badge{color:#818cf8;text-transform:uppercase;background:#312e81;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.status{font-size:13px}.status.active{color:#34d399}.status.inactive{color:#f87171}.muted{color:#64748b;font-size:14px}.api-key{background:#0f1117;border:1px solid #2d3148;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.api-key .label{color:#64748b;text-transform:uppercase;font-size:11px}.api-key code{color:#818cf8;word-break:break-all;font-size:12px}.domain-list{flex-direction:column;gap:12px;display:flex}.domain-card{gap:8px}.domain-header{justify-content:space-between;align-items:center;display:flex}.algo{color:#818cf8;font-size:12px}.form{flex-direction:column;gap:12px;display:flex}input{color:#e2e8f0;background:#0f1117;border:1px solid #2d3148;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}input:focus{border-color:#818cf8}input::placeholder{color:#475569}button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:#4338ca}button:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#ef4444;background:0 0;border:1px solid #ef4444;padding:6px 14px;font-size:13px}.btn-danger:hover:not(:disabled){color:#fff;background:#ef4444}.error{color:#f87171;font-size:13px}.empty-state{color:#64748b;text-align:center;padding:40px}.login-page{background:#0f1117;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#1a1d27;border:1px solid #2d3148;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:400px;padding:40px;display:flex}.login-logo{align-items:center;gap:12px;display:flex}.login-logo span{font-size:28px}.login-logo h1{color:#818cf8;font-size:24px;font-weight:700}.login-subtitle{color:#64748b;font-size:14px;line-height:1.5}.alert{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.alert-trial{color:#a5b4fc;background:#1e1b4b;border:1px solid #4338ca}.alert-warning{color:#fbbf24;background:#1c1917;border:1px solid #d97706}.alert-danger{color:#f87171;background:#1c0a0a;border:1px solid #dc2626}.alert-success{color:#4ade80;background:#052e16;border:1px solid #16a34a;border-radius:8px;padding:12px 14px;font-size:14px}.alert-action{color:inherit;white-space:nowrap;font-weight:600;text-decoration:none}.alert-action:hover{text-decoration:underline}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{background:#1a1d27;border:1px solid #2d3148;border-radius:12px;flex-direction:column;gap:6px;padding:20px;display:flex}.stat-value{color:#e2e8f0;font-size:22px;font-weight:700}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.btn-link{color:#818cf8;font-size:14px;font-weight:600;text-decoration:none}.btn-link:hover{text-decoration:underline}.btn-secondary{color:#94a3b8;background:0 0;border:1px solid #2d3148;padding:6px 14px;font-size:13px}.btn-secondary:hover:not(:disabled){color:#e2e8f0;background:#2d3148}.domain-actions{gap:8px;display:flex}.dns-instructions{background:#0f1117;border:1px solid #2d3148;border-radius:8px;flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.dns-instructions h3{color:#818cf8;font-size:14px;font-weight:600}.dns-instructions p{color:#94a3b8;font-size:13px}.dns-record{flex-direction:column;gap:8px;display:flex}.dns-row{align-items:center;gap:12px;display:flex}.dns-label{color:#64748b;text-transform:uppercase;flex-shrink:0;width:60px;font-size:12px}.dns-row code{color:#818cf8;background:#1a1d27;border:1px solid #2d3148;border-radius:4px;padding:4px 8px;font-size:13px}.hint{color:#64748b;font-size:12px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#94a3b8;font-size:13px;font-weight:500}.billing-summary{color:#94a3b8;padding:4px 0;font-size:14px}.billing-info{flex-direction:column;gap:10px;display:flex}.billing-row{border-bottom:1px solid #2d3148;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.billing-row:last-child{border-bottom:none}.billing-row.total{color:#818cf8;font-size:16px;font-weight:700}.badge-green{color:#4ade80;background:#052e16}.badge-yellow{color:#fbbf24;background:#1c1917}.badge-red{color:#f87171;background:#1c0a0a}.badge-blue{color:#a5b4fc;background:#1e1b4b}input:disabled{opacity:.5;cursor:not-allowed}