*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fb;color:#142033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:flex}.sidebar{width:272px;background:linear-gradient(180deg,#0b1424 0%,#0f1d31 52%,#0b1728 100%);color:#dce6f4;padding:18px 13px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;box-shadow:12px 0 35px rgba(11,23,40,.08)}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2d4668 transparent;padding-right:3px}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#2d4668;border-radius:10px}.brand{display:flex;gap:11px;align-items:center;padding:7px 10px 19px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4f7cff,#795cff);display:grid;place-items:center;font-weight:850;color:white;font-size:18px;box-shadow:0 8px 22px rgba(73,105,222,.28);flex:none}.brand strong{display:block;color:#fff;font-size:14px;letter-spacing:-.2px}.brand small,.user-mini small{display:block;color:#8190a7;font-size:10px;margin-top:3px}.nav-section{font-size:9px;letter-spacing:1.5px;color:#5f718d;font-weight:850;margin:19px 10px 7px}.nav-item{display:flex;gap:11px;align-items:center;color:#aab9cf;text-decoration:none;padding:10px 11px;border-radius:10px;font-size:12px;margin:2px 0;transition:.15s ease}.nav-item span{width:17px;text-align:center;color:#6e83a2;font-size:13px}.nav-item:hover{background:#17283f;color:#fff;transform:translateX(1px)}.nav-item.active{background:linear-gradient(90deg,#243c60,#1b2f4b);color:#fff;box-shadow:inset 3px 0 #688cff,0 5px 14px rgba(0,0,0,.08)}.side-bottom{margin-top:auto;padding-top:10px}.user-mini{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding:13px 8px}.user-mini b{font-size:11px;color:#eef3fa;display:block}.avatar{width:32px;height:32px;border-radius:10px;background:#263b5b;display:grid;place-items:center;font-weight:750}.logout{font-size:11px;color:#8797ad;text-decoration:none;padding:0 8px 4px}.main{margin-left:272px;min-height:100vh;width:calc(100% - 272px)}.header{height:82px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e6ebf2;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.eyebrow,.kicker{font-size:9px;color:#7a8ca8;font-weight:850;letter-spacing:1.5px}.header h1{font-size:22px;letter-spacing:-.5px;margin:3px 0 0}.header-actions{display:flex;gap:10px;align-items:center}.status-dot{font-size:10px;color:#24734a;background:#eefaf3;border:1px solid #d2eedf;border-radius:999px;padding:7px 10px}.icon-btn{width:34px;height:34px;border:1px solid #dde4ee;border-radius:9px;display:grid;place-items:center;color:#50617b;text-decoration:none;background:#fff}.content{padding:27px 32px 48px;max-width:1680px}.toast{padding:12px 15px;background:#edf8f1;color:#23683f;border:1px solid #cdebd8;border-radius:10px;margin-bottom:18px;box-shadow:0 7px 18px rgba(27,86,54,.04)}.hero{background:radial-gradient(circle at 85% 20%,rgba(96,135,255,.25),transparent 25%),linear-gradient(135deg,#10213a,#1c3559);border-radius:18px;color:#fff;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 16px 40px rgba(17,36,66,.14)}.hero h2{font-size:26px;letter-spacing:-.7px;margin:0 0 7px}.hero p{margin:0;color:#b9c7da;font-size:12px;max-width:720px;line-height:1.65}.hero-badge{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:13px;padding:14px 18px;min-width:165px}.hero-badge b{font-size:21px;display:block}.hero-badge small{color:#aab9cc}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat,.card{background:#fff;border:1px solid #e4eaf2;border-radius:15px;padding:18px;box-shadow:0 6px 20px rgba(20,32,54,.035)}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-20px;bottom:-30px;width:90px;height:90px;border-radius:50%;background:#f0f4ff}.stat small{color:#718098;font-size:10px;font-weight:800;letter-spacing:.7px}.stat b{display:block;font-size:25px;margin-top:7px;position:relative;z-index:1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-hero{background:linear-gradient(135deg,#fff,#f7faff);border:1px solid #e2e9f2;border-radius:18px;padding:23px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.service-hero h2{font-size:24px;letter-spacing:-.6px;margin:4px 0 4px}.service-hero p{margin:0;color:#738198;font-size:12px}.live-badge{padding:8px 11px;border:1px solid #dce7e1;background:#f2faf5;border-radius:999px;font-size:10px;color:#31714f;font-weight:750;white-space:nowrap}.live-badge i{display:inline-block;width:7px;height:7px;background:#32a86b;border-radius:50%;margin-right:6px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.section-head h2,.section-head h3{margin:3px 0 4px}.section-head p{margin:0;color:#7a8799;font-size:11px}.narrow-card{max-width:850px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:15px}.search-form{display:flex;gap:8px;max-width:520px;flex:1}.search-form input{min-width:180px}.context-bar{background:#fff;border:1px solid #e3e9f1;padding:12px;border-radius:13px;margin-bottom:16px;box-shadow:0 5px 18px rgba(20,32,54,.03)}.context-form{display:flex;gap:9px;align-items:center}.context-form select{max-width:360px}.btn,button{background:#315bd8;border:0;color:#fff;padding:9px 13px;border-radius:8px;font-weight:700;font-size:11px;cursor:pointer;text-decoration:none;display:inline-block;transition:.15s ease;white-space:nowrap}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(49,91,216,.15)}.btn.secondary,button.secondary{background:#eef2f7;color:#33435d}.btn.danger,button.danger{background:#c83c4b}.btn.success{background:#21845a}.btn.small,button.small{padding:6px 9px;font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label,.stack-form label{display:block;font-size:10px;font-weight:750;color:#53627a;margin:0 0 5px}.stack-form{display:flex;flex-direction:column;gap:11px}.form-actions{grid-column:1/-1}.input,select,textarea,input{font:inherit;border:1px solid #d5deea;border-radius:8px;padding:10px;background:#fff;width:100%;outline:none;color:#1b2940}.input:focus,input:focus,select:focus,textarea:focus{border-color:#7594ed;box-shadow:0 0 0 3px #edf1ff}.table-wrap{overflow:auto;border:1px solid #edf0f5;border-radius:11px}table{border-collapse:collapse;width:100%;font-size:11px}th{background:#f8f9fc;color:#68778e;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.6px}th,td{padding:11px 10px;border-bottom:1px solid #edf0f5;vertical-align:middle}tbody tr:hover{background:#fbfcfe}tbody tr:last-child td{border-bottom:0}.pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;background:#eef2f7;color:#5d6b80}.pill.green{background:#eaf8f0;color:#21734b}.pill.red{background:#fff0f1;color:#a92e3d}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;word-break:break-word}.resource-link{font-weight:750;color:#2d57c5;text-decoration:none}.resource-link:hover{text-decoration:underline}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.site-card{background:#fff;border:1px solid #e3e9f1;border-radius:15px;padding:17px;box-shadow:0 6px 20px rgba(20,32,54,.035);transition:.16s ease;position:relative}.site-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,32,54,.08);border-color:#ced9ea}.site-top{display:flex;justify-content:space-between;align-items:center}.site-icon{width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,#eaf0ff,#f2efff);color:#4969d9;display:grid;place-items:center;font-weight:850}.site-card h3{font-size:15px;letter-spacing:-.2px;margin:13px 0}.site-meta{display:grid;grid-template-columns:68px 1fr;gap:6px 9px;margin-bottom:14px}.site-meta span{font-size:9px;color:#8a95a5}.site-meta b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.danger-inline{margin-top:8px}.empty,.empty-state{text-align:center;color:#8390a4;padding:40px 20px}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #ccd7e6;border-radius:14px}.kv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kv-grid>div{background:#f8fafc;border:1px solid #e9eef5;border-radius:10px;padding:11px}.kv-grid small{display:block;color:#8190a4;font-size:9px}.kv-grid b{display:block;margin-top:5px;font-size:12px}.file-grid{display:flex;flex-direction:column}.file-row{display:flex;align-items:center;gap:11px;padding:11px 4px;border-bottom:1px solid #eef1f5}.file-row:last-child{border-bottom:0}.file-icon{width:28px;height:28px;border-radius:8px;background:#eef3ff;color:#4666ce;display:grid;place-items:center}.file-row b{display:block;font-size:11px}.file-row small{display:block;color:#8995a7;font-size:9px;margin-top:3px}.info-list{display:flex;flex-direction:column;gap:0}.info-list div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf0f5;font-size:10px}.info-list div:last-child{border-bottom:0}.info-list span{color:#7d899a}.info-list b{font-weight:700;text-align:right}.log-box{background:#0b1321;color:#d7e2f3;border-radius:11px;padding:15px;font-family:ui-monospace,monospace;font-size:10px;overflow:auto;max-height:380px}.info-banner,.warning{padding:13px 15px;border-radius:10px;background:#f5f8ff;color:#52627c;border:1px solid #dfe7f6;font-size:11px;margin-top:15px}.danger-zone{border:1px solid #f2d0d4}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#e8efff,#f5f7fb 55%)}.auth-card{width:min(430px,92vw);background:#fff;border:1px solid #e3e9f1;border-radius:18px;padding:32px;box-shadow:0 20px 60px rgba(18,32,54,.1)}.auth-card h1{margin:0 0 5px}.auth-card p{font-size:12px;color:#718098;margin-bottom:25px}.auth-card label{display:block;font-size:11px;font-weight:700;margin:13px 0 5px}.auth-card button{width:100%;margin-top:17px;padding:12px}.muted{color:#7a879a;font-size:11px}.success-box{padding:15px;background:#f0faf4;border:1px solid #d2eddd;border-radius:10px;color:#3b7254;font-size:11px}.api-result{background:#0b1321;color:#d7e2f3;border-radius:11px;padding:15px;font-family:ui-monospace,monospace;font-size:10px;overflow:auto}.warning{background:#fff8e8;color:#795b18;border-color:#f1dfad}.service-card{transition:.15s;border:1px solid #e5eaf2;background:#fff;border-radius:14px;padding:18px;text-decoration:none;color:inherit;display:block}.service-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,35,60,.08);border-color:#cbd7ec}.service-icon{width:38px;height:38px;border-radius:10px;background:#eef3ff;color:#4269d8;display:grid;place-items:center;font-weight:800;margin-bottom:13px}.service-card h3{font-size:14px;margin:0 0 5px}.service-card p{margin:5px 0 0;color:#6c7890;font-size:11px;line-height:1.6}@media(max-width:1200px){.site-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:230px}.main{margin-left:230px;width:calc(100% - 230px)}.grid3{grid-template-columns:1fr 1fr}}@media(max-width:720px){.sidebar{position:static;width:100%;height:auto;max-height:none}.sidebar-scroll{overflow:visible}.shell{display:block}.main{margin:0;width:100%}.side-bottom{display:none}.content,.header{padding:18px}.grid,.grid2,.grid3,.site-grid,.stats,.form-grid{grid-template-columns:1fr}.header{height:auto;position:static}.header-actions{display:none}.hero,.service-hero{display:block}.hero-badge,.live-badge{margin-top:15px;display:inline-block}.context-form,.toolbar{align-items:stretch;flex-direction:column}.search-form{max-width:none}.kv-grid{grid-template-columns:1fr}.brand{padding-bottom:14px}}

.dns-selector{margin-bottom:16px}.dns-context-form{flex-wrap:wrap}.dns-context-form select{flex:1;min-width:260px}.dns-context-form input[name=domain_manual]{flex:1;min-width:220px;max-width:360px}.or-divider{font-size:10px;color:#9aa6b7;font-weight:700}.pill.blue{background:#edf3ff;color:#4266c8}.dns-error{display:flex;gap:14px;align-items:flex-start;border-color:#f1d2d6;background:#fffafb;margin-bottom:16px}.error-icon{width:32px;height:32px;border-radius:10px;background:#fff0f1;color:#b33242;display:grid;place-items:center;font-weight:900;flex:none}.dns-error h3{margin:4px 0 6px;font-size:15px}.dns-error p{margin:4px 0;line-height:1.6}.dns-value{max-width:520px}