*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #f7fafc;--color-bg-secondary: #ffffff;--color-text-primary: #2d3748;--color-text-secondary: #4a5568;--color-border: #e2e8f0;--color-shadow: rgba(0, 0, 0, .1);--color-primary: #667eea;--color-primary-hover: #5568d3;--color-danger: #e53e3e;--color-danger-hover: #c53030;--color-success: #48bb78;--color-warning: #f6ad55;--color-info: #4299e1;--accent: #d23c7a;--accent-100: #f8e7ef}.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:999px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease;text-decoration:none;white-space:nowrap}.cx-btn i,.cx-btn .fa{font-size:.85rem}.cx-btn:disabled{opacity:.6;cursor:not-allowed}.cx-btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px #d23c7a40}.cx-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #d23c7a52}.cx-btn-soft-primary{background:var(--accent-100);color:var(--accent)}.cx-btn-soft-primary:hover:not(:disabled){filter:brightness(.96)}.cx-btn-soft-secondary{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.cx-btn-soft-secondary:hover:not(:disabled){background:#e5e7eb}.cx-btn-danger{background:#ef4444;color:#fff}.cx-btn-danger:hover:not(:disabled){background:#dc2626}.cx-btn-danger-outline{background:#ef44441a;color:#ef4444}.cx-btn-danger-outline:hover:not(:disabled){background:#ef444433}.cx-btn.btn-sm{padding:.4rem .9rem;font-size:.8rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}html[dir=rtl] body{font-family:Segoe UI,Tahoma,Arial,sans-serif}html[dir=rtl] .layout{direction:rtl}html[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--line, #e9edf5)}html[dir=rtl] .sidebar__section-head{text-align:right}html[dir=rtl] .sidebar__item--active:before{left:auto;right:-12px}html[dir=rtl] .layout--sidebar-collapsed .sidebar__item--active:before{right:-8px}html[dir=rtl] .sidebar__nav{padding-right:0;padding-left:2px}html[dir=rtl] .topbar__searchInput,html[dir=rtl] .search-results{text-align:right}html[dir=rtl] .auth__features{padding-right:16px;padding-left:0}html[dir=rtl] .auth__card{direction:rtl}html[dir=rtl] .drawer,html[dir=rtl] .modal{direction:rtl;text-align:right}html[dir=rtl] input:not([type=checkbox]):not([type=radio]),html[dir=rtl] textarea,html[dir=rtl] select{text-align:right}html[dir=rtl] input[type=email],html[dir=rtl] input[type=url],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=number]{direction:ltr;text-align:left}html[dir=rtl] .locale-switcher,html[dir=ltr] .locale-switcher{direction:ltr}html[dir=rtl] .table-container>table,html[dir=rtl] .billing-page table,html[dir=rtl] table.sim-table,html[dir=rtl] table.invoice-table,html[dir=rtl] table.orders-table,html[dir=rtl] table.customer-table,html[dir=rtl] table.target-table,html[dir=rtl] table.transition-table,html[dir=rtl] table.table-bordered-legacy,html[dir=rtl] .cx-data-table,html[dir=rtl] .data-table,html[dir=rtl] .sim-mgmt-table{direction:rtl}html[dir=rtl] table thead th{text-align:start!important;direction:rtl}html[dir=rtl] table tbody td{direction:ltr;text-align:left;unicode-bidi:isolate}html[dir=rtl] table th.actions-column,html[dir=rtl] table td.actions-column,html[dir=rtl] table .no-data,html[dir=rtl] table td.col-index,html[dir=rtl] table th.col-index{direction:ltr;text-align:center!important}html[dir=rtl] table .num-cell{direction:ltr;text-align:right!important}html[dir=rtl] .invoice-table .actions-column--sticky{right:auto!important;left:auto;box-shadow:4px 0 8px #0000000a}html[dir=rtl] .invoice-table .actions-column--pdf{left:0!important;right:auto!important}html[dir=rtl] .invoice-table .actions-column--csv{left:88px!important;right:auto!important}html[dir=rtl] .invoice-table .th-label{margin-right:0;margin-left:4px}html[dir=rtl] .billing-page .actions-column .cx-btn{margin-right:0;margin-left:6px}html[dir=rtl] .billing-page .actions-column .cx-btn:last-child{margin-left:0}html[dir=rtl] .th-sort-icons{direction:ltr;display:inline-block}.billing-page{padding:0}.billing-page .crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem;font-size:.9rem;color:var(--color-text-secondary, #666)}.billing-page .crumb__icon{color:var(--accent)}.billing-page .crumb__link{color:var(--accent);text-decoration:none;font-weight:600}.billing-page .crumb__link:hover{text-decoration:underline}.billing-page .crumb__sep{color:var(--color-text-secondary, #999);margin:0 2px}.billing-page .crumb__text{color:var(--color-text-primary, #333)}.billing-page .page-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.billing-page .page-title{margin:0 0 .25rem;font-size:1.4rem;font-weight:700;color:var(--color-text-primary, #1a1a1a)}.billing-page .page-subtitle{margin:0;font-size:.85rem;color:var(--color-text-secondary, #666)}.billing-page .page-actions{display:flex;gap:8px}.billing-page .alert-warning{padding:12px 16px;border-radius:8px;background:#f59e0b26;color:#92400e;display:flex;align-items:center;gap:10px;margin-bottom:1rem}.billing-page .loading-container,.billing-page .error-container{padding:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.billing-page .error-container{color:#ef4444}.billing-page .table-container{background:var(--color-bg-secondary, #fafafa);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;overflow-x:auto}.billing-page .sim-table{width:100%;border-collapse:collapse}.billing-page .sim-table th,.billing-page .sim-table td{padding:10px 12px;border-bottom:1px solid var(--color-border, #e0e0e0);font-size:13px;text-align:start;color:var(--color-text-primary, #333)}.billing-page .sim-table thead th{font-weight:600;background:var(--color-bg-primary, #fff)}.billing-page .actions-column{white-space:nowrap}.billing-page .actions-column .cx-btn{margin-inline-end:6px}.billing-page .actions-column .cx-btn:last-child{margin-inline-end:0}.billing-page .no-data{text-align:center;padding:2rem}.billing-page .no-data p{margin:0 0 .5rem;color:var(--color-text-secondary, #666)}.billing-page .btn-link{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:inherit}.billing-page .btn-sm{padding:6px 10px;font-size:12px}.billing-page .drawer-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;justify-content:flex-end}.billing-page .drawer-panel{width:100%;max-width:420px;background:var(--color-bg-secondary, #fff);display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026;max-height:100vh}.billing-page .drawer-panel--wide{max-width:520px}.billing-page .drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;border-bottom:1px solid var(--color-border, #e0e0e0)}.billing-page .drawer-title{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-primary, #1a1a1a)}.billing-page .drawer-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-secondary, #666);line-height:1;padding:4px}.billing-page .drawer-close:hover{color:var(--color-text-primary, #333)}.billing-page .drawer-body{padding:24px;flex:1;overflow-y:auto}.billing-page .drawer-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--color-border, #e0e0e0)}.billing-page .form-group{margin-bottom:1rem}.billing-page .form-label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:var(--color-text-primary, #333)}.billing-page .form-control{width:100%;padding:10px 12px;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #333);font-size:14px}.billing-page .form-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-100, rgba(210, 60, 122, .15))}.billing-page .form-error{color:#ef4444;font-size:13px;margin-top:.5rem}.billing-page .req{color:#ef4444}.billing-page .text-muted{color:var(--color-text-secondary, #999);font-size:.85rem}.billing-page .form-label-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.billing-page .form-label-row .form-label{margin-bottom:0}.billing-page .pkg-check-actions{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.billing-page .pkg-check-actions__sep{color:var(--color-text-secondary, #999)}.billing-page .pkg-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;max-height:280px;overflow-y:auto;padding:2px}.billing-page .pkg-check-card{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border:1.5px solid var(--color-border, #e2e8f0);border-radius:10px;background:var(--color-bg, #fff);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.billing-page .pkg-check-card:hover{border-color:var(--accent, #d23c7a);background:var(--accent-50, rgba(210, 60, 122, .04))}.billing-page .pkg-check-card--selected,.billing-page .pkg-check-card:has(.pkg-check-card__input:checked){border-color:var(--accent, #d23c7a);background:var(--accent-50, rgba(210, 60, 122, .08));box-shadow:0 0 0 1px var(--accent-100, rgba(210, 60, 122, .12))}.billing-page .pkg-check-card__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.billing-page .pkg-check-card__box{flex-shrink:0;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--color-border, #cbd5e1);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:transparent;font-size:11px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.billing-page .pkg-check-card--selected .pkg-check-card__box,.billing-page .pkg-check-card:has(.pkg-check-card__input:checked) .pkg-check-card__box{background:var(--accent, #d23c7a);border-color:var(--accent, #d23c7a);color:#fff}.billing-page .pkg-check-card__label{font-size:.875rem;line-height:1.35;color:var(--color-text-primary, #334155);word-break:break-word}.billing-page .pkg-check-card--selected .pkg-check-card__label,.billing-page .pkg-check-card:has(.pkg-check-card__input:checked) .pkg-check-card__label{font-weight:600;color:var(--color-text-primary, #1e293b)}.billing-page .pkg-check-count{margin:.5rem 0 0;font-size:.8rem;color:var(--color-text-secondary, #64748b)}.billing-page .pkg-tags{display:flex;flex-wrap:wrap;gap:4px}.billing-page .pkg-tag{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--color-border, #e8e8e8);color:var(--color-text-primary, #333)}
