: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)}.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:#f8f9fa!important;overflow-x:hidden}.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)!important}.p-3-2{padding:1rem}.p-3{padding:.6rem 1rem!important}.p-4{padding:1rem 1.6rem!important}.form-check-input:checked{background-color:#198754!important;border-color:#198754!important}.opacity-10{opacity:10%;color:#fff}.bg-primary{--bs-bg-opacity: 1;background-color:#163772!important}.btn:hover{color:var(--bs-btn-hover-color);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-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 .5rem}.sidebar-logo-container{margin-bottom:2rem;padding:0 .5rem;text-align:center}.sidebar-logo{height:35px;filter:brightness(0) invert(1)}.sidebar-nav{width:100%;display:flex;flex-direction:column;gap:.75rem}.sidebar-nav-item{text-decoration:none;color:var(--sidebar-text);display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:var(--border-radius);transition:var(--transition);position:relative}.sidebar-nav-item:hover{background-color:#ffffff1a;color:#fff}.sidebar-nav-item.active{background-color:#ffffff26;color:#fff}.sidebar-nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:#fff;border-radius:0 4px 4px 0}.sidebar-nav-icon{font-size:1.4rem;margin-bottom:.5rem}.sidebar-nav-label{font-size:.75rem;font-weight:500;letter-spacing:.2px;text-align:center;line-height:1.2}.sidebar-footer{padding:1rem .5rem;background-color:#0000001a;border-top:1px solid var(--sidebar-border);margin-top:auto;text-align:center}.user-info{font-size:.7rem}.user-name{font-weight:600;color:#fff;margin-top:.25rem;font-size:.75rem}.main-content{margin-left:150px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;display:flex;flex-direction:column}.top-navbar{background-color:#fff;box-shadow:var(--shadow-sm);padding:.75rem 0;position:sticky;top:0;z-index:1020}.top-navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar-right{display:flex;align-items:center;gap:1.5rem}.nav-icon-btn{background:none;border:none;color:#6c757d;font-size:1.25rem;padding:.5rem;border-radius:50%;transition:var(--transition);position:relative}.nav-icon-btn:hover{background-color:#f8f9fa;color:var(--primary-color)}.notification-badge{position:absolute;top:0;right:0;width:8px;height:8px;background-color:var(--danger-color);border-radius:50%;border:2px solid white}.user-dropdown-toggle{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#495057;padding:.5rem .75rem;border-radius:var(--border-radius);transition:var(--transition)}.user-dropdown-toggle:hover{background-color:#f8f9fa}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.user-info-sm{line-height:1.3}.user-name-sm{font-weight:600;font-size:.9rem}.user-role-sm{font-size:.75rem;color:#6c757d}.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}.content-header{background-color:#fff;padding:1.5rem 0;border-bottom:1px solid #e9ecef;margin-bottom:2rem}.page-title{font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.page-subtitle{color:#6c757d;font-size:.95rem}.content-wrapper{flex:1;padding:2rem 0}.main-footer{background-color:#fff;border-top:1px solid #e9ecef;padding:1.25rem 0;margin-top:auto}.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}.mobile-header{display:none;background-color:#fff;box-shadow:var(--shadow-md);padding:.75rem 0;position:sticky;top:0;z-index:1051;border-bottom:1px solid #e9ecef}.mobile-header .container{display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.mobile-header-left{display:flex;align-items:center;gap:1rem}.menu-toggle{background:none;border:none;color:var(--primary-color);font-size:1.5rem;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-logo{height:35px}.mobile-navbar-right{display:flex;align-items:center;gap:1.25rem}.desktop-notifications{display:block}.mobile-notifications{display:none}@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)}.main-content{margin-left:0}.mobile-header{display:block}.top-navbar{display:none}.sidebar-content{padding:1rem}.sidebar-logo-container{padding:1.5rem 0;margin-bottom:1rem}.sidebar-logo{height:40px}.sidebar-nav{gap:.5rem}.sidebar-nav-item{padding:1rem 1.5rem;flex-direction:row;justify-content:flex-start}.sidebar-nav-icon{font-size:1.5rem;margin-bottom:0;margin-right:1rem;width:30px;text-align:center}.sidebar-nav-label{font-size:1rem;text-align:left}.sidebar-nav-item.active:before{left:0;width:4px;height:100%;border-radius:0 4px 4px 0}.sidebar-footer{padding:1.5rem 1rem;margin-top:2rem}.user-info{font-size:.85rem}.user-name{font-size:.9rem}.desktop-notifications{display:none}.mobile-header{background:linear-gradient(90deg,#1a3b7a 0% 100%)}.menu-toggle,.mobile-navbar-right .nav-icon-btn{color:#fff!important}.mobile-navbar-right .nav-icon-btn:hover{color:#fffc!important;background-color:#ffffff1a}.mobile-navbar-right .user-dropdown-toggle{color:#fff!important}.mobile-navbar-right .user-dropdown-toggle:hover{color:#fffc!important;background-color:#ffffff1a}.mobile-navbar-right .user-avatar{background:#fff;color:var(--primary-color)}.mobile-navbar-right .notification-badge{border-color:var(--primary-color)}}@media(min-width:992px){.mobile-header{display:none}.menu-toggle{color:var(--primary-color)}.nav-icon-btn{color:#6c757d}.user-dropdown-toggle{color:#495057}}.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}.notification-badge{position:absolute;top:-5px;right:-5px;background:#dc3545;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid #ffffff}.desktop-notifications .dropdown-menu{max-height:400px;overflow-y:auto}.desktop-notifications .dropdown-item{display:flex;align-items:center;white-space:normal;transition:all .2s}.desktop-notifications .dropdown-item:hover{background-color:#f8f9fa}.desktop-notifications .dropdown-item i.bi{font-size:1.1rem}.desktop-notifications .dropdown-item .flex-grow-1{flex:1;min-width:0}.desktop-notifications .dropdown-menu{min-width:300px}.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}@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}.table-container{padding:15px}.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}.transaction-amount.deduction{color:#ef4444}.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:#f8faff!important;color:#06f;border:1px solid #e1e7ff!important;border-radius:8px!important;font-weight:600!important;transition:all .2s!important}.btn-view:hover{background-color:#06f;color:#fff!important}.btn-vibrant-sm{background-color:#06f;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}.pagination .page-link{padding:.5rem .75rem;font-size:.875rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.75rem}}