:root{--primary-main: #0d2f63;--primary-dark: #081e40;--primary-light: #1a4a8a;--primary-soft: rgba(13, 47, 99, .1);--primary-shadow: rgba(13, 47, 99, .4);--success-main: #198754;--success-dark: #146c43;--success-soft: rgba(25, 135, 84, .1);--danger-soft: rgba(239, 68, 68, .1);--secondary-soft: rgba(107, 114, 128, .1);--border-light: #f3f4f6;--text-dark: #1f2937;--text-darker: #111827;--transition: all .3s ease;--bs-font-sans-serif: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bs-body-font-family: var(--bs-font-sans-serif);--primary-color: #0d2f63;--accent-color: #1a4a8a;--border-radius: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 30px rgba(0,0,0,.12);--sidebar-text: rgba(255,255,255,.85);--sidebar-border: rgba(255,255,255,.1);--danger-color: #dc3545}.btn-outline-primary{--bs-btn-color: #173773;--bs-btn-border-color: #163672}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: var(--primary-main) !important;--bs-btn-border-color: var(--primary-main) !important;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--primary-dark) !important;--bs-btn-hover-border-color: var(--primary-dark) !important;--bs-btn-focus-shadow-rgb: 13, 47, 99;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--primary-dark) !important;--bs-btn-active-border-color: var(--primary-dark) !important;--bs-btn-active-shadow: inset 0 3px 5px var(--primary-shadow) !important;--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--primary-main) !important;--bs-btn-disabled-border-color: var(--primary-main) !important}.btn-outline-primary{--bs-btn-color: var(--primary-main) !important;--bs-btn-border-color: var(--primary-main) !important;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--primary-main) !important;--bs-btn-hover-border-color: var(--primary-main) !important;--bs-btn-focus-shadow-rgb: 13, 47, 99;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--primary-main);--bs-btn-active-border-color: var(--primary-main) !important;--bs-btn-active-shadow: inset 0 3px 5px var(--primary-shadow) !important;--bs-btn-disabled-color: var(--primary-main) !important;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--primary-main) !important}.btn-success{--bs-btn-color: #fff;--bs-btn-bg: var(--success-main) !important;--bs-btn-border-color: var(--success-main) !important;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--success-dark);--bs-btn-hover-border-color: var(--success-dark) !important;--bs-btn-focus-shadow-rgb: 25, 135, 84;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--success-dark);--bs-btn-active-border-color: var(--success-dark) !important;--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--success-main);--bs-btn-disabled-border-color: var(--success-main) !important}.btn-outline-success{--bs-btn-color: var(--success-main) !important;--bs-btn-border-color: var(--success-main) !important;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--success-main);--bs-btn-hover-border-color: var(--success-main) !important;--bs-btn-focus-shadow-rgb: 25, 135, 84;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--success-main);--bs-btn-active-border-color: var(--success-main) !important;--bs-btn-disabled-color: var(--success-main);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--success-main) !important}.bg-success-soft{background-color:var(--success-soft)!important}.bg-danger-soft{background-color:var(--danger-soft)!important}.bg-secondary-soft{background-color:var(--secondary-soft)!important}.bg-primary-soft{background-color:var(--primary-soft)!important}.border-primary{--bs-border-opacity: 1;border-color:var(--primary-main)!important}.result-card{transition:all .3s ease;border-color:var(--border-light)!important}body{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;background-color:#f8fafc!important;overflow-x:hidden}.app-nav.sticky-top{margin-top:-24px}.bg-dark{--bs-bg-opacity: 1;background-color:#173772!important}.text-primary{color:var(--primary-main)!important}.text-success{color:var(--success-main)!important}.text-danger{color:#ef4444!important}.bg-primary{background-color:var(--primary-main)!important}.bg-success{background-color:var(--success-main)}.form-check-input:checked{background-color:#198754!important;border-color:#198754!important}.opacity-10{opacity:.1}.bg-primary{--bs-bg-opacity: 1;background-color:#163772!important}.btn-primary:hover,.btn-outline-primary:hover{color:#fff;background-color:#173773;border-color:#163672}.sidebar{background:linear-gradient(180deg,#1a3b7a 0% 100%);color:#fff;min-height:100vh;position:fixed;top:0;left:0;width:150px;z-index:1030;box-shadow:2px 0 12px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:1rem 0}.sidebar-nav{width:100%;display:flex;flex-direction:column;gap:.75rem}.sidebar-footer{padding:1rem .5rem;background-color:#0000001a;border-top:1px solid var(--sidebar-border);margin-top:auto;text-align:center}.navbar-right{display:flex;align-items:center;gap:1.5rem}.dropdown-menu{border:none;box-shadow:var(--shadow-lg);border-radius:var(--border-radius);padding:.5rem;min-width:240px;margin-top:.5rem}.dropdown-item{padding:.75rem 1rem;border-radius:6px;transition:var(--transition);display:flex;align-items:center;gap:.75rem}.dropdown-item i{width:20px;text-align:center}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-divider{margin:.5rem 0}.page-title{font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1049;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block}@media(max-width:991.98px){.sidebar{transform:translate(-100%);width:100%;top:0;left:0;z-index:1050;height:100vh;overflow-y:auto;padding:0}.sidebar.show{transform:translate(0)}.sidebar-nav{gap:.5rem}.sidebar-footer{padding:1.5rem 1rem;margin-top:2rem}}.card{border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-header{background-color:#fff;border-bottom:1px solid #e9ecef;font-weight:600;padding:1rem 1.25rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.status-icon-circle{width:96px;height:96px;min-width:96px;min-height:96px;display:flex;align-items:center;justify-content:center}.status-icon-circle i{display:block;line-height:1}.avatar-circle{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-circle i{display:block;line-height:1}.icon-circle{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-circle i{display:block;line-height:1}.dashboard-card{border:none!important;border-radius:16px!important;transition:transform .2s ease,box-shadow .2s ease!important}.card-hover:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000000f!important}.icon-shape{width:48px!important;height:48px!important;display:flex;align-items:center;justify-content:center;border-radius:12px}.icon-shape i{display:block;line-height:1}@media(max-width:991.98px){.mobile-stack{flex-direction:column;text-align:center;align-items:center!important}.domain-table thead{display:none}.domain-table tbody tr{display:block;padding:1.5rem;border-bottom:8px solid #f5f7fa!important}.domain-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border:none}.domain-table tbody td:before{content:attr(data-label);font-weight:700;font-size:.75rem;color:#718096;text-transform:uppercase}.mobile-full-width{width:100%;margin-top:1rem}}.glass-header{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.3)}.stat-pill{background:#fff;border-radius:100px;padding:8px 16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:10px;box-shadow:0 2px 4px #00000005}.app-card{border:none;border-radius:24px;background:#fff;box-shadow:0 10px 25px #00000008}.domain-row{transition:all .2s ease;border-left:4px solid transparent}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}@media(max-width:991.98px){.desktop-only{display:none}.domain-table tbody tr{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:15px;padding:20px;position:relative}.domain-table tbody td{display:flex;justify-content:space-between;padding:8px 0;border:none}.domain-table td[data-label]:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:#94a3b8;text-transform:uppercase}.mobile-actions{margin-top:15px;padding-top:15px;border-top:1px dashed #e2e8f0;display:grid;grid-template-columns:1fr 1fr;gap:10px}}.billing-wrapper{max-width:800px;margin:0 auto}.balance-header{background-color:#1a1d23;color:#fff;padding:2.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.balance-amount{color:#818cf8;font-weight:800;font-size:calc(1.8rem + 1.5vw);margin-bottom:0;line-height:1}.form-section{padding:2.5rem}.form-label{font-weight:700;font-size:.8rem;color:#4a5568;text-transform:uppercase;letter-spacing:.05em}.form-control{border-radius:8px;padding:.8rem 1rem;border:1px solid #e2e8f0;background-color:#fcfcfd}.btn-vibrant-blue{background-color:#06f;color:#fff;border:none;border-radius:50px;padding:.9rem 2.5rem;font-weight:700;transition:all .2s;width:auto}.btn-vibrant-blue:hover{background-color:#0052cc;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #06f3}.info-box{background-color:#f8faff;border-radius:12px;padding:1.5rem;border:1px solid #edf2f7}.security-tag{font-size:.75rem;color:#718096;text-align:center;margin-top:1.5rem}.credit-history-card{background:#fff;border-radius:16px;border:none;box-shadow:0 4px 15px #00000008;margin-top:2rem;overflow:hidden}.credit-history-header{background-color:#f8faff;padding:1.25rem 1.5rem;border-bottom:1px solid #edf2f7}.transaction-list{max-height:300px;overflow-y:auto}.transaction-item{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.transaction-item:hover{background-color:#f8faff}.transaction-item:last-child{border-bottom:none}.transaction-date{font-size:.8rem;color:#64748b}.transaction-description{font-weight:500;color:#1e293b;margin-bottom:.25rem}.transaction-amount{font-weight:700;font-size:.95rem}.transaction-amount.addition{color:#10b981}.quick-amount-btn{border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.quick-amount-btn:hover{border-color:#0d2f63;color:#0d2f63;background:#f8faff}@media(max-width:576px){.balance-header{padding:2rem 1.5rem;text-align:center;justify-content:center}.form-section{padding:2rem 1.5rem}.btn-vibrant-blue{width:100%}.header-actions{flex-direction:column;align-items:center!important;text-align:center;gap:1rem}.transaction-item{padding:.75rem 1rem}}.page-title{font-weight:800;color:#1a1d23}.invoice-card{background:#fff;border-radius:16px;border:none;box-shadow:0 4px 24px #0000000a;overflow:hidden}.table thead th{background-color:#fcfcfd;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;font-weight:700;color:#718096;border-bottom:1px solid #edf2f7;padding:1.25rem}.table tbody td{padding:1.25rem;vertical-align:middle;color:#4a5568;border-bottom:1px solid #f7f9fc}.badge-paid{background:#22c55e1a;color:#22c55e;border-radius:50px;padding:6px 14px;font-weight:700;font-size:.75rem;white-space:nowrap}.badge-unpaid{background:#f59e0b1a;color:#f59e0b;border-radius:50px;padding:6px 14px;font-weight:700;font-size:.75rem;white-space:nowrap}.badge-draft{background:#7180961a;color:#718096;border-radius:50px;padding:6px 14px;font-weight:700;font-size:.75rem;white-space:nowrap}.btn-view{background-color:var(--primary-soft);color:var(--primary-main);border:1px solid var(--primary-soft);border-radius:8px!important;font-weight:600!important;transition:all .2s!important}.btn-view:hover{background-color:var(--primary-main);color:#fff!important}.btn-vibrant-sm{background-color:var(--primary-main);color:#fff;border-radius:50px!important;padding:.6rem 1.5rem!important;font-weight:600!important;transition:.2s!important}@media(max-width:768px){.page-header-stack{flex-direction:column;text-align:center;gap:1.5rem}.table thead{display:none}.table tbody tr{display:block;padding:1.5rem;border-bottom:8px solid #f5f7fa}.table tbody td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border:none;text-align:right}.table tbody td:before{content:attr(data-label);font-weight:700;color:#718096;text-transform:uppercase;font-size:.7rem;text-align:left}.table tbody td:last-child{margin-top:1rem;justify-content:center}.btn-view{width:100%}}.invoice-container{max-width:900px;margin:0 auto}.premium-card{background:#fff;border-radius:16px;border:none;box-shadow:0 10px 30px #0000000d;overflow:hidden}.invoice-top-bar{background-color:var(--primary-main);color:#fff;padding:2.5rem}.status-badge-lg{padding:8px 20px;border-radius:50px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.badge-paid{background:#22c55e33;color:#22c55e}.badge-unpaid{background:#f59e0b33;color:#f59e0b}.badge-draft{background:#ffffff1a;color:#cbd5e0}.label-caps{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#718096;display:block;margin-bottom:.5rem}.info-text{color:#1a1d23;font-weight:500}.table-invoice thead th{background-color:#f8faff;border:none;font-weight:700;font-size:.8rem;color:#4a5568;padding:1rem 1.5rem}.table-invoice tbody td{padding:1.5rem;border-bottom:1px solid #f1f4f8;vertical-align:middle}.total-row{background-color:#fcfcfd;font-size:1.1rem}.btn-action{border-radius:50px!important;font-weight:700!important;padding:.6rem 1.5rem!important;transition:.2s!important}.btn-download{background-color:var(--primary-main)!important;color:#fff!important;border:none!important}.btn-download:hover{background-color:var(--success-dark)!important;color:#fff!important;transform:translateY(-1px)!important}.payment-option{border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.payment-option:hover{border-color:#06f;background-color:#0066ff0d}.payment-option.selected{border-color:#06f;background-color:#0066ff1a}.balance-info{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:1rem}@media(max-width:768px){.invoice-top-bar{padding:1.5rem;text-align:center}.header-flex{flex-direction:column;gap:1.5rem}.mobile-text-center{text-align:center!important}.mobile-mt{margin-top:1.5rem}.pagination svg{width:16px;height:16px}}.dot-success{color:var(--success-main)}.tld-label{font-size:clamp(1.5rem,4vw,1.9rem);line-height:1.1;color:var(--primary-main)}.tld-label .dot-success{color:var(--success-main)}.price-text{font-size:.78rem;color:#64748b}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#fff}.fixed{position:fixed}.inset-0{inset:0}.overflow-y-auto{overflow-y:auto}.z-50{z-index:1050}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bg-gray-500{background-color:#6b7280}.opacity-75{opacity:.75}.absolute{position:absolute}.bg-white{background-color:#fff}.rounded-lg{border-radius:.5rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.mb-6{margin-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.text-gray-900{color:#111827}.mt-4{margin-top:1rem}.text-sm{font-size:.875rem}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.border-gray-300{border-color:#d1d5db}.rounded-md{border-radius:.375rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.mt-1{margin-top:.25rem}.block{display:block}.w-3\/4{width:75%}.bg-gray-100{background-color:#f3f4f6}.flex{display:flex}.flex-row{flex-direction:row}.justify-end{justify-content:flex-end}.text-end{text-align:end}.items-center{align-items:center}.border{border-width:1px;border-style:solid}.border-transparent{border-color:transparent}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-xs{font-size:.75rem}.ms-3{margin-left:.75rem}.bg-gray-800{background-color:#1f2937}.text-white{color:#fff!important}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.transform{transform:translateZ(0)}.transition-all{transition:all .2s ease}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:max-w-2xl{max-width:42rem}.sm\:w-full{width:100%}
