.page{min-height:100vh;background-color:#121414;font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow-x:hidden}.glowRight{top:20%;right:-8%;width:560px;height:560px;background:rgba(255,140,0,.05);filter:blur(120px)}.glowLeft,.glowRight{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.glowLeft{bottom:10%;left:-8%;width:400px;height:400px;background:rgba(255,140,0,.03);filter:blur(100px)}.outerWrapper{position:relative;z-index:1;display:flex;gap:24px;align-items:flex-start;padding:130px 24px 80px;max-width:1440px;margin:0 auto}.sidebar{width:256px;min-width:256px;position:sticky;top:24px;background:linear-gradient(135deg,#1e2020,#1a1a1a);border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:20px 12px;height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 25px 60px rgba(0,0,0,.4)}.content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:18px}.card{background:#1a1f26;border:1px solid rgba(255,255,255,.07);border-radius:14px}.card,.welcomeBanner{box-shadow:0 4px 24px rgba(0,0,0,.3)}.welcomeBanner{background:linear-gradient(120deg,#1f1c0e,#1a1f26 55%,#141414);border:1px solid rgba(255,140,0,.12);border-radius:14px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.welcomeLeft{flex:1 1;min-width:0}.badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:9999px;background:rgba(255,140,0,.1);border:1px solid rgba(255,140,0,.2);color:#ff8c00;font-size:.78rem;font-weight:600;margin-bottom:12px;letter-spacing:.03em}.heading{color:#e2e2e2;font-size:1.875rem;font-weight:800;line-height:1.2;margin-bottom:8px}.headingAccent{color:#ff8c00}.subheading{color:#a48c7a;font-size:.875rem;line-height:1.65;max-width:460px}.filterBar{background:#1a1f26;border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3);padding:18px 24px;justify-content:space-between}.filterBar,.filterLeft{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.inputGroup{display:flex;flex-direction:column;gap:6px}.inputLabel{font-size:.72rem;font-weight:600;color:#a48c7a;letter-spacing:.05em;text-transform:uppercase}.select{padding:9px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e2e2;font-size:.875rem;font-family:inherit;cursor:pointer;outline:none;transition:border-color .18s;min-width:160px}.select:focus{border-color:rgba(255,140,0,.4)}.select option{background:#1a1f26}.searchBox{display:flex;align-items:center;gap:10px;padding:9px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:border-color .18s;min-width:240px}.searchBox:focus-within{border-color:rgba(255,140,0,.4)}.searchIcon{color:#a48c7a;font-size:16px;flex-shrink:0}.searchInput{background:none;border:none;outline:none;color:#e2e2e2;font-size:.875rem;font-family:inherit;width:100%}.searchInput::placeholder{color:#a48c7a}.balanceBox{gap:14px;padding:16px 20px;background:rgba(255,140,0,.06);border:1px solid rgba(255,140,0,.14);min-width:240px;flex-shrink:0}.balanceBox,.balanceIconBox{display:flex;align-items:center;border-radius:10px}.balanceIconBox{width:48px;height:48px;min-width:48px;background:rgba(255,140,0,.1);justify-content:center;color:#ff8c00;font-size:20px}.balanceInfo{display:flex;flex-direction:column;gap:1px}.balanceLabel{color:#a48c7a;font-size:.78rem;font-weight:500}.balanceAmount{color:#e2e2e2;font-size:1.6rem;font-weight:800;line-height:1.1}.addFundsBtn{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:7px 13px;background:#ff8c00;color:#4d2600;border:none;border-radius:6px;font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 3px 12px rgba(255,140,0,.22);transition:filter .18s,box-shadow .18s;width:fit-content}.addFundsBtn:hover{filter:brightness(1.08);box-shadow:0 6px 20px rgba(255,140,0,.32)}.bentoGrid{display:grid;grid-template-columns:1fr 1.5fr 260px;gap:16px;align-items:stretch}.urgentCard{background:#1a1f26;border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3);padding:22px;display:flex;flex-direction:column}.urgentTitle{font-size:1rem;font-weight:700;color:#e2e2e2;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.urgentList{display:flex;flex-direction:column;flex:1 1}.urgentItem{display:flex;align-items:center;gap:12px;padding:13px 0;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:opacity .18s}.urgentItem:last-child{border-bottom:none}.urgentItem:hover{opacity:.75}.urgentIconBox{width:38px;height:38px;min-width:38px;border-radius:8px;background:rgba(229,57,53,.12);display:flex;align-items:center;justify-content:center;color:#ef5350;font-size:16px}.urgentText{flex:1 1;min-width:0}.urgentItemTitle{font-size:.82rem;font-weight:700;color:#e2e2e2;display:flex;align-items:center;gap:4px;margin-bottom:1px}.urgentArrow{color:#ef5350;flex-shrink:0;margin-left:auto}.urgentDesc{font-size:.72rem;color:#a48c7a;line-height:1.4}.statsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.statCard{border-radius:12px;padding:20px 18px 18px;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,box-shadow .2s}.statCard:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.4)}.statCard1{background:linear-gradient(145deg,#6b3fa0,#4a2580 40%,#3b1f70)}.statCard2{background:linear-gradient(145deg,#9b3d9b,#6b2fa0 40%,#8b3080)}.statCard3{background:linear-gradient(145deg,#2563eb,#1d4ed8 40%,#1e3fa8)}.statCard4{background:linear-gradient(145deg,#0d9488,#0f766e 40%,#115e59)}.statIconBox{width:44px;height:44px;border-radius:9px;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-bottom:14px}.statDivider{height:1px;background:rgba(255,255,255,.18);margin-bottom:12px}.statNumber{font-size:2.25rem;font-weight:800;color:#fff;line-height:1;margin-bottom:3px}.statLabel{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:4px}.statDesc{font-size:.74rem;color:rgba(255,255,255,.55);line-height:1.45;flex:1 1;margin-bottom:14px}.statBtn{display:block;width:100%;padding:9px 0;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.28);border-radius:6px;color:#fff;font-size:.8rem;font-weight:700;font-family:inherit;cursor:pointer;text-align:center;transition:background .18s;margin-top:auto}.statBtn:hover{background:rgba(255,255,255,.2)}.promoBanner{background:linear-gradient(160deg,#1e2a40,#162236 55%,#111a2e);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:26px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 24px rgba(0,0,0,.3)}.promoLabel{font-size:.8rem;color:#7da4d8;font-weight:500;margin-bottom:6px}.promoHeading{font-size:1.3rem;font-weight:800;color:#e2e2e2;line-height:1.35;margin-bottom:8px}.promoSub{font-size:.8rem;color:#7da4d8;margin-bottom:24px;flex:1 1}.promoBtn{display:block;width:100%;padding:11px 0;background:#ff8c00;color:#4d2600;border:none;border-radius:8px;font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;text-align:center;box-shadow:0 4px 16px rgba(255,140,0,.25);transition:filter .18s,box-shadow .18s;margin-top:auto}.promoBtn:hover{filter:brightness(1.08);box-shadow:0 8px 24px rgba(255,140,0,.35)}.renewalsRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tableBox{background:#1a1f26;border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3);overflow:hidden}.tableHead{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.tableTitle{font-size:1.075rem;font-weight:700;color:#e2e2e2}.tableWrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table thead{background:rgba(255,255,255,.03)}.table th{padding:11px 18px;text-align:left;color:#a48c7a;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}.table td{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.04);color:#ddc1ae;font-size:.9rem}.table tbody tr:last-child td{border-bottom:none}.noData{text-align:center;padding:44px 20px!important;color:#a48c7a!important;font-size:.875rem}.banner{background:linear-gradient(120deg,#1f1c0e,#1a1f26 55%,#141414);border:1px solid rgba(255,140,0,.12);border-radius:14px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 4px 24px rgba(0,0,0,.3);flex-wrap:wrap}.bannerLeft{flex:1 1;min-width:0}.serviceSection{background:#1a1f26;border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3);overflow:hidden}.sectionHead{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sectionTitle{font-size:1.075rem;font-weight:700;color:#e2e2e2;margin-bottom:2px}.sectionSub{font-size:.78rem;color:#a48c7a}.sectionCount{display:inline-flex;align-items:center;padding:5px 12px;border-radius:9999px;background:rgba(255,140,0,.08);border:1px solid rgba(255,140,0,.18);color:#ff8c00;font-size:.78rem;font-weight:700;white-space:nowrap}.serviceInfo{gap:12px}.serviceIcon,.serviceInfo{display:flex;align-items:center}.serviceIcon{width:38px;height:38px;min-width:38px;border-radius:8px;background:rgba(255,140,0,.08);border:1px solid rgba(255,140,0,.15);justify-content:center;color:#ff8c00;font-size:16px}.serviceDomain{font-size:.9rem;font-weight:700;color:#e2e2e2;margin-bottom:2px}.servicePlan{font-size:.76rem;color:#a48c7a}.statusBadge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600}.statusActive{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#34d399}.statusSuspended{background:rgba(229,57,53,.1);border:1px solid rgba(229,57,53,.25);color:#ef5350}.statusPending{background:rgba(255,140,0,.1);border:1px solid rgba(255,140,0,.25);color:#ff8c00}.statusTerminated{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#a48c7a}.detailsBtn{padding:7px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e2e2e2;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s;white-space:nowrap}.detailsBtn:hover{background:rgba(255,140,0,.1);border-color:rgba(255,140,0,.3);color:#ff8c00}.skeletonWrap{display:flex;flex-direction:column;gap:10px;padding:12px 0}.skeletonRow{height:44px;border-radius:8px;background:linear-gradient(90deg,#1e2020 25%,#2a2d2d 50%,#1e2020 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.06)}.pageInfo{color:#a48c7a;font-size:.78rem;margin-right:8px}.pageBtn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#e2e2e2;font-size:.78rem;font-weight:600;cursor:pointer}.pageBtn:hover:not(:disabled){background:rgba(255,140,0,.12);border-color:rgba(255,140,0,.3);color:#ff8c00}.pageBtn:disabled{opacity:.4;cursor:not-allowed}.pageBtnActive{background:rgba(255,140,0,.15);border-color:#ff8c00;color:#ff8c00}.tabsCard{background:#13161a;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;box-shadow:0 4px 32px rgba(0,0,0,.4)}.tabPanel{width:100%}.tabHeaders{display:flex;gap:2px;padding:14px 20px 0;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.07)}.tabBtn{padding:11px 24px;font-size:1.15rem;font-weight:700;font-family:inherit;cursor:pointer;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;background:rgba(255,255,255,.03);color:#6b7280;transition:color .22s,background .22s,border-color .22s,box-shadow .22s;position:relative;bottom:-1px;display:inline-flex;align-items:center;gap:9px;letter-spacing:.01em}.tabBtn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;border-radius:3px 3px 0 0;transition:background .22s}.tabIcon{font-size:1.4rem;line-height:1;transition:color .22s,transform .22s,filter .22s;color:#4b5563}.tabBtnOverview.tabBtnActive{color:#22d3ee;background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.2);box-shadow:0 -2px 16px rgba(34,211,238,.08)}.tabBtnOverview.tabBtnActive:after{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.tabBtnOverview.tabBtnActive .tabIcon{color:#22d3ee;filter:drop-shadow(0 0 6px rgba(34,211,238,.6))}.tabBtnOverview:not(.tabBtnActive):hover{color:#67e8f9;background:rgba(34,211,238,.05);border-color:rgba(34,211,238,.1)}.tabBtnOverview:not(.tabBtnActive):hover .tabIcon{color:#67e8f9;transform:scale(1.15)}.tabBtnModify.tabBtnActive{color:#c084fc;background:rgba(192,132,252,.08);border-color:rgba(192,132,252,.2);box-shadow:0 -2px 16px rgba(192,132,252,.08)}.tabBtnModify.tabBtnActive:after{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.tabBtnModify.tabBtnActive .tabIcon{color:#c084fc;filter:drop-shadow(0 0 6px rgba(192,132,252,.6))}.tabBtnModify:not(.tabBtnActive):hover{color:#d8b4fe;background:rgba(192,132,252,.05);border-color:rgba(192,132,252,.1)}.tabBtnModify:not(.tabBtnActive):hover .tabIcon{color:#d8b4fe;transform:scale(1.15)}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.06)}.infoCard{background:#13161a;padding:22px 28px;display:flex;flex-direction:column;gap:10px;transition:background .15s}.infoCard:hover{background:#161a1f}.infoLabel{font-size:.82rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9eb0c2}.infoValue{font-size:1.1rem;font-weight:500;color:#e2e2e2}.infoValueRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.statusBadge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.statusSuccess{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#34d399}.statusDefault{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#9ca3af}.lockBadge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:7px;font-size:.95rem;font-weight:700;letter-spacing:.01em}.lockLocked{background:#ef4444;border:1px solid #ef4444;color:#fff}.lockUnlocked{background:#10b981;border:1px solid #10b981;color:#fff}.lockHint{font-size:.82rem;color:#9eb0c2;line-height:1.4}.actionBtn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:rgba(255,140,0,.08);color:#ff8c00;border:1px solid rgba(255,140,0,.22);border-radius:7px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.actionBtn:hover{background:rgba(255,140,0,.15);border-color:rgba(255,140,0,.4);box-shadow:0 0 12px rgba(255,140,0,.1)}.unlockBtn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;color:#9ca3af;border:1px solid rgba(255,255,255,.18);border-radius:7px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.unlockBtn:hover{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.4);color:#34d399}.lockBtn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;color:#9ca3af;border:1px solid rgba(255,255,255,.18);border-radius:7px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.lockBtn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4);color:#f87171}.contactForm{padding:28px 28px 24px;display:flex;flex-direction:column;gap:24px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.formField{display:flex;flex-direction:column;gap:7px}.formFieldFull{grid-column:span 2}.formLabel{font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6b7280}.formInput{padding:10px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#e2e2e2;font-size:1rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box;transition:border-color .18s,background .18s}.formInput:focus{border-color:rgba(255,140,0,.4);background:rgba(255,140,0,.02)}.formNote{padding:11px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#9ca3af;font-size:.95rem;line-height:1.65;margin:0}.formWarning{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);border-left:3px solid #ef4444;border-radius:10px}.formWarningIcon{width:36px;height:36px;min-width:36px;border-radius:8px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;color:#f87171;font-size:20px}.formWarningBody{display:flex;flex-direction:column;gap:4px}.formWarningTitle{font-size:.95rem;font-weight:700;color:#f87171;letter-spacing:.01em}.formWarningText{font-size:.95rem;color:rgba(248,113,113,.75);line-height:1.6}.formActions{display:flex;justify-content:flex-end}.formStatus{padding:11px 14px;border-radius:8px;font-size:.9rem;font-weight:600;line-height:1.5}.formStatusSuccess{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#34d399}.formStatusError{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#f87171}.submitBtn{display:inline-flex;align-items:center;gap:7px;padding:10px 28px;background:#ff8c00;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 16px rgba(255,140,0,.25);transition:filter .18s,box-shadow .18s}.submitBtn:hover{filter:brightness(1.08);box-shadow:0 8px 24px rgba(255,140,0,.35)}.sectionHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.sectionTitleRow{gap:10px}.sectionIcon,.sectionTitleRow{display:flex;align-items:center}.sectionIcon{width:34px;height:34px;min-width:34px;border-radius:8px;background:rgba(255,140,0,.1);border:1px solid rgba(255,140,0,.2);justify-content:center;color:#ff8c00;font-size:1.15rem}.sectionFooter{padding:18px 24px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-start}.nsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:22px 24px}.addBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#ff8c00;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(255,140,0,.25);transition:filter .18s,box-shadow .18s}.addBtn:hover{filter:brightness(1.1);box-shadow:0 6px 20px rgba(255,140,0,.35)}.addBtn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.dnsFilterRow{display:flex;align-items:center;gap:8px;padding:16px 24px 18px;flex-wrap:wrap}.dnsFilterChip{display:inline-flex;align-items:center;padding:5px 14px;background:rgba(255,255,255,.03);color:#9ca3af;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:.82rem;font-weight:700;font-family:inherit;letter-spacing:.05em;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.dnsFilterChip:hover{color:#e2e2e2;border-color:rgba(255,255,255,.18)}.dnsFilterChipActive{background:rgba(255,140,0,.1);border-color:rgba(255,140,0,.3);color:#ff8c00}.dnsSearchInput{margin-left:auto;padding:6px 14px;background:rgba(255,255,255,.03);color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:.82rem;font-family:inherit;min-width:200px;outline:none;transition:border-color .15s,background .15s}.dnsSearchInput::placeholder{color:#6b7280}.dnsSearchInput:focus{border-color:rgba(255,140,0,.3);background:rgba(255,255,255,.05)}.dnsTableWrapper{overflow-x:auto}.dnsTable{width:100%;border-collapse:collapse;font-size:1rem;table-layout:fixed}.dnsTable td:first-child,.dnsTable th:first-child{width:90px}.dnsTable td:nth-child(2),.dnsTable th:nth-child(2){width:20%}.dnsTable td:nth-child(4),.dnsTable th:nth-child(4){width:90px}.dnsTable td:nth-child(5),.dnsTable th:nth-child(5){width:80px}.dnsTable td:nth-child(6),.dnsTable th:nth-child(6){width:230px}.dnsTable thead tr{background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.07)}.dnsTable th{padding:12px 20px;text-align:left;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4b5563}.dnsTable tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.dnsTable tbody tr:last-child{border-bottom:none}.dnsTable tbody tr:hover{background:rgba(255,255,255,.02)}.dnsTable td{padding:14px 20px;color:#c4c4c4;vertical-align:middle}.typeBadge{display:inline-flex;align-items:center;padding:3px 10px;background:rgba(255,140,0,.08);border:1px solid rgba(255,140,0,.2);border-radius:6px;font-size:.875rem;font-weight:700;color:#ff8c00;letter-spacing:.05em}.hostCell{color:#e2e2e2}.hostCell,.pointsCell{font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;white-space:normal;word-break:break-all}.pointsCell{color:#9ca3af}.emptyCell{color:#374151}.actionGroup{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.actionGroup button{white-space:nowrap}.editBtn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:rgba(34,211,238,.07);color:#22d3ee;border:1px solid rgba(34,211,238,.18);border-radius:6px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.editBtn:hover{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.35)}.removeBtn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:rgba(239,68,68,.07);color:#f87171;border:1px solid rgba(239,68,68,.18);border-radius:6px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.removeBtn:hover{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35)}.saveBtn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:rgba(34,197,94,.08);color:#4ade80;border:1px solid rgba(34,197,94,.2);border-radius:6px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.saveBtn:hover{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.4)}.tableInput{width:100%;min-width:90px;padding:6px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:6px;color:#e2e2e2;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .18s,background .18s}.tableInput:focus{border-color:rgba(255,140,0,.4);background:rgba(255,140,0,.02)}.tableSelect{cursor:pointer}.tableSelect,.tableTextarea{width:100%;min-width:90px;padding:6px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:6px;color:#e2e2e2;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .18s,background .18s}.tableTextarea{resize:vertical;min-height:120px;font-family:JetBrains Mono,Courier New,monospace;word-break:break-all}.dnsRowMessage{display:flex;align-items:center;gap:5px;margin-top:8px;padding:0;background:none;border:none;border-radius:0;font-size:.78rem;font-weight:600;line-height:1.4}.dnsRowMessage:before{content:"";width:5px;height:5px;min-width:5px;border-radius:50%;background:currentColor}.modalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000}.modalBox{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;max-width:360px;width:90%;text-align:center}.modalText{margin:0 0 18px;font-size:.95rem;color:#e5e7eb}.modalActions{display:flex;justify-content:center;gap:12px}@media (max-width:1100px){.bentoGrid{grid-template-columns:1fr 1.5fr}}@media (max-width:1024px){.outerWrapper{flex-direction:column;padding-top:100px}.sidebar{width:100%;min-width:100%;height:auto;position:relative;top:0;display:none}.bentoGrid{grid-template-columns:1fr 1fr}.promoBanner{grid-column:span 2}.renewalsRow{grid-template-columns:1fr}.content{width:100%}}@media (max-width:768px){.outerWrapper{padding:90px 16px 60px}.banner,.welcomeBanner{flex-direction:column;align-items:flex-start}.balanceBox{width:100%;min-width:100%}.bentoGrid{grid-template-columns:1fr}.promoBanner{grid-column:span 1}.statsGrid{grid-template-columns:1fr 1fr}.filterBar{align-items:stretch}.filterBar,.filterLeft{flex-direction:column}.searchBox,.select{min-width:100%}.formGrid,.infoGrid{grid-template-columns:1fr}.formFieldFull{grid-column:span 1}.contactForm{padding:20px 16px}.nsGrid{grid-template-columns:1fr}}@media (max-width:480px){.statsGrid{grid-template-columns:1fr}.heading{font-size:1.5rem}.tabBtn{padding:9px 14px;font-size:1.05rem}.infoCard{padding:16px 20px}}@media (max-width:640px){.cardTable table,.cardTable tbody,.cardTable td,.cardTable tr{display:block;width:100%}.cardTable thead{display:none}.cardTable tbody tr{margin-bottom:12px;padding:14px 16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:12px}.cardTable tbody tr:last-child{margin-bottom:0}.cardTable td{padding:7px 0;border-bottom:none!important}.cardTable td.cellMain{padding:0 0 12px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)!important}.cardTable td[data-label]{display:flex;align-items:center;justify-content:space-between;gap:12px}.cardTable td[data-label]:before{content:attr(data-label);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#a48c7a;flex-shrink:0}.cardTable td.cellAction:empty{display:none;padding:0}.cardTable td.cellAction .detailsBtn{display:block;width:100%;text-align:center}.cardTable .dnsTable td:first-child,.cardTable .dnsTable td:nth-child(2),.cardTable .dnsTable td:nth-child(3),.cardTable .dnsTable td:nth-child(4),.cardTable .dnsTable td:nth-child(5),.cardTable .dnsTable td:nth-child(6){width:100%}.cardTable .dnsTable td.cellAction{display:flex;flex-direction:column;gap:8px}.cardTable .dnsTable .actionGroup{flex-wrap:wrap}.dnsFilterRow{flex-direction:column;align-items:stretch}.dnsSearchInput{margin-left:0;width:100%;min-width:0;box-sizing:border-box}.tabHeaders{flex-wrap:wrap}.ticketRow{grid-template-columns:1fr!important}.ticketMetaCol{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.07)}.popupGrid{grid-template-columns:1fr!important}}.ticketRow{grid-template-columns:220px 1fr}.ticketMetaCol{border-right:1px solid rgba(255,255,255,.07)}.popupGrid{grid-template-columns:1fr 1fr}