:root{--primary-color: #1890ff;--primary-gradient-start: #3b82f6;--primary-gradient-end: #4f46e5;--danger-color: #ff4d4f;--danger-gradient-start: #ef4444;--danger-gradient-end: #b91c1c;--success-color: #52c41a;--warning-color: #faad14;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-light: #f9fafb;--border-color: #e5e7eb}.dm-full-width{width:100%}.dm-full-height{height:100%}.dm-flex{display:flex}.dm-flex-col{display:flex;flex-direction:column}.dm-items-center{align-items:center}.dm-justify-between{justify-content:space-between}.dm-justify-center{justify-content:center}.dm-justify-end{justify-content:flex-end}.dm-gap-2{gap:.5rem}.dm-gap-3{gap:.75rem}.dm-gap-4{gap:1rem}.dm-mb-2{margin-bottom:.5rem}.dm-mb-3{margin-bottom:.75rem}.dm-mb-4{margin-bottom:1rem}.dm-mb-6{margin-bottom:1.5rem}.dm-mt-1{margin-top:.25rem}.dm-mt-2{margin-top:.5rem}.dm-mt-3{margin-top:.75rem}.dm-mt-6{margin-top:1.5rem}.dm-text-sm{font-size:.875rem}.dm-text-xs{font-size:.75rem}.dm-text-lg{font-size:1.125rem}.dm-text-xl{font-size:1.25rem}.dm-text-2xl{font-size:1.5rem}.dm-font-bold{font-weight:700}.dm-font-semibold{font-weight:600}.dm-text-blue{color:var(--primary-color)}.dm-text-green{color:var(--success-color)}.dm-text-warning{color:var(--warning-color)}.dm-text-danger{color:var(--danger-color)}.dm-text-secondary{color:var(--text-secondary)}.dm-text-white{color:#fff}.domains-container{width:100%;height:100%;padding:24px}.domains-header{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.domains-header{flex-direction:row;align-items:center;margin-bottom:2rem}}.domains-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem!important}.domains-title-icon{font-size:1.125rem;color:var(--primary-gradient-start)}@media(min-width:640px){.domains-title-icon{font-size:1.25rem}}.btn-gradient-primary{background:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end));border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.btn-gradient-primary:hover{background:linear-gradient(to right,#2563eb,#4338ca);color:#fff}.domains-loading{display:flex;justify-content:center;align-items:center;padding:5rem 0}.domains-empty-state{text-align:center;padding:3rem 0;background:linear-gradient(to bottom right,#eff6ff,#eef2ff);border-radius:.5rem}.empty-icon{font-size:3.75rem;margin-bottom:1rem}.domain-card{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:box-shadow .3s ease;border-left-width:4px;border-left-style:solid}.domain-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.domain-card-header{display:flex;flex-direction:column;gap:.75rem}.domain-card-top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:1rem}.domain-card-title-group{display:flex;align-items:center;gap:.75rem;flex:1}.domain-icon{font-size:1.5rem}.domain-details-row{display:flex;align-items:center;gap:.5rem}.target-url-container{display:flex;align-items:center;gap:.5rem;background-color:#eff6ff;padding:.5rem .75rem;border-radius:.25rem}.dns-warning-box{background-color:#fefce8;border:1px solid #fef08a;border-radius:.5rem;padding:1rem}.active-status-box{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem}.ssl-warning-box{margin-top:.75rem;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:.25rem;padding:.75rem}.udm-header{background:linear-gradient(to right,#2563eb,#4338ca);margin:-20px -24px 24px;padding:20px 24px;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.udm-title{color:#fff!important;margin-bottom:.75rem!important}.dns-table-row{background-color:#f9fafb;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}.dns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;font-size:.875rem}.delete-header{background:linear-gradient(to right,var(--danger-gradient-start),var(--danger-gradient-end));margin:-20px -24px 24px;padding:20px 24px;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.delete-icon-wrapper{width:3rem;height:3rem;background-color:#fee2e2e6;border-radius:50%;display:flex;align-items:center;justify-content:center}.cursor-pointer{cursor:pointer}.hover-text-blue:hover{color:var(--primary-gradient-start)}.dm-m-0{margin:0!important}.dm-bg-red-100{background-color:#fee2e2}.dm-text-red-600{color:#dc2626}.dm-text-red-100{color:#fee2e2}.dm-text-orange-600{color:#ea580c}.dm-px-2{padding-left:.5rem;padding-right:.5rem}