@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--primary-orange: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--primary-green: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--primary-blue: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .25);--bg-card: rgba(255, 255, 255, .8);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: rgba(148, 163, 184, .2);--shadow: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius: 24px;--radius-sm: 12px;--radius-lg: 32px}.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-glass: rgba(30, 41, 59, .3);--bg-card: rgba(30, 41, 59, .8);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: rgba(71, 85, 105, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}.ultra-dashboard{display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative;overflow-x:hidden}.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;animation:float 6s ease-in-out infinite}.orb-1{width:300px;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);top:-150px;right:-150px}.orb-2{width:200px;height:200px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-100px;left:-100px;animation-delay:-2s}.orb-3{width:250px;height:250px;background:linear-gradient(135deg,#a8edea,#fed6e3);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(10px) rotate(-1deg)}}.ultra-sidebar{width:300px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.ultra-sidebar.open{transform:translate(0)}.sidebar-header{padding:32px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:16px}.logo-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative}.logo-gradient{width:32px;height:32px;background:var(--primary-purple);border-radius:12px;position:relative}.logo-gradient:after{content:"";position:absolute;inset:-4px;background:var(--primary-purple);border-radius:16px;opacity:.3;z-index:-1;filter:blur(8px)}.logo-text{font-size:24px;font-weight:800;background:var(--primary-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:none}.close-btn:hover{background:var(--bg-glass);color:var(--text-primary)}.sidebar-nav{flex:1;padding:24px;overflow-y:auto}.nav-section{margin-bottom:40px}.section-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-left:16px}.nav-item{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:8px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-weight:500;position:relative}.nav-item:hover{background:var(--bg-glass);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:var(--primary-purple);color:#fff;box-shadow:0 8px 32px #667eea66}.nav-item svg{font-size:20px;flex-shrink:0}.nav-indicator{position:absolute;right:16px;width:8px;height:8px;background:#fffc;border-radius:50%;animation:pulse 2s infinite}.badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px;margin-left:auto}.sidebar-footer{padding:24px;border-top:1px solid var(--border)}.user-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border)}.user-avatar{position:relative}.user-avatar img{width:48px;height:48px;border-radius:50%;border:2px solid var(--primary-purple)}.status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:linear-gradient(135deg,#a8edea,#fed6e3);border:2px solid var(--bg-secondary);border-radius:50%}.user-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.user-role{font-size:12px;color:var(--text-muted)}.ultra-main{flex:1;margin-left:0;display:flex;flex-direction:column;min-height:100vh;z-index:10;position:relative}.ultra-header{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:24px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.header-left{display:flex;align-items:center;gap:24px}.menu-btn{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);font-size:20px;padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.menu-btn:hover{background:var(--primary-purple);color:#fff;border-color:transparent}.welcome-text h1{font-size:28px;font-weight:800;margin-bottom:4px;background:var(--primary-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text p{color:var(--text-secondary);font-size:16px}.header-center{flex:1;max-width:400px;margin:0 32px}.search-box{position:relative;width:100%}.search-box input{width:100%;background:var(--bg-glass);border:1px solid var(--border);padding:16px 20px 16px 48px;border-radius:var(--radius-lg);color:var(--text-primary);font-size:16px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 3px #667eea33}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:20px}.header-right{display:flex;align-items:center;gap:20px}.time-widget{text-align:center}.time{font-size:18px;font-weight:700;color:var(--text-primary);font-family:Courier New,monospace}.date{font-size:12px;color:var(--text-muted)}.theme-toggle,.notification-btn{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);font-size:18px;padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;position:relative}.theme-toggle:hover,.notification-btn:hover{background:var(--primary-purple);color:#fff;border-color:transparent}.notification-pulse{position:absolute;top:8px;right:8px;width:8px;height:8px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;animation:pulse 2s infinite}.profile-menu img{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-purple);cursor:pointer;transition:all .2s ease}.profile-menu img:hover{transform:scale(1.1)}.ultra-content{flex:1;padding:32px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}@media (max-width: 480px){.stat-card{padding:16px;border-radius:16px;box-shadow:0 2px 8px #667eea1a}}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-purple)}.stat-card.pink:before{background:var(--primary-pink)}.stat-card.orange:before{background:var(--primary-orange)}.stat-card.green:before{background:var(--primary-green)}.stat-icon{width:64px;height:64px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin-bottom:24px;background:var(--primary-purple)}.stat-card.pink .stat-icon{background:var(--primary-pink)}.stat-card.orange .stat-icon{background:var(--primary-orange)}.stat-card.green .stat-icon{background:var(--primary-green)}.stat-label{font-size:14px;font-weight:500;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:36px;font-weight:900;color:var(--text-primary);margin-bottom:16px;line-height:1}.stat-change{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.stat-chart{position:absolute;bottom:0;right:0;width:100px;height:60px;opacity:.3}.mini-line,.mini-bar,.mini-wave,.mini-circle{width:100%;height:100%;border-radius:8px}.mini-line{background:linear-gradient(45deg,transparent 40%,var(--primary-purple) 50%,transparent 60%)}.mini-bar{background:linear-gradient(to top,var(--primary-pink) 0%,transparent 100%)}.mini-wave{background:radial-gradient(circle,var(--primary-orange) 30%,transparent 70%)}.mini-circle{background:conic-gradient(var(--primary-green) 0deg,transparent 360deg);border-radius:50%}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.main-chart{min-height:400px}.side-charts{display:flex;flex-direction:column;gap:24px}.chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .3s ease}.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.chart-card.compact{padding:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.chart-header h3{font-size:20px;font-weight:700;color:var(--text-primary)}.chart-header h4{font-size:18px;font-weight:600;color:var(--text-primary)}.chart-controls{display:flex;gap:8px}.chart-controls button{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.chart-controls button:hover,.chart-controls button.active{background:var(--primary-purple);color:#fff;border-color:transparent}.chart-container{height:300px;position:relative}.chart-card.compact .chart-container{height:200px}.chart-legend{margin-top:20px;display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);font-weight:500}.dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dot.purple{background:linear-gradient(135deg,#667eea,#764ba2)}.dot.pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.dot.orange{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.dot.green{background:linear-gradient(135deg,#a8edea,#fed6e3)}.dot.blue{background:linear-gradient(135deg,#74b9ff,#0984e3)}.activity-section{display:grid;grid-template-columns:2fr 1fr;gap:24px}.activity-card,.quick-stats{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.activity-header h3{font-size:20px;font-weight:700;color:var(--text-primary)}.view-all{background:none;border:none;color:var(--primary-purple);font-weight:600;cursor:pointer;transition:all .2s ease}.view-all:hover{text-decoration:underline}.activity-list{display:flex;flex-direction:column;gap:20px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-sm);transition:all .2s ease}.activity-item:hover{background:var(--bg-glass)}.activity-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.activity-avatar.success{background:linear-gradient(135deg,#a8edea,#fed6e3)}.activity-avatar.warning{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.activity-avatar.info{background:linear-gradient(135deg,#74b9ff,#0984e3)}.activity-content{flex:1}.activity-text{font-weight:500;color:var(--text-primary);margin-bottom:4px}.activity-time{font-size:12px;color:var(--text-muted)}.activity-value{font-weight:700;color:#22c55e}.quick-stats h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.quick-stats-grid{display:flex;flex-direction:column;gap:20px}.quick-stat{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .3s ease}.quick-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick-stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.quick-stat-icon.purple{background:var(--primary-purple)}.quick-stat-icon.pink{background:var(--primary-pink)}.quick-stat-icon.orange{background:var(--primary-orange)}.quick-stat-value{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:2px}.quick-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (min-width: 1280px){.ultra-sidebar{transform:translate(0);position:relative}.ultra-main{margin-left:0}.menu-btn,.close-btn{display:none}}@media (max-width: 1024px){.charts-grid,.activity-section{grid-template-columns:1fr}.side-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px}}@media (max-width: 768px){.overlay{display:block}.close-btn{display:block!important}.ultra-header{padding:16px 20px}.header-center{margin:0 16px}.ultra-content{padding:20px}.stats-grid{grid-template-columns:1fr;gap:16px}.welcome-text h1{font-size:20px}.welcome-text p{font-size:14px}.side-charts{display:flex;flex-direction:column}}@media (max-width: 480px){.header-left{gap:12px}.welcome-text,.time-widget{display:none}.ultra-content{padding:16px}.stat-card,.chart-card,.activity-card,.quick-stats{padding:20px}.stat-value{font-size:28px}.quick-stats-grid{gap:12px}}.ultra-content{flex:1;padding:32px;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100vh - 100px)}.notification-wrapper,.profile-wrapper{position:relative}.notification-count{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.notification-dropdown{position:absolute;top:60px;right:0;width:320px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.dropdown-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.dropdown-header h4{font-size:18px;font-weight:700;color:var(--text-primary)}.notification-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border);transition:all .2s ease;cursor:pointer}.notification-item:hover{background:var(--bg-glass)}.notification-item:last-child{border-bottom:none}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.notification-icon.user{background:linear-gradient(135deg,#667eea,#764ba2)}.notification-icon.order{background:linear-gradient(135deg,#f093fb,#f5576c)}.notification-icon.system{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.notification-icon.message{background:linear-gradient(135deg,#a8edea,#fed6e3)}.notification-content{flex:1}.notification-message{font-weight:500;color:var(--text-primary);margin-bottom:4px;font-size:14px}.notification-time{font-size:12px;color:var(--text-muted)}.dropdown-footer{padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-glass)}.view-all-notifications{width:100%;background:var(--primary-purple);color:#fff;border:none;padding:12px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.view-all-notifications:hover{background:linear-gradient(135deg,#5a67d8,#667eea)}.profile-dropdown{position:absolute;top:60px;right:0;width:280px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.profile-header{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:var(--bg-glass)}.profile-header img{width:48px;height:48px;border-radius:50%;border:2px solid var(--primary-purple)}.profile-name{font-weight:700;color:var(--text-primary);font-size:16px;margin-bottom:2px}.profile-email{font-size:13px;color:var(--text-muted)}.profile-menu-list{padding:8px 0}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 24px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-weight:500}.profile-menu-item:hover{background:var(--bg-glass);color:var(--text-primary)}.profile-menu-item.logout{color:#ef4444}.profile-menu-item.logout:hover{background:#ef44441a;color:#dc2626}.profile-menu-item svg{font-size:18px}.profile-menu-divider{height:1px;background:var(--border);margin:8px 0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ultra-content{padding:16px;height:calc(100vh - 80px)}.notification-dropdown,.profile-dropdown{width:280px;right:-50px}.header-center{display:none}.header-right{gap:12px}.time-widget,.welcome-text p{display:none}.welcome-text h1{font-size:18px}.stats-grid,.charts-grid,.activity-section{grid-template-columns:1fr;gap:16px}.side-charts{display:flex;flex-direction:column;gap:16px}}@media (max-width: 480px){.ultra-header{padding:16px}.notification-dropdown,.profile-dropdown{width:260px;right:-20px}.welcome-text{display:none}.header-left{gap:8px}.stat-card,.chart-card,.activity-card,.quick-stats{padding:16px}.stat-value{font-size:24px}.stat-icon{width:48px;height:48px;font-size:20px}}@media (hover: none) and (pointer: coarse){.nav-item,.notification-item,.profile-menu-item,.activity-item{min-height:48px;padding:16px}.menu-btn,.theme-toggle,.notification-btn{min-width:48px;min-height:48px;padding:12px}}.notification-list::-webkit-scrollbar,.ultra-content::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-thumb,.ultra-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.notification-list::-webkit-scrollbar-track,.ultra-content::-webkit-scrollbar-track{background:transparent}.elegant-container{max-width:96%;margin:0 auto;padding:2rem 1rem;background:#fafbfc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.elegant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.elegant-header-content{flex:1}.elegant-title{font-size:2rem;font-weight:600;color:#374151;margin:0 0 .5rem;letter-spacing:-.025em}.elegant-subtitle{color:#6b7280;font-size:1rem;font-weight:400}.elegant-badge-container{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.elegant-badge{background:#f3f4f6;color:#374151;padding:.5rem 1rem;border-radius:.75rem;font-weight:500;font-size:.875rem;border:1px solid #d1d5db}.elegant-status{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.elegant-nav{margin-bottom:2rem}.elegant-nav-container{display:flex;flex-wrap:wrap;gap:.25rem;background:#fff;padding:.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.elegant-nav-item{background:transparent;border:none;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:500;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none}.elegant-nav-item:hover{background:#f9fafb;color:#374151;text-decoration:underline}.elegant-nav-item.active{background:#0447b3;color:#fff;text-decoration:none}.elegant-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;align-items:start}.elegant-grid2column{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.elegant-panel{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.elegant-panel-notes{grid-row:span 2}.scroll{max-height:420px;overflow-y:auto;padding-right:8px}.elegant-panel-header{padding:1.5rem 1.5rem 0}.elegant-panel-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.elegant-divider{height:2px;background:linear-gradient(90deg,#e5e7eb 0%,transparent 100%);border-radius:1px}.elegant-panel-content{padding:1.5rem}.elegant-info-grid{display:flex;flex-direction:column;gap:1rem}.elegant-info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.elegant-info-item:last-child{border-bottom:none}.elegant-label{font-weight:500;color:#6b7280;font-size:.875rem;flex:0 0 40%}.elegant-label-bold{font-weight:700;color:#6b7280;font-size:.875rem;flex:0 0 40%}.elegant-value{color:#1f2937;font-weight:500;text-align:right;word-break:break-all;flex:1}.elegant-contact{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.elegant-contact-btn{display:flex;align-items:center;gap:.25rem;background:#f3f4f6;color:#374151;text-decoration:none;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;transition:all .2s ease}.elegant-contact-btn:hover{background:#374151;color:#fff}.elegant-status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.elegant-status-badge.accepted{background:#d1fae5;color:#065f46}.elegant-status-badge.declined{background:#fee2e2;color:#991b1b}.elegant-financial-section{margin-bottom:1.5rem}.elegant-section-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.elegant-balance-grid{display:grid;gap:.75rem}.elegant-balance-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f9fafb}.elegant-balance-label{font-size:.875rem;color:#6b7280;font-weight:500}.elegant-balance-value{font-weight:600;color:#1f2937}.elegant-balance-value.negative{color:#dc2626}.elegant-balance-value.positive{color:#059669}.elegant-balance-value.muted{color:#9ca3af}.elegant-services-grid{display:flex;flex-direction:column;gap:.75rem}.elegant-service-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:.5rem}.elegant-service-icon{width:2.5rem;height:2.5rem;background:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#6b7280;border:1px solid #e5e7eb}.elegant-service-details{display:flex;flex-direction:column}.elegant-service-name{font-weight:500;color:#374151;font-size:.875rem}.elegant-service-count{font-size:.75rem;color:#6b7280}.elegant-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.elegant-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.elegant-btn-primary{background:#374151;color:#fff}.elegant-btn-primary:hover{background:#1f2937}.elegant-btn-secondary{background:#f9fafb;color:#374151;border-color:#e5e7eb}.elegant-btn-secondary:hover{background:#f3f4f6}.elegant-notes-section{margin-bottom:1.5rem}.elegant-note-input-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.elegant-note-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;font-size:.875rem;color:#374151;resize:vertical;font-family:inherit;min-height:80px}.elegant-note-input:focus{outline:none;border-color:#6b7280;background:#fff}.elegant-note-submit{align-self:flex-end;display:flex;align-items:center;gap:.5rem;background:#374151;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.elegant-note-submit:hover:not(:disabled){background:#1f2937}.elegant-note-submit:disabled{opacity:.5;cursor:not-allowed}.elegant-notes-list{display:flex;flex-direction:column;gap:.75rem}.elegant-note-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.elegant-note-text{color:#374151;font-size:.875rem;margin:0 0 .5rem;line-height:1.5}.elegant-note-meta{display:flex;gap:1rem;font-size:.75rem;color:#9ca3af}.elegant-rating-container{display:flex;flex-direction:column;gap:.5rem}.elegant-rating-label{font-size:.875rem;color:#6b7280;font-weight:500}.elegant-rating-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;font-size:.875rem;color:#374151;font-family:inherit}.elegant-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.3rem;padding:.3rem;font-size:.875rem;color:#374151;font-family:inherit}.elegant-rating-select:focus{outline:none;border-color:#6b7280;background:#fff}.cs-table-wrapper{margin-top:1.5rem}.cs-table-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.cs-scroll-table{border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 2px 4px #0000000a;overflow:hidden}.cs-styled-table{width:100%;border-collapse:collapse}.cs-styled-table th,.cs-styled-table td{padding:.75rem 1rem;text-align:left;font-size:.875rem;border-bottom:1px solid #f3f4f6}.cs-styled-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;white-space:nowrap}.cs-styled-table tr:hover td{background:#f9fafb}.cs-status-active{color:#065f46;background:#d1fae5;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;text-transform:uppercase}.cs-status-inactive{color:#991b1b;background:#fee2e2;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;text-transform:uppercase}@media (max-width: 1024px){.elegant-grid{grid-template-columns:1fr 1fr}.elegant-panel-notes{grid-column:span 2}}@media (max-width: 768px){.elegant-container{padding:1rem .5rem}.elegant-header{flex-direction:column;gap:1rem;align-items:flex-start}.elegant-badge-container{align-items:flex-start}.elegant-title{font-size:1.5rem}.elegant-grid{grid-template-columns:1fr}.elegant-panel-notes{grid-column:span 1}.elegant-nav-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.elegant-nav-container::-webkit-scrollbar{display:none}.elegant-info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.elegant-value{text-align:left}.elegant-contact{justify-content:flex-start}.cs-styled-table,.cs-styled-table thead,.cs-styled-table tbody,.cs-styled-table tr,.cs-styled-table th,.cs-styled-table td{display:block;width:100%}.cs-styled-table thead{display:none}.cs-styled-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000a}.cs-styled-table td{border:none;padding:.5rem 0;font-size:.875rem}.cs-styled-table td:first-child{font-weight:600;color:#1f2937;margin-bottom:.25rem}.cs-styled-table td:last-child{font-size:.75rem}}@media (max-width: 480px){.elegant-panel-content,.elegant-panel-header{padding:1rem}.elegant-title{font-size:1.25rem}.elegant-badge{font-size:.75rem;padding:.375rem .75rem}.cs-styled-table td{font-size:.75rem}}.login-history-content{position:relative;padding-bottom:64px}.login-history-panel{position:relative;padding-bottom:0}.login-history-content .elegant-info-grid{padding:10px 8px 10px 10px;max-height:320px;overflow-y:auto}.elegant-loadmore-btn{position:absolute;left:0;bottom:0;width:100%;border-radius:0 0 12px 12px;margin:0;box-shadow:0 -2px 8px #667eea14;z-index:2}.stat-card,.chart-card,.activity-card,.quick-stats,.elegant-panel{box-shadow:0 2px 8px #667eea14,0 1.5px 4px #00000008;transition:box-shadow .2s,transform .2s}.stat-card:hover,.chart-card:hover,.activity-card:hover,.quick-stats:hover,.elegant-panel:hover{box-shadow:0 8px 32px #667eea26,0 4px 12px #0000000f;transform:translateY(-4px) scale(1.02)}.section-title,.elegant-section-title{font-size:1.1rem;font-weight:700;color:#667eea;margin-bottom:24px;letter-spacing:.04em;text-transform:uppercase}.elegant-btn,.view-all-notifications,.menu-btn,.theme-toggle,.notification-btn{box-shadow:0 1px 2px #667eea14;border:none;outline:none;font-weight:600;letter-spacing:.02em}.elegant-btn-primary,.view-all-notifications{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.elegant-btn-primary:hover,.view-all-notifications:hover{background:linear-gradient(135deg,#5a67d8,#667eea);color:#fff;box-shadow:0 4px 16px #667eea26}.elegant-panel,.stat-card,.chart-card,.activity-card,.quick-stats{background:linear-gradient(120deg,#fff 80%,#f8fafc)}.stat-value,.elegant-value,.elegant-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.01em}.stat-value{font-size:2.5rem;font-weight:900;color:#667eea}.elegant-title{font-size:2.25rem;font-weight:800;color:#374151}@media (max-width: 768px){.stats-grid,.charts-grid,.activity-section,.elegant-grid{gap:12px;margin-bottom:24px}}body{background:linear-gradient(120deg,#f8fafc 60%,#e0e7ff)}.ultra-content,.elegant-container{padding-top:48px;padding-bottom:48px}.stats-grid,.charts-grid,.activity-section,.elegant-grid{margin-bottom:48px}.ultra-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.login-bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0}.login-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;animation:loginFloat 8s ease-in-out infinite}.login-orb-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;right:-200px}.login-orb-2{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;left:-150px;animation-delay:-3s}.login-orb-3{width:350px;height:350px;background:linear-gradient(135deg,#a8edea,#fed6e3);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-6s}@keyframes loginFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(3deg)}66%{transform:translateY(15px) rotate(-2deg)}}.login-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;width:100%;padding:40px;position:relative;z-index:10}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:32px;padding:48px;box-shadow:0 20px 40px #0000001a;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:32px 32px 0 0}.login-failed{margin:10px;color:red}.login-header{text-align:center;margin-bottom:40px}.login-logo{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.login-logo-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative}.login-logo-gradient{width:40px;height:40px;align-items:center;justify-content:center;overflow:hidden}.login-logo-gradient img{width:100%;height:100%;object-fit:contain;border-radius:14px}.login-logo-text{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.login-welcome h1{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:8px;letter-spacing:-1px}.login-welcome p{font-size:16px;color:#64748b;font-weight:500}.login-form{display:flex;flex-direction:column;gap:24px}.input-group{position:relative}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:20px;color:#94a3b8;font-size:20px;z-index:2;transition:all .3s ease}.login-input{width:100%;padding:18px 20px 18px 56px;border:2px solid #e2e8f0;border-radius:16px;font-size:16px;font-weight:500;color:#1e293b;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;outline:none}.login-input:focus{border-color:#667eea;background:#fffffff2;box-shadow:0 0 0 4px #667eea1a}.login-input:focus+.input-icon,.login-input:not(:placeholder-shown)+.input-icon{color:#667eea;transform:scale(1.1)}.password-toggle{position:absolute;right:20px;color:#94a3b8;background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;z-index:2}.password-toggle:hover{color:#667eea;background:#667eea1a}.login-button{width:100%;padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;position:relative;overflow:hidden;margin-top:16px}.login-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5a67d8,#667eea);opacity:0;transition:opacity .3s ease}.login-button:hover:before{opacity:1}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.login-button:active{transform:translateY(0)}.login-button.loading{cursor:not-allowed;transform:none}.login-button.loading:before{opacity:0}.login-arrow{font-size:18px;transition:transform .3s ease}.login-button:hover .login-arrow{transform:translate(4px)}.login-button.loading .login-arrow{display:none}.login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:loginSpin 1s ease-in-out infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-decoration{display:flex;align-items:center;justify-content:center;padding:40px}.decoration-card{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:48px 32px;position:relative}.decoration-icon{width:120px;height:120px;margin:0 auto 32px;position:relative;display:flex;align-items:center;justify-content:center;color:#667eea;font-size:48px}.pulse-ring{position:absolute;border:2px solid #667eea;border-radius:50%;animation:pulsate 2s ease-out infinite;opacity:0}.pulse-ring-delay{animation-delay:1s}@keyframes pulsate{0%{transform:scale(.1);opacity:1}to{transform:scale(1.2);opacity:0}}.decoration-card h3{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px}.decoration-card p{font-size:16px;color:#64748b;line-height:1.6;max-width:280px;margin:0 auto}@keyframes logoGlow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea80}}@media (max-width: 1024px){.login-container{grid-template-columns:1fr;gap:40px;max-width:500px}.login-decoration{order:-1;padding:20px}.decoration-card{padding:32px 24px}.decoration-icon{width:80px;height:80px;font-size:32px;margin-bottom:24px}.decoration-card h3{font-size:20px}.decoration-card p{font-size:14px}}@media (max-width: 768px){.ultra-login{padding:20px}.login-container{padding:20px;gap:30px}.login-card{padding:32px 24px;border-radius:24px}.login-welcome h1{font-size:28px}.login-welcome p{font-size:15px}.login-logo-text{font-size:24px}.login-logo-icon{width:48px;height:48px}.login-logo-gradient{width:32px;height:32px}.decoration-card{display:none}}@media (max-width: 480px){.login-card{padding:24px 20px;border-radius:20px}.login-welcome h1{font-size:24px}.login-welcome p{font-size:14px}.login-input{padding:16px 18px 16px 50px;font-size:15px}.input-icon{left:18px;font-size:18px}.password-toggle{right:18px;font-size:18px}.login-button{padding:16px 20px;font-size:15px}.login-form{gap:20px}.login-header{margin-bottom:32px}.login-logo{margin-bottom:24px}}@media (prefers-color-scheme: dark){.ultra-login{background:linear-gradient(135deg,#0f172a,#1e293b)}.login-card{background:#1e293bf2;border-color:#4755694d}.login-welcome h1{color:#f1f5f9}.login-welcome p{color:#cbd5e1}.login-input{background:#1e293bcc;border-color:#374151;color:#f1f5f9}.login-input:focus{background:#1e293bf2;border-color:#667eea}.decoration-card{background:#1e293b4d;border-color:#4755694d}.decoration-card h3{color:#f1f5f9}.decoration-card p{color:#cbd5e1}}@media (prefers-contrast: high){.login-input{border-width:3px}.login-button{border:2px solid #1e293b}}@media (prefers-reduced-motion: reduce){.login-orb,.login-logo-gradient,.pulse-ring,.login-spinner{animation:none}.login-button,.login-input,.password-toggle{transition:none}}@media (hover: none) and (pointer: coarse){.login-input{padding:20px 22px 20px 58px}.login-button{padding:20px 24px;min-height:56px}.password-toggle{padding:12px;min-width:44px;min-height:44px}}.container{max-width:1200px}@media screen and (max-width: 1400px){.clientrow__inner h4{font-size:14px}}@media screen and (max-width: 1024px){.header-nav .navbar-nav .nav-item .nav-link{font-weight:600;padding:12px 6px;color:#000;font-size:14px}}@media screen and (max-width: 991px){.menu_drop{position:static;opacity:1;visibility:visible;display:none;transition:inherit}.page-banner__title{position:relative;padding-bottom:80px;z-index:1}.banner-right-img{position:absolute;opacity:.3;bottom:0;z-index:-1;display:none}.nav-link.dropdown-toggle:before{content:"+";position:absolute;right:0;top:0;font-size:30px;color:#fff;font-weight:400;width:25px;height:25px;display:flex;align-items:center;justify-content:center;background-color:#ff9700}.nav-link.dropdown-toggle.active:before{content:"-";padding-bottom:4px}.dropdown-toggle:after,.header .navbar-inner .navbar-collapse,.hosting-img,.search-img,.why-domain-img{display:none}.hamburger.hamburger--collapse,.navbar-inner{display:block}.navbar__top{display:flex;justify-content:space-between;align-items:center}.banner-bottom{flex-direction:column;flex-wrap:wrap}.header__topbar-left{display:flex;align-items:center}.header__topbar-left a{display:inline-flex;align-items:center;font-size:14px;margin-right:10px}.banner-page-left ul li{font-size:15px;margin-bottom:7px}.banner-page-left p{font-size:20px;margin-bottom:14px}.banner-page-left ul{padding-left:10px}.banner-bottom-price{margin-left:inherit}.banner-bottom-price span{font-size:20px;font-weight:500;text-align:left}.header__topbar-left a img{width:18px;height:18px;object-fit:cover;margin-right:2px}.header-customer-page .navbar-nav{flex-direction:column;top:100%;right:0;width:100%;z-index:9;background:#f9f9f9;padding:5px 20px;border:1px solid #efefef;margin-top:10px}.customer-main .header.panel .navbar-nav .nav-item{margin-right:0}.customer-main .nav-link.dropdown-toggle:before{top:6px;display:inline-block;text-align:center;content:"+"}.customer-main .nav-link.dropdown-toggle.show:before{content:"-"}.sidebar{position:fixed;z-index:99;top:0;bottom:0}.sidebar-collapsed .sidebar{width:48px}.customer-main,.customer-pages .footer-stok,.customer-pages+footer,.sidebar-collapsed .customer-main{margin-left:auto;width:calc(100% - 48px)}.side-collaps-btn{bottom:50px;top:auto;z-index:999;left:4px!important}.side-collaps-btn button{border:1px solid rgba(255,255,255,.2);width:40px;height:40px;border-radius:7px;justify-content:center;align-items:center}.side-collaps-btn button:before{margin-right:-6px}.side-icon{width:20px}.sidebar-collapsed .sidebar .logo img{width:30px}.customer-main .header.panel{padding:8px}.customer-area .nav2 li a{padding-left:4px;padding-right:4px}}@media screen and (min-width: 768px){.header .user-name{display:none}}@media screen and (max-width: 767px){.banner-bottom-price h4,.view-more-btn,.why-domain-content h4 b,a,li,p{font-weight:400}h1{font-size:26px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:16px}.header__topbar-left{display:flex}.header__topbar-left a{display:inline-flex;font-size:10px;align-items:center;margin-right:6px;flex-wrap:wrap}.header__topbar-left a:last-child{margin-right:0}.search-content h2{margin-bottom:10px}.header__topbar-left a img{width:16px;height:16px;object-fit:cover;display:flex}.header__topbar-right button{border:1px solid #000;background:#000;color:#fff;border-radius:5px;padding:2px 10px;font-size:10px}.header__topbar-right button img{width:12px;height:10px;object-fit:cover}.header-top .row>div{padding:0 6px}a,li,p{font-size:14px}section{padding:30px 0}.choose-plan .text-center{margin-top:0!important}.banner-page-left p{font-size:14px;margin-bottom:0;font-style:italic}.banner-page-left ul,.shoping-cart-choose{padding-left:0;margin-top:4%}.banner-page-left ul li{font-size:14px;font-weight:400;margin-bottom:4%;background-color:#0000004d;border-radius:5px;padding:5px}.banner-page-left ul li img{margin-right:10px}.view-more-btn{display:inline-block;margin-top:7px;padding:6px 14px;font-size:12px;border-radius:4px}.banner-bottom-price{margin-left:0;margin-top:10px}.banner-bottom-price h4{font-size:18px;line-height:1em;margin-bottom:0}.banner-bottom-price span{font-size:15px;text-align:left}.choose-plan-wraper ul{margin-top:15px}.choose-plan-wraper ul li:before{top:3px;width:20px;height:20px}.free-trail img{max-width:80px}.navbar__top a img,.user-name h4{max-width:150px}.banner-bottom{justify-content:space-between;flex-direction:column}.search-content span{font-size:18px}.domain-name ul li{padding-right:8px}.domain-name ul li b,.hosting-tab-left ul li{font-size:14px}.testimonails-waraper-inner{display:flex!important;align-items:center;justify-content:center;flex-direction:column}.hosting-tab div#nav-tab .nav-link,.hosting-tab div#nav-tab .nav-link.active{padding:10px 25px;margin:unset;background:unset;color:#979797;border:unset;font-size:12px;border-radius:4px!important}.hosting-tab div#nav-tab .nav-link.active{color:#fff}.footer-contact a{font-size:25px}.footer .footer-items a img{width:14px;height:14px;object-fit:cover}.header-top{padding:4px 0}.page-banner-main{padding-top:120px}.hamburger{padding:10px 9px}.choose-plan-wraper{padding-bottom:50px;max-width:375px;margin:auto}.counter-inner{text-align:center;padding:10px}.footer-contact{text-align:left;background-color:#564779;padding:20px 15px}.btn-slider,.choose-plan-row,.footer-right-copyright p,.footer-socil-link{text-align:center}.footer-right{background:#4a4a4a;padding:20px 15px}.footer-bottom{background:#1e1e1e;padding:14px 0}.footer .footer-items p{color:#fff;padding-left:16px}.hosting-price{display:block!important}.hosting-price-div{font-size:17px;font-weight:500;line-height:33px;margin-left:0;margin-top:14px}.tab-warper{padding-bottom:30px}.btn-slider,.customer-main{padding:10px}.btn-slider{position:relative;display:flex;justify-content:end;align-items:center}.header-nav{padding:0}.header-nav .navbar-nav .nav-item .nav-link{font-weight:600;padding:10px;color:#000;font-size:14px}.logo h2{font-size:20px}.custom-tab{margin-bottom:20px}.hosting-tab div#nav-tab{justify-content:start}.customer-main-inner .page-title h1{font-size:22px}.user-name h4{font-size:12px;padding-left:9px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user-name img{width:20px;height:20px;padding:2px}.panel h3{font-size:17px;line-height:1.4}.customer-main .header.panel{margin:-10px -10px 30px}.choose-plan-row form>input.btn,.hosting-cart .form-check.buy-new,.hosting-cart .form-check.had-already{margin-left:auto;margin-right:auto}.filter-header .row>div{width:100%;margin-top:3px;margin-bottom:2px}.page-title .user-name,.table-mobile-responsive table thead{display:none}.panel h3.balance-title{font-size:16px;font-weight:600}.acount-balance{font-size:12px;margin-left:0!important}.acount-balance a{line-height:1.2;font-size:11px}.table__custom .mytable thead tr th,table thead tr th{padding:4px 6px;white-space:nowrap}.choose-plan-slider{display:flex;flex-wrap:wrap}.choose-plan-slider .plan-items{width:100%}.old-price{min-height:inherit}.choose-plan-wraper ul li{margin-bottom:7px;font-size:13px}.choose-plan-wraper ul li b{font-size:inherit}.page-banner-main-inner .banner-img img{opacity:0}.page-banner-main-inner{background-image:url(../img/innerpage-banner.png);background-size:auto 100%;background-repeat:no-repeat;background-position:bottom;padding-bottom:24px!important}.hosting-cart .form-check{max-width:100%!important;width:calc(100% - 30px);padding:10px 20px 20px 35px;border-radius:6px;box-shadow:0 0 11px -6px #0000004d}.hosting-cart .form-control,.hosting-cart .form-select{padding:12px 5px;font-size:13px}.choose-plan-row form>input.btn{margin-top:20px}.searchagain .form-row{flex-wrap:wrap}.searchagain .form-row>*{margin-bottom:10px;width:100%;max-width:100%!important}.shoping-cart-card{flex-wrap:wrap;padding:14px}.shoping-cart-basic p{column-count:1}.table-mobile-responsive td:before{display:block;content:attr(mobile-hading-data);color:#000;font-weight:600}.table-mobile-responsive table,.table-mobile-responsive tbody,.table-mobile-responsive td,.table-mobile-responsive tr{display:block}.table-mobile-responsive td{border:none;padding:7px 0}.table-mobile-responsive tr{border:1px solid #efefef;border-bottom:3px solid var(--primary);margin-bottom:20px;padding:13px;box-shadow:1px 1px 11px -6px #0000004d}.diwali-greeting{font-size:.75rem}}@media (max-width: 768px){.responsive-splitter .p-splitter-panel{flex-basis:100%!important;max-width:100%!important}.responsive-splitter .p-splitter{flex-direction:column!important}}.domain-card{width:100%;max-width:360px;background:linear-gradient(180deg,#fff,#fbfbfd);border-radius:10px;padding:16px;box-shadow:0 6px 18px #1928460f;display:flex;flex-direction:column;gap:12px}.domain-card-top{display:flex;justify-content:space-between;align-items:center}.domain-badge{font-size:12px;font-weight:600;color:#263238;background:#eef6ff;padding:6px 10px;border-radius:999px}.domain-actions{display:flex;gap:8px}.icon-btn{background:transparent;border:none;cursor:pointer;color:#546e7a;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-btn:hover{background:#0000000a}.domain-name{font-size:18px;font-weight:700;color:#0f1720;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-meta{display:flex;gap:12px;align-items:center}.meta-item small{display:block;color:#6b7280;font-size:11px}.status-pill{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.active{background:#e6ffed;color:#064e3b}.status-pill.suspended{background:#fff4f6;color:#7f1d1d}.status-pill.unknown{background:#f3f4f6;color:#374151}.domain-card-footer{display:flex;justify-content:flex-end}.save-btn{background:#0ea5a4;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center}.save-btn:hover{opacity:.95}