:root{--primary-color: #ff5252;--primary-dark: #d32f2f;--primary-light: #ff8a80;--accent-red: #e53e3e;--accent-orange: #f6ad55;--accent-green: #38a169;--accent-blue: #3182ce;--accent-purple: #9f7aea;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #000000;--text-secondary: #000000;--text-tertiary: #000000;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family-base: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Courier New", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 100;--z-modal-overlay: 1000;--z-modal: 1001;--z-notification: 2000;--z-sticky: 500}body{font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0;color:var(--text-secondary)}small{font-size:var(--text-sm);color:var(--text-tertiary)}button,.btn{font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;white-space:nowrap}.btn-primary,button.btn-primary{background-color:var(--primary-color);color:var(--white);border:2px solid var(--primary-color)}.btn-primary:hover,button.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 5px 10px #ff52524d}.btn-primary:active,button.btn-primary:active{transform:scale(.98)}.btn-primary:disabled,button.btn-primary:disabled{background-color:var(--gray-300);border-color:var(--gray-300);cursor:not-allowed;opacity:.6}.btn-secondary,button.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover,button.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--gray-300);box-shadow:var(--shadow-md)}.btn-secondary:disabled,button.btn-secondary:disabled{background-color:var(--gray-100);border-color:var(--gray-200);color:var(--text-tertiary);cursor:not-allowed}.btn-outline,button.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover,button.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.btn-outline:disabled,button.btn-outline:disabled{color:var(--gray-300);border-color:var(--gray-300);cursor:not-allowed}.btn-danger,button.btn-danger{background-color:var(--error-color);color:var(--white);border:2px solid var(--error-color)}.btn-danger:hover,button.btn-danger:hover{background-color:#dc2626;border-color:#dc2626;box-shadow:var(--shadow-md)}.btn-success,button.btn-success{background-color:var(--success-color);color:var(--white);border:2px solid var(--success-color)}.btn-success:hover,button.btn-success:hover{background-color:#059669;border-color:#059669;box-shadow:var(--shadow-md)}.btn-sm,button.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.btn-lg,button.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg)}input,textarea,select{font-family:var(--font-family-base);font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background-color:var(--white);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff52521a}input:disabled,textarea:disabled,select:disabled{background-color:var(--gray-100);color:var(--text-tertiary);cursor:not-allowed}textarea{resize:vertical;min-height:100px}label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-error{color:var(--error-color);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.form-success{color:var(--success-color);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.card{background-color:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.card-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-md);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-md)}.alert-success{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#7f1d1d}.alert-warning{background-color:#fffbeb;border-color:#fde68a;color:#78350f}.alert-info{background-color:#ecf0ff;border-color:#bfdbfe;color:#1e40af}table{width:100%;border-collapse:collapse}th{background-color:var(--bg-secondary);font-weight:var(--font-semibold);text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--border-color);font-size:var(--text-sm);color:var(--text-secondary)}td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:var(--text-sm)}tr:hover{background-color:var(--bg-secondary)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge-primary{background-color:#fce4e4;color:#c62828}.badge-success{background-color:#dcfce7;color:#166534}.badge-error{background-color:#fee2e2;color:#991b1b}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-gray{background-color:#f3f4f6;color:#374151}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--text-tertiary)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-lg)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.hidden{display:none!important}.visible{display:block!important}@media(max-width:768px){:root{--spacing-lg: 16px;--spacing-xl: 24px;--text-3xl: 24px;--text-4xl: 28px}h1{font-size:var(--text-2xl)}.card{padding:var(--spacing-md)}button,.btn{padding:var(--spacing-sm) var(--spacing-md)}}:root{--accent-color: #e63946;--accent-shadow: rgba(230, 57, 70, .25)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{height:100%;width:100%}body{margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}a:active{color:var(--primary-dark)}body{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#1a1a2e;background:#f1f4f8}.table-striped>tbody>tr:nth-of-type(2n){background-color:#f0f4f8!important}.table-striped>tbody>tr:nth-of-type(odd){background-color:#fff!important}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.navbar,.navbar-expand-md{opacity:1!important;background-color:#fff!important;filter:none!important}.navbar-expand-md.navbar{visibility:visible!important;display:flex!important}.collapse.navbar-collapse{opacity:1!important}.navbar *{opacity:1!important;filter:none!important}.nav-link,.navbar-nav .nav-link{opacity:1!important;color:#000!important;filter:none!important}.nav-link:hover,.navbar-nav .nav-link:hover{opacity:1!important;color:#ff5252!important}.dropdown-menu{opacity:1!important}.navbar .dropdown-item.active{color:var(--accent-color)!important;background-color:transparent!important}.navbar .dropdown-item:hover{color:var(--accent-color);background-color:transparent}.btn-primary{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;min-height:35px}.btn-primary:hover{background-color:color-mix(in srgb,var(--accent-color) 90%,black 10%);border-color:color-mix(in srgb,var(--accent-color) 90%,black 10%)}.nav-item.dropdown.active:after{border-bottom:2px solid var(--accent-color)}.page-item.active .page-link{background-color:var(--accent-color);border-color:var(--accent-color)!important}.form-control:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 .25rem var(--accent-shadow)!important}.form-check-input:checked{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 .25rem var(--accent-shadow)!important}.form-check-input:focus{box-shadow:0 0 0 .25rem var(--accent-shadow)!important}.btn.dropdown-toggle.align-text-top.show{color:var(--accent-color);border-color:var(--accent-color)}.navbar .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{color:var(--accent-color)}.btn.active{color:var(--accent-color)!important;border:1px solid var(--accent-color);background-color:transparent;transition:none!important}.btn:focus,.btn:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--accent-color)!important}.input-icon .input-icon-addon:first-child,.input-icon .input-icon-addon:last-child{padding-left:1rem}.table-responsive .dropdown-menu{position:absolute;top:auto}.table-fixed-height{min-height:357px;overflow-y:auto;width:100%}.table-responsive{width:100%;overflow-x:auto}.page-wrapper{margin-bottom:20px}body.swal2-shown{overflow-y:auto!important;padding-right:0!important}.dropdown>.btn{background-color:#fff!important;color:#000!important;opacity:1!important;filter:none!important;text-align:left}.dropdown>.btn:hover,.dropdown>.btn:focus{background-color:#fff!important;color:#ff5252!important;opacity:1!important;border-color:var(--accent-color)}.dropdown-menu{background-color:#fff!important;opacity:1!important;filter:none!important;color:var(--text-color)}.dropdown-menu .dropdown-item{color:var(--text-color);opacity:1!important;background-color:#fff!important}.dropdown-menu .dropdown-item:hover{opacity:1!important;background-color:#f5f5f5!important}.icon-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;font-size:1.2rem;color:inherit}.icon-btn:hover{color:var(--accent-color)}.settings-popup{background-color:var(--background-color);color:var(--text-color);border-color:var(--accent-color);min-width:150px;box-shadow:0 4px 12px #00000026;transition:background-color .25s,color .25s}.settings-popup .form-check-label{color:var(--text-color)}.settings-popup .form-check-input:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.form-check-input:checked{background-color:#ff5252!important;border-color:#ff5252!important}.form-check-input:focus{border-color:#ff5252!important;box-shadow:0 0 0 .25rem #ff525240!important}.form-check-input:hover:not(:disabled){cursor:pointer}.card-body::-webkit-scrollbar{width:6px;opacity:0;transition:opacity .3s ease}.card-body:hover::-webkit-scrollbar{opacity:1}.card-body::-webkit-scrollbar-track{background:transparent}.card-body::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.card-body:hover::-webkit-scrollbar-thumb{background:#00000059}.card-body{scrollbar-width:none}.card-body:hover{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent}.list-group-item{opacity:0;transform:translateY(10px);animation:fadeSlideUp .4s ease forwards}.list-group-item:nth-child(1){animation-delay:.05s}.list-group-item:nth-child(2){animation-delay:.1s}.list-group-item:nth-child(3){animation-delay:.15s}.list-group-item:nth-child(4){animation-delay:.2s}.list-group-item:nth-child(5){animation-delay:.25s}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.card-body{position:relative;overflow-y:auto}.card-body:before,.card-body:after{content:"";position:sticky;left:0;right:0;height:12px;pointer-events:none;z-index:1}.card-body:before{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent)}.card-body:after{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.1),transparent)}input[readonly]{background-color:#e9ecef;cursor:not-allowed;opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-menu{animation:slideIn .2s ease-out forwards;box-shadow:0 4px 12px #00000026;border:1px solid var(--accent-color);border-radius:.375rem;overflow:hidden;background-color:var(--background-color);z-index:1000}.custom-dropdown-item{transition:all .15s ease;cursor:pointer;padding:.5rem 1rem;display:flex;align-items:center;color:var(--text-color)}.custom-dropdown-item:hover{background-color:color-mix(in srgb,var(--accent-color) 10%,var(--background-color));color:var(--accent-color);padding-left:1.25rem}.custom-dropdown-item.active{background-color:color-mix(in srgb,var(--accent-color) 20%,var(--background-color));color:var(--accent-color);font-weight:600}.custom-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--background-color);color:var(--text-color);transition:border-color .2s}.custom-dropdown-trigger.open{border-color:var(--accent-color)!important;box-shadow:0 0 0 .25rem var(--accent-shadow)!important}*,*:before,*:after{box-sizing:border-box}html,body{margin:0!important;padding:0!important;overflow-x:hidden}.public-wrapper{min-height:100vh;width:100%;display:flex;flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.public-topbar{background:#060f1f;border-bottom:1px solid rgba(255,255,255,.06)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:38px}.topbar-left{display:flex;align-items:center;gap:20px}.topbar-social-link{color:#ffffff73;font-size:13px;text-decoration:none;transition:color .2s}.topbar-social-link:hover{color:#e63946}.topbar-contact{display:flex;align-items:center;gap:6px;color:#ffffff80;font-size:12px;text-decoration:none;transition:color .2s}.topbar-contact:hover{color:#ffffffd9}.topbar-contact i{font-size:11px}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-login-btn{font-size:12px;font-weight:500;color:#ffffffa6;text-decoration:none;padding:4px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.15);transition:all .2s;letter-spacing:.3px}.topbar-login-btn:hover{color:#fff;border-color:#fff6}.topbar-register-btn{font-size:12px;font-weight:600;color:#fff;text-decoration:none;padding:4px 12px;border-radius:4px;background:#e63946;transition:background .2s;letter-spacing:.3px}.topbar-register-btn:hover{background:#c1121f}.public-navbar{background:#0d1b35;position:sticky;top:0;z-index:200;box-shadow:0 2px 20px #00000059}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.logo-img{height:40px;width:auto;border-radius:8px;object-fit:contain;background-color:#fff;padding:4px 8px}.logo-text{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.5px}.logo-text span{color:#e63946}.navbar-links{display:flex;align-items:center;gap:2px}.navbar-link{color:#ffffffbf;text-decoration:none;padding:8px 14px;font-size:14px;font-weight:500;border-radius:6px;transition:all .18s;white-space:nowrap}.navbar-link:hover{color:#fff;background:#ffffff14}.navbar-dropdown-wrap{position:relative}.navbar-dropdown-trigger{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px}.navbar-dropdown-trigger.active{color:#fff;background:#ffffff14}.navbar-caret{font-size:10px;opacity:.7}.navbar-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:#0d1b35;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:160px;box-shadow:0 8px 24px #00000059;z-index:1000;overflow:hidden}.navbar-dropdown-item{display:block;padding:10px 16px;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.navbar-dropdown-item:hover{background:#ffffff14;color:#fff}.navbar-cart{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;background:#e63946;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s,transform .15s;flex-shrink:0}.navbar-cart:hover{background:#c1121f;transform:translateY(-1px)}.cart-icon-wrap{position:relative;display:flex;align-items:center}.cart-count{position:absolute;top:-8px;right:-10px;background:#fff;color:#e63946;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.cart-label{font-size:14px}.public-content{flex:1}.public-footer{background:#060f1f;color:#ffffffb3}.footer-widgets{padding:72px 0 40px;background:linear-gradient(160deg,#0d1b35,#060f1f);border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:48px}.footer-logo{width:48px;height:48px;border-radius:10px;object-fit:cover;margin-bottom:16px}.footer-about .footer-brand{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 8px}.footer-about .footer-desc{color:#ffffff80;font-size:13px;line-height:1.65;margin:0 0 20px}.footer-about .footer-email-row{display:flex;align-items:center;gap:8px;color:#ffffff8c;font-size:13px}.footer-about .footer-email-row a{color:#e63946;text-decoration:none}.footer-about .footer-email-row a:hover{text-decoration:underline}.footer-widget-title{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.footer-links li a{color:#ffffff8c;text-decoration:none;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.footer-links li a:before{content:"›";color:#e63946;font-weight:700;font-size:16px;line-height:1}.footer-links li a:hover{color:#fff;padding-left:2px}.footer-newsletter p{color:#ffffff8c;font-size:13px;margin-bottom:14px;line-height:1.6}.newsletter-form{display:flex;flex-direction:column;gap:10px}.newsletter-form input{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:#fff;font-size:13px;outline:none;transition:border-color .2s}.newsletter-form input::placeholder{color:#ffffff4d}.newsletter-form input:focus{border-color:#e63946}.newsletter-form .btn-primary{background:#e63946;color:#fff;border:none;padding:10px 16px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s}.newsletter-form .btn-primary:hover{background:#c1121f}.footer-payment{margin-top:22px}.footer-widget-title.sm{font-size:12px;margin-bottom:10px}.payment-img{max-width:100%;height:auto;margin-top:8px;opacity:.75}.footer-copyright{padding:20px 0;border-top:1px solid rgba(255,255,255,.06)}.footer-copyright .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-social{list-style:none;margin:0;padding:0;display:flex;gap:12px}.footer-social li a{color:#fff6;font-size:16px;transition:color .2s}.footer-social li a:hover{color:#e63946}.copyright-text{color:#ffffff59;font-size:12px;margin:0}.copyright-text a{color:#e63946;text-decoration:none}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media(max-width:768px){.public-topbar{display:none}.navbar-inner{height:56px}.navbar-links{gap:0}.navbar-link{padding:6px 10px;font-size:13px}.logo-text{font-size:1.1rem}.footer-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:560px){.navbar-link{display:none}.navbar-links .navbar-link:first-child{display:flex}}.hero-section{background:linear-gradient(135deg,#060f1f,#0d1b35,#1a2f58);padding:100px 0 80px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(230,57,70,.12) 0%,transparent 70%);top:-150px;right:-150px;border-radius:50%;pointer-events:none}.hero-section:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(26,47,88,.5) 0%,transparent 70%);bottom:-100px;left:-100px;border-radius:50%;pointer-events:none}.hero-section .container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#e6394626;border:1px solid rgba(230,57,70,.35);border-radius:50px;padding:6px 18px;margin-bottom:28px;color:#ff8a92;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hero-badge-dot{width:7px;height:7px;background:#e63946;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.hero-section h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;color:#fff;margin:0 0 20px;line-height:1.15;letter-spacing:-.5px;max-width:760px}.hero-section h1 span{color:#e63946;position:relative}.hero-section .hero-subtitle{color:#fff9;font-size:1.1rem;line-height:1.65;max-width:540px;margin:0 0 40px}.hero-cta-group{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:60px}.hero-btn-primary{background:#e63946;color:#fff;text-decoration:none;padding:15px 36px;border-radius:10px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 6px 24px #e6394666}.hero-btn-primary:hover{background:#c1121f;transform:translateY(-2px);box-shadow:0 10px 30px #e6394680}.hero-btn-secondary{background:#ffffff14;color:#fff;text-decoration:none;padding:15px 36px;border-radius:10px;font-size:15px;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .2s}.hero-btn-secondary:hover{background:#ffffff24;transform:translateY(-2px)}.hero-stats{display:flex;gap:48px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:40px;width:100%;max-width:600px;justify-content:center}.hero-stat{text-align:center}.hero-stat-number{display:block;font-size:1.8rem;font-weight:900;color:#fff}.hero-stat-label{font-size:12px;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.domain-section{background:#fff;padding:64px 0;border-bottom:1px solid #e8edf4}.domain-section h2{text-align:center;font-size:1.8rem;font-weight:800;color:#0d1b35;margin:0 0 8px}.domain-section .section-subtitle{text-align:center;color:#8a9bbf;margin-bottom:32px;font-size:14px}.domain-search-bar{display:flex;max-width:640px;margin:0 auto 32px;border-radius:12px;overflow:hidden;border:2px solid #e8edf4;box-shadow:0 4px 20px #0d1b3514;transition:border-color .2s}.domain-search-bar:focus-within{border-color:#e63946}.domain-search-bar input{flex:1;border:none;outline:none;padding:16px 20px;font-size:16px;color:#0d1b35;background:#fff}.domain-search-bar input::placeholder{color:#b0bccf}.domain-search-bar button,.domain-search-btn{background:#e63946;border:none;color:#fff;padding:0 28px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;white-space:nowrap}.domain-search-bar button:hover,.domain-search-btn:hover{background:#c1121f}.domain-extensions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.domain-ext-pill{background:#f1f4f8;border:1px solid #e0e7f0;border-radius:50px;padding:8px 20px;font-size:13px;text-align:center;color:#0d1b35}.domain-ext-pill strong{display:block;font-size:15px;font-weight:800;color:#0d1b35}.domain-ext-pill span{font-size:11px;color:#8a9bbf}.services-section{background:#f1f4f8;padding:80px 0}.section-header{text-align:center;margin-bottom:52px}.section-eyebrow{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#e63946;margin-bottom:12px}.section-title{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;color:#0d1b35;margin:0 0 12px;line-height:1.25}.section-desc{color:#6b7da0;font-size:1rem;max-width:540px;margin:0 auto;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{background:#fff;border-radius:16px;padding:32px 24px;border:1px solid #e8edf4;box-shadow:0 2px 12px #0d1b350d;text-align:center;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .25s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#e63946;transform:scaleX(0);transform-origin:left;transition:transform .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0d1b3521;border-color:#e63946}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:64px;height:64px;background:linear-gradient(135deg,#f8fafc,#eef2f7);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:4px;transition:transform .2s}.service-card:hover .service-icon{transform:scale(1.1)}.service-card h3{font-size:1.05rem;font-weight:700;color:#0d1b35;margin:0}.service-card p{font-size:13px;color:#8a9bbf;line-height:1.55;margin:0}.service-price{font-size:14px;font-weight:700;color:#e63946;margin-top:auto}.features-section{background:linear-gradient(135deg,#0d1b35,#060f1f);padding:80px 0;position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(230,57,70,.08) 0%,transparent 70%);top:-100px;left:50%;transform:translate(-50%)}.features-section .section-title{color:#fff}.features-section .section-desc{color:#ffffff80}.features-section .section-header{position:relative}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px 28px;transition:all .25s}.feature-card:hover{background:#ffffff12;border-color:#e6394666;transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:16px;display:block}.feature-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 10px}.feature-card p{font-size:14px;color:#ffffff80;line-height:1.65;margin:0}.cta-section{background:linear-gradient(90deg,#e63946,#c1121f);padding:72px 0;text-align:center}.cta-section h2{font-size:2rem;font-weight:800;color:#fff;margin:0 0 14px}.cta-section p{color:#ffffffbf;font-size:1rem;margin:0 0 32px}.cta-btn{display:inline-block;background:#fff;color:#e63946;padding:15px 40px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 20px #0003}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000040}@media(max-width:1024px){.services-grid,.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{padding:72px 0 60px}.hero-stats{gap:28px}.hero-cta-group{flex-direction:column;align-items:center}.hero-btn-primary,.hero-btn-secondary{width:100%;max-width:320px;text-align:center}.services-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}}@media(max-width:560px){.services-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:20px}.cta-section h2{font-size:1.6rem}}.auth-wrapper{min-height:100vh;display:flex;font-family:Inter,Segoe UI,system-ui,sans-serif}.auth-brand-panel{width:420px;flex-shrink:0;background:linear-gradient(160deg,#0d1b35,#060f1f);display:flex;align-items:stretch;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(230,57,70,.14) 0%,transparent 65%);top:-100px;right:-180px;pointer-events:none}.auth-brand-panel:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(230,57,70,.08) 0%,transparent 65%);bottom:-80px;left:-80px;pointer-events:none}.auth-brand-inner{display:flex;flex-direction:column;padding:48px 44px;width:100%;position:relative;z-index:1}.auth-brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:56px}.auth-logo-img{height:56px;width:auto;object-fit:contain}.auth-logo-text{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:.3px}.auth-brand-copy{margin-bottom:40px}.auth-brand-copy h2{font-size:1.6rem;font-weight:800;color:#fff;line-height:1.25;margin:0 0 14px}.auth-brand-copy p{color:#ffffff8c;font-size:14.5px;line-height:1.65;margin:0}.auth-brand-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;flex:1}.auth-brand-features li{display:flex;align-items:flex-start;gap:14px}.auth-feature-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px;width:36px;height:36px;background:#ffffff0f;border-radius:8px;display:flex;align-items:center;justify-content:center}.auth-brand-features li div{display:flex;flex-direction:column;gap:2px}.auth-brand-features li strong{font-size:13.5px;font-weight:600;color:#fff}.auth-brand-features li span{font-size:12.5px;color:#ffffff73}.auth-brand-footer{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.auth-brand-footer a{color:#ffffff73;font-size:13px;text-decoration:none;transition:color .2s}.auth-brand-footer a:hover{color:#fffc}.auth-form-panel{flex:1;background:#f8f9fb;display:flex;align-items:center;justify-content:center;padding:48px 32px;overflow-y:auto}.auth-form-inner{width:100%;max-width:440px}.auth-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 40px #0d1b3517;border:1px solid #e8edf4}.auth-card-header{text-align:center;margin-bottom:32px}.auth-card-header h1{font-size:1.65rem;font-weight:800;color:#0d1b35;margin:0 0 8px}.auth-card-header p{color:#8a9bbf;font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:13px;font-weight:600;color:#3d4f6e;letter-spacing:.2px}.auth-label .optional{font-weight:400;color:#a0adc2;margin-left:4px}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:12px 16px;border:1.5px solid #dde3ed;border-radius:10px;font-size:14.5px;font-family:inherit;color:#0d1b35;background:#fff;outline:none;transition:border-color .18s,box-shadow .18s}.auth-input::placeholder{color:#b0bccf}.auth-input:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.auth-input.has-suffix{padding-right:44px}.auth-input-suffix{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:#a0adc2;font-size:16px;padding:0;display:flex;align-items:center;transition:color .2s}.auth-input-suffix:hover{color:#3d4f6e}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-section{border:1.5px solid #e8edf4;border-radius:12px;overflow:hidden}.auth-section-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f8fafb;border:none;cursor:pointer;width:100%;font-family:inherit;text-align:left;transition:background .15s}.auth-section-toggle:hover{background:#f0f3f7}.auth-section-toggle-label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#3d4f6e}.auth-section-badge{font-size:11px;background:#e8edf4;color:#6b7da0;padding:2px 8px;border-radius:20px;font-weight:500}.auth-section-caret{font-size:11px;color:#a0adc2;transition:transform .2s}.auth-section-caret.open{transform:rotate(180deg)}.auth-section-body{padding:16px;display:flex;flex-direction:column;gap:14px;background:#fff;border-top:1px solid #e8edf4}.auth-submit{width:100%;padding:14px;background:#e63946;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,transform .15s;margin-top:4px}.auth-submit:hover:not(:disabled){background:#c1121f;transform:translateY(-1px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-submit-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-footer-text{text-align:center;margin-top:24px;font-size:14px;color:#8a9bbf}.auth-footer-text a{color:#e63946;font-weight:600;text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}@media(max-width:860px){.auth-brand-panel{display:none}.auth-form-panel{background:#fff}.auth-card{box-shadow:none;border:none;padding:28px 20px}}@media(max-width:480px){.auth-form-row{grid-template-columns:1fr}.auth-form-panel{padding:24px 16px}}.admin-login-container{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff5252,#d32f2f);padding:20px}.admin-login-card{background:#fff;padding:50px;border-radius:12px;box-shadow:0 15px 50px #0000004d;width:100%;max-width:420px}.admin-login-card h1{text-align:center;color:#333;margin-bottom:10px;font-size:2rem}.subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:.95rem}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:4px solid #c33;font-size:.9rem}.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:#333;font-weight:600;font-size:.95rem}.form-group input{padding:12px 16px;border:2px solid #e1e4e8;border-radius:6px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#ff5252;box-shadow:0 0 0 3px #ff52521a}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff525266}.btn-login:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:20px}.btn-back{background:none;border:none;color:#ff5252;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:underline;transition:color .3s ease}.btn-back:hover{color:#d32f2f}@media(max-width:480px){.admin-login-card{padding:35px 25px}.admin-login-card h1{font-size:1.6rem}.subtitle{font-size:.85rem}.form-group input{padding:10px 14px;font-size:.95rem}.btn-login{padding:12px;font-size:.95rem}}.ca-wrapper{display:flex;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#f1f4f8}.ca-sidebar{width:260px;flex-shrink:0;background:#0d1b35;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;z-index:50}.ca-sidebar-logo{display:flex;align-items:center;gap:10px;padding:24px 20px 20px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}.ca-sidebar-logo img{width:36px;height:36px;border-radius:8px;object-fit:cover}.ca-sidebar-logo span{font-size:1.15rem;font-weight:800;color:#fff}.ca-sidebar-section{padding:4px 0}.ca-sidebar-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;padding:12px 20px 6px}.ca-nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#fff9;text-decoration:none;font-size:14px;font-weight:500;border-radius:0;transition:all .18s;cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative}.ca-nav-item:hover{color:#fff;background:#ffffff0f}.ca-nav-item.active{color:#fff;background:#e6394626;font-weight:600}.ca-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e63946;border-radius:0 2px 2px 0}.ca-nav-icon{font-size:16px;flex-shrink:0}.ca-nav-label{flex:1}.ca-nav-badge{background:#e63946;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.ca-nav-locked{opacity:.4;cursor:not-allowed}.ca-nav-locked .ca-nav-coming{font-size:10px;color:#ffffff59;font-weight:400;margin-left:auto}.ca-sidebar-spacer{flex:1}.ca-sidebar-user{border-top:1px solid rgba(255,255,255,.06);padding:16px 20px;display:flex;align-items:center;gap:12px}.ca-sidebar-avatar{width:36px;height:36px;background:linear-gradient(135deg,#e63946,#c1121f);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.ca-sidebar-user-info{flex:1;min-width:0}.ca-sidebar-user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-sidebar-user-email{font-size:11px;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-logout-btn{background:none;border:none;color:#ffffff59;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;flex-shrink:0}.ca-logout-btn:hover{color:#ffffffe6;background:#ffffff14}.ca-logout-btn--signout:hover{color:#e63946;background:#e639461f}.ca-main{flex:1;display:flex;flex-direction:column;min-width:0}.ca-topbar{background:#fff;border-bottom:1px solid #e8edf4;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.ca-topbar-title{font-size:1.05rem;font-weight:700;color:#0d1b35}.ca-topbar-right{display:flex;align-items:center;gap:16px}.ca-topbar-link{color:#6b7da0;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.ca-topbar-link:hover{color:#e63946}.ca-content{padding:32px;flex:1}.ca-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.ca-stat-card{background:#fff;border-radius:14px;padding:24px;border:1px solid #e8edf4;box-shadow:0 2px 10px #0d1b350d;display:flex;align-items:center;gap:16px}.ca-stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.ca-stat-info{flex:1}.ca-stat-value{font-size:1.8rem;font-weight:800;color:#0d1b35;line-height:1;margin-bottom:4px}.ca-stat-label{font-size:12.5px;color:#8a9bbf;font-weight:500}.ca-card{background:#fff;border-radius:16px;border:1px solid #e8edf4;box-shadow:0 2px 12px #0d1b350d;margin-bottom:24px;overflow:hidden}.ca-card-header{padding:20px 24px;border-bottom:1px solid #f0f3f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.ca-card-title{font-size:1rem;font-weight:700;color:#0d1b35;margin:0}.ca-card-action{font-size:13px;color:#e63946;text-decoration:none;font-weight:600;transition:opacity .2s}.ca-card-action:hover{opacity:.75}.ca-card-body{padding:24px}.ca-tabs{display:flex;gap:4px;align-items:center}.ca-tab{padding:6px 16px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#6b7da0;font-weight:500;font-size:13.5px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.ca-tab.active{background:#0d1b35;color:#fff;border-color:#0d1b35;font-weight:700}.ca-tab:hover:not(.active){background:#f0f3f7;color:#0d1b35;border-color:#d1d9e6}.ca-table-wrap{overflow-x:auto}.ca-table{width:100%;border-collapse:collapse;font-size:13.5px}.ca-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#8a9bbf;background:#f8fafb;border-bottom:1px solid #e8edf4}.ca-table td{padding:14px 16px;border-bottom:1px solid #f0f3f7;color:#3d4f6e;vertical-align:middle}.ca-table tbody tr:last-child td{border-bottom:none}.ca-table tbody tr:hover td{background:#fafbfd}.ca-table tbody tr.ca-table-row-clickable:hover td{background:#f0f4ff}.ca-table tbody tr.ca-table-row-clickable:active td{background:#e8eeff}.ca-table-empty{text-align:center;padding:48px 24px;color:#8a9bbf;font-size:14px}.ca-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:capitalize}.ca-badge-dot{width:6px;height:6px;border-radius:50%}.ca-badge.active{background:#dcfce7;color:#16a34a}.ca-badge.active .ca-badge-dot{background:#16a34a}.ca-badge.pending{background:#fef9c3;color:#a16207}.ca-badge.pending .ca-badge-dot{background:#a16207}.ca-badge.suspended{background:#fef9c3;color:#92400e}.ca-badge.suspended .ca-badge-dot{background:#d97706}.ca-badge.inactive{background:#fee2e2;color:#dc2626}.ca-badge.inactive .ca-badge-dot{background:#dc2626}.ca-badge.cancelled{background:#f3f4f6;color:#6b7280}.ca-badge.cancelled .ca-badge-dot{background:#9ca3af}.ca-badge.expired{background:#f3f4f6;color:#6b7280}.ca-badge.expired .ca-badge-dot{background:#9ca3af}.ca-badge.registered{background:#dbeafe;color:#1d4ed8}.ca-badge.registered .ca-badge-dot{background:#1d4ed8}.ca-spec-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ca-spec-pill{display:inline-flex;align-items:center;gap:4px;background:#f1f4f8;border:1px solid #e0e7f0;border-radius:6px;padding:3px 9px;font-size:11.5px;color:#3d4f6e;font-weight:500}.ca-welcome{background:linear-gradient(135deg,#0d1b35,#1a2f58);border-radius:16px;padding:32px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.ca-welcome:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(230,57,70,.12) 0%,transparent 70%);top:-80px;right:-60px}.ca-welcome-text h2{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 6px}.ca-welcome-text p{color:#ffffff8c;font-size:14px;margin:0}.ca-welcome-actions{display:flex;gap:12px;flex-shrink:0;position:relative;z-index:1}.ca-btn-primary{background:#e63946;color:#fff;text-decoration:none;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:background .2s}.ca-btn-primary:hover{background:#c1121f}.ca-btn-outline{background:#ffffff14;color:#fff;text-decoration:none;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background .2s}.ca-btn-outline:hover{background:#ffffff24}.ca-loading{display:flex;align-items:center;justify-content:center;padding:60px;flex-direction:column;gap:12px}.ca-spinner{width:36px;height:36px;border:3px solid #e8edf4;border-top-color:#e63946;border-radius:50%;animation:ca-spin .7s linear infinite}@keyframes ca-spin{to{transform:rotate(360deg)}}.ca-loading p{color:#8a9bbf;font-size:14px;margin:0}@media(max-width:1100px){.ca-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ca-sidebar{display:none}.ca-content{padding:20px 16px}.ca-topbar{padding:0 16px}.ca-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.ca-welcome{flex-direction:column}.ca-welcome-actions{width:100%}}@media(max-width:480px){.ca-stats-grid{grid-template-columns:1fr}}.plesk-servers-list{display:flex;flex-wrap:wrap;gap:.25rem}.plesk-servers-list .badge{font-size:.75rem;padding:.25rem .5rem;white-space:nowrap}.tier-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.tier-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #e8edf4;border-radius:12px;background:#fafbfd;cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.tier-option:hover{border-color:#b0bdd4;background:#f4f7fc}.tier-option.selected{border-color:#e63946;background:#fff5f5;box-shadow:0 0 0 3px #e6394614}.tier-option-label{font-size:14px;font-weight:700;color:#0d1b35;min-width:90px}.tier-option-price{font-size:15px;font-weight:700;color:#e63946;flex:1}.tier-option-cycle{font-size:12px;font-weight:400;color:#8a9bbf}.tier-option-setup{font-size:11.5px;color:#8a9bbf;white-space:nowrap}.tier-option-check{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#e63946;font-size:16px;font-weight:700}.tier-modal-overlay{position:fixed;inset:0;background:#0d1b358c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.tier-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:28px;box-shadow:0 24px 60px #0d1b3533}.tier-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tier-modal-header h3{font-size:1.15rem;font-weight:800;color:#0d1b35;margin:0}.tier-modal-close{background:none;border:none;font-size:18px;color:#8a9bbf;cursor:pointer;padding:4px;line-height:1;transition:color .15s}.tier-modal-close:hover{color:#e63946}.tier-modal-subtitle{font-size:13px;color:#8a9bbf;margin:0 0 18px}.tier-modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.tier-modal-confirm{background:#e63946;color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .18s}.tier-modal-confirm:hover{background:#c1121f}.tier-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.tier-modal-cancel{background:none;border:1px solid #e8edf4;border-radius:10px;padding:12px;font-size:14px;font-weight:500;color:#6b7da0;cursor:pointer;font-family:inherit;transition:background .15s}.tier-modal-cancel:hover{background:#f4f7fc}.products-page-header,.products-header{background:linear-gradient(135deg,#0d1b35,#1a2f58);padding:64px 0;text-align:center;position:relative;overflow:hidden}.products-page-header:before,.products-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.products-page-header h1{color:#fff;font-size:2.5rem;font-weight:800;margin:0 0 12px;position:relative}.products-page-header h1 span{color:#e63946}.products-page-header p,.products-header p{color:#ffffffa6;font-size:1.05rem;margin:0;position:relative}.products-header h1{color:#fff;font-size:2.5rem;font-weight:800;margin:0 0 12px;position:relative}.cart-notice{background:linear-gradient(90deg,#0d1b35,#1a2f58);border-bottom:2px solid #e63946}.cart-notice .container{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;gap:16px;flex-wrap:wrap}.cart-notice-text{color:#fff;font-size:14px;font-weight:500}.cart-notice-text span{color:#e63946;font-weight:700}.cart-notice-actions{display:flex;gap:10px}.btn-view-cart{background:#e63946;color:#fff;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}.btn-view-cart:hover{background:#c1121f}.products-section{background:#f1f4f8;padding:40px 0 80px}.products-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:36px}.filter-label{font-size:13px;font-weight:600;color:#5a6a85;text-transform:uppercase;letter-spacing:.8px;margin-right:4px}.filter-btn{padding:9px 22px;border-radius:50px;border:2px solid #dde3ed;background:#fff;color:#3d4f6e;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{border-color:#e63946;color:#e63946;background:#fff5f6}.filter-btn.active{background:#e63946;border-color:#e63946;color:#fff;box-shadow:0 4px 12px #e639464d}.category-section{margin-bottom:56px}.category-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.category-heading h2{font-size:1.35rem;font-weight:800;color:#0d1b35;margin:0}.category-heading-line{flex:1;height:1px;background:linear-gradient(90deg,#e0e7f0,transparent)}.category-badge{background:#e63946;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.8px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e8edf4;box-shadow:0 2px 12px #0d1b350f;display:flex;flex-direction:column;transition:all .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0d1b3521;border-color:#e63946}.product-card-badge{padding:6px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;background:linear-gradient(90deg,#0d1b35,#1a2f58)}.product-card-body{padding:24px;flex:1;display:flex;flex-direction:column}.product-card-title{font-size:1.1rem;font-weight:700;color:#0d1b35;margin:0 0 8px;line-height:1.3}.product-card-group{font-size:12px;font-weight:600;color:#8a9bbf;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.product-card-desc{font-size:13.5px;color:#5a6a85;line-height:1.6;margin-bottom:20px;flex:1}.product-card-pricing{margin-bottom:16px;padding:16px;background:#f8fafb;border-radius:10px;border:1px solid #e8edf4}.product-price-main{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.price-currency{font-size:1rem;font-weight:700;color:#e63946}.price-amount{font-size:2rem;font-weight:800;color:#0d1b35;line-height:1}.price-period{font-size:12px;color:#8a9bbf;font-weight:500}.price-setup{font-size:11.5px;color:#a0adc2;margin-top:4px}.product-card-actions{display:flex;gap:10px}.btn-add-cart{flex:1;background:#e63946;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-add-cart:hover{background:#c1121f;transform:translateY(-1px)}.btn-add-cart.added{background:#16a34a}.btn-details{text-decoration:none;background:transparent;border:2px solid #dde3ed;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;color:#3d4f6e;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center}.btn-details:hover{border-color:#0d1b35;color:#0d1b35}.products-empty{text-align:center;padding:80px 24px;color:#8a9bbf}.products-empty h3{font-size:1.35rem;color:#3d4f6e;margin-bottom:8px}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e8edf4;border-top-color:#e63946;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.products-loading p{color:#8a9bbf;font-size:14px}@media(max-width:900px){.products-grid{grid-template-columns:repeat(2,1fr)}.products-page-header h1{font-size:2rem}}@media(max-width:560px){.products-grid{grid-template-columns:1fr}.products-page-header{padding:44px 0}.products-page-header h1{font-size:1.7rem}.products-filters{gap:6px}.filter-btn{padding:8px 16px;font-size:13px}}