.btn,.icon-btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);font-weight:500;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.btn{min-height:42px;padding:9px 15px}.btn-primary{color:#fff;background:var(--primary);box-shadow:0 10px 22px rgba(21,94,239,.14)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:var(--primary);background:var(--surface);border-color:#d1e0ff}.btn-secondary:hover{border-color:#b2ccff}.btn-light{color:var(--text);background:var(--surface);border-color:var(--border)}.btn-light:hover{background:var(--surface-muted)}.btn-danger{color:var(--danger);background:var(--danger-soft);border-color:rgba(220,38,38,.18)}.btn-block{width:100%}.icon-btn{width:40px;height:40px;color:var(--text);background:var(--surface);border-color:var(--border-soft);position:relative}.icon-btn:hover{background:var(--surface-muted)}.icon-btn i,.btn i{font-size:18px}.card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.card-body{padding:20px}.card-head,.section-head,.table-toolbar,.form-actions,.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title,.section-title{font-size:17.5px;font-weight:600;line-height:1.6}.section-subtitle,.card-subtitle{color:var(--text-muted);font-size:13px}.page-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--primary);font-size:12px;font-weight:500}.stat-card{position:relative;overflow:hidden;display:grid;gap:8px;padding:17px;border-top:3px solid rgba(21,94,239,.22)}.stat-card:after{content:"";position:absolute;inset:auto -24px -34px auto;width:86px;height:86px;border-radius:50%;background:rgba(21,94,239,.045)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-icon{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:11px;color:var(--primary);background:var(--primary-soft);border:1px solid #dbe8ff}.stat-icon.accent{color:var(--accent-hover);background:var(--accent-soft);border-color:#bbf7d0}.stat-icon.warning{color:var(--warning);background:var(--warning-soft);border-color:#fed7aa}.stat-icon.info{color:var(--info);background:var(--info-soft);border-color:#ddd6fe}.stat-label{color:var(--text-muted);font-size:13px}.stat-value{color:var(--text);font-size:22px;font-weight:600;line-height:1.5}.stat-hint{width:max-content;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:999px;padding:3px 8px;font-size:12px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;width:max-content;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:400;white-space:nowrap}.badge-success{color:var(--success);background:var(--success-soft);border-color:#bbf7d0}.badge-danger{color:var(--danger);background:var(--danger-soft);border-color:#fecaca}.badge-warning{color:var(--warning);background:var(--warning-soft);border-color:#fed7aa}.badge-info{color:var(--info);background:var(--info-soft);border-color:#d9d6fe}.badge-neutral{color:var(--text);background:var(--surface-muted);border-color:var(--border)}.field{display:grid;gap:7px}.field span,.field label,.form-label{color:var(--text);font-size:13px;font-weight:400}.field input,.field select,.field textarea,.search-field{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);color:var(--text);outline:0;transition:border-color .16s ease,box-shadow .16s ease}.field input,.field select,.field textarea{padding:11px 12px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-field:focus-within{border-color:rgba(21,94,239,.55);box-shadow:0 0 0 3px rgba(21,94,239,.10)}.field-error{min-height:17px;color:var(--danger);font-size:12px}.check-row{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:13px}.check-row input,.toggle-row input{accent-color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.search-field{max-width:320px;display:flex;align-items:center;gap:8px;padding:0 11px}.search-field i{color:var(--text-muted);font-size:17px}.search-field input{width:100%;border:0;outline:0;padding:10px 0;background:transparent;color:var(--text)}.table-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface)}.table{width:100%;min-width:760px;border-collapse:collapse}.table th,.table td{padding:11px 14px;border-bottom:1px solid var(--border-soft);text-align:right;vertical-align:middle}.table th{color:var(--text-muted);background:var(--surface-muted);font-size:12.5px;font-weight:500;white-space:nowrap}.table td{color:var(--text);font-weight:400}.table tr:last-child td{border-bottom:0}.table-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.link-action{border:0;padding:0;color:var(--primary);background:transparent;font-weight:500}.summary-list{display:grid}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--text-muted)}.summary-row strong{font-weight:500;text-align:left}.modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(16,24,40,.42)}.modal.is-open{display:flex}.modal-dialog{position:relative;width:min(560px,100%);max-height:min(86vh,760px);overflow-y:auto;padding:20px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.modal-close{position:absolute;top:14px;left:14px}.modal-head{padding-left:48px;margin-bottom:18px}.toast{position:fixed;right:50%;bottom:20px;z-index:100;width:max-content;max-width:calc(100vw - 32px);min-width:min(360px,calc(100vw - 32px));padding:12px 14px;border-radius:var(--radius-md);color:#fff;background:#101828;box-shadow:var(--shadow-soft);text-align:center;opacity:0;transform:translate(50%,12px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast.show{opacity:1;transform:translate(50%,0)}.notice-dot{position:absolute;top:8px;left:8px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.progress{height:10px;overflow:hidden;border-radius:999px;background:var(--border-soft)}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent))}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface)}.toggle-row strong{display:block;font-weight:500}.toggle-row small{color:var(--text-muted)}.code-box,pre{overflow-x:auto;padding:12px;border-radius:var(--radius-md);color:var(--text);background:var(--surface-muted);border:1px solid var(--border-soft)}.copy-line{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border-soft);border-radius:var(--radius-md)}.copy-line span{color:var(--text-muted)}.copy-line code{overflow-wrap:anywhere}.payment-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);color:var(--text)}.payment-option.active{border-color:#d1e0ff;background:var(--primary-soft)}

/* Django panel compatibility layer */
.container-fluid{width:100%;margin:0 auto}.row,.row.clearfix{display:flex;flex-wrap:wrap;margin:0 -8px}.clearfix:after{content:"";display:block;clear:both}[class^="col-"],[class*=" col-"]{width:100%;padding:0 8px;margin-bottom:16px}.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-4{flex:0 0 33.333%;max-width:33.333%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-5{flex:0 0 41.666%;max-width:41.666%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333%;max-width:58.333%}.col-md-8{flex:0 0 66.666%;max-width:66.666%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-lg-2{flex:0 0 16.666%;max-width:16.666%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333%;max-width:33.333%}.col-lg-5{flex:0 0 41.666%;max-width:41.666%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333%;max-width:58.333%}.col-lg-8{flex:0 0 66.666%;max-width:66.666%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-12{flex:0 0 100%;max-width:100%}}
.block-header{margin-bottom:18px}.breadcrumb,.breadcrumb-style{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.breadcrumb-item.active{color:var(--text)}.page-title{margin:0;color:var(--text);font-size:20px;font-weight:600}.card{margin-bottom:18px}.card .header{padding:17px 20px;border-bottom:1px solid var(--border-soft)}.card .header h2{margin:0;color:var(--text);font-size:17px;font-weight:500;line-height:1.7}.card .header h2 strong{font-weight:700}.card .body{padding:20px}.table-responsive{width:100%;overflow-x:auto;border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}.table{width:100%;min-width:760px;border-collapse:collapse;background:var(--surface)}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--border-soft);text-align:right;vertical-align:middle}.table th{color:var(--text-muted);background:var(--surface-muted);font-size:12.5px;font-weight:600}.table-bordered{border:1px solid var(--border-soft)}.table-striped tbody tr:nth-child(even){background:var(--surface-soft)}.table-hover tbody tr:hover{background:var(--primary-soft)}.contact_list,.dashboard-task-infos{border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden}.form-group{margin-bottom:16px}.form-line{display:grid;gap:8px;overflow:visible!important}.form-line label,.form-group label,label{color:var(--text);font-size:13px;font-weight:500}.form-control,input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="tel"],select,textarea{width:100%;min-height:42px;border:1px solid var(--border-soft)!important;border-radius:var(--radius-md)!important;background:var(--surface)!important;color:var(--text)!important;padding:10px 12px!important;box-shadow:none!important;outline:0!important}textarea{min-height:96px;resize:vertical}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:rgba(21,94,239,.55)!important;box-shadow:0 0 0 3px rgba(21,94,239,.10)!important}.error-form,.errorlist{margin:6px 0 0;color:var(--danger);font-size:12.5px;line-height:1.8}.btn,.btn-hover,button.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;text-decoration:none}.btn-primary,.color-8,.bg-blue,.bg-cyan{color:#fff!important;background:var(--primary)!important;border-color:var(--primary)!important}.btn-default,.btn-light{color:var(--text)!important;background:var(--surface)!important;border-color:var(--border)!important}.btn-success,.bg-green,.bg-teal{color:#fff!important;background:var(--success)!important;border-color:var(--success)!important}.btn-danger,.bg-red,.bg-deep-orange{color:#fff!important;background:var(--danger)!important;border-color:var(--danger)!important}.bg-orange,.bg-amber,.bg-brown{color:#7c2d12!important;background:var(--warning-soft)!important;border-color:#fed7aa!important}.bg-blue-grey{color:var(--text)!important;background:var(--surface-muted)!important;border-color:var(--border-soft)!important}.btn-block{width:100%}.btn-sm,.btn-xs{min-height:32px;padding:5px 10px;font-size:12px}.btn-link{min-height:auto;padding:0;border:0;background:transparent!important;color:var(--primary)!important}.label,.status-badge,.doc-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;width:max-content;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:500}.label.bg-green,.label-active,.chip-active,.status-badge.success{color:var(--success)!important;background:var(--success-soft)!important}.label.bg-red,.label-disabled,.chip-disabled{color:var(--danger)!important;background:var(--danger-soft)!important}.label.bg-brown,.chip-post{color:var(--warning)!important;background:var(--warning-soft)!important}.chip-get,.chip-info{color:var(--primary)!important;background:var(--primary-soft)!important}.alert{padding:12px 14px;margin-bottom:16px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-muted);color:var(--text);line-height:1.9}.alert-success,.alert.bg-success{border-color:#bbf7d0;background:var(--success-soft);color:var(--success)}.alert-error,.alert-danger,.alert.bg-danger{border-color:#fecaca;background:var(--danger-soft);color:var(--danger)}.alert-warning,.alert.bg-warning{border-color:#fed7aa;background:var(--warning-soft);color:var(--warning)}.messages-wrap{padding-bottom:0}.support-box,.counter-box{position:relative;overflow:hidden;display:grid;place-items:center;gap:8px;min-height:150px;padding:18px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);color:var(--text)!important}.support-box .icon,.counter-box .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.support-box h3,.counter-box h3{margin:0;font-size:21px;font-weight:700}.support-box small,.counter-box small{color:var(--text-muted)}.center,.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.m-b-0{margin-bottom:0!important}.m-b-10{margin-bottom:10px!important}.m-t-30{margin-top:30px!important}.mt-10{margin-top:10px}.mb-4{margin-bottom:16px}.pull-right{float:right}.pull-left{float:left}.displayblock{display:block}.ltr,code,pre{direction:ltr;text-align:left}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:16px 0 0;padding:0;list-style:none}.page-link{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface);color:var(--text)}.page-item.active .page-link{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-state,.empty-text{text-align:center;color:var(--text-muted);padding:18px}.service-checklist{border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:8px;margin-top:8px;background:var(--surface)}.service-check-item{display:flex;align-items:flex-start;gap:10px;margin:0 0 8px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-md);font-weight:500;color:var(--text);cursor:pointer;line-height:1.8}.service-check-item input[type="checkbox"]{width:18px;height:18px;margin:4px 0 0;accent-color:var(--primary);flex:0 0 18px}.service-check-item span{display:block;flex:1;white-space:normal;overflow-wrap:anywhere}.ip-helper-note,.help-block,small{color:var(--text-muted);font-size:12px;line-height:1.8}.api-dashboard-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.api-dashboard-status>div{padding:14px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.doc-border{border-top:1px dashed var(--border-soft);margin-top:12px}.dropdown-panel{position:absolute;top:calc(100% + 10px);left:0;z-index:70;display:none;width:min(360px,calc(100vw - 24px));border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.topbar-dropdown{position:relative}.topbar-dropdown.is-open .dropdown-panel{display:block}.dropdown-head,.dropdown-foot{padding:12px 14px;background:var(--surface-muted);border-bottom:1px solid var(--border-soft);font-weight:600}.dropdown-foot{border-top:1px solid var(--border-soft);border-bottom:0}.dropdown-body{max-height:320px;overflow-y:auto}.notify-item,.user-panel-menu a{display:grid;gap:4px;padding:12px 14px;border-bottom:1px solid var(--border-soft);color:var(--text)}.notify-item:hover,.user-panel-menu a:hover{background:var(--surface-muted)}.notify-item small{color:var(--text-muted)}.user-menu{border:0;background:transparent;color:var(--text);text-align:right;padding:0}.user-panel-menu a{display:flex;align-items:center;gap:8px}.notice-dot{position:absolute;top:6px;left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;display:grid;place-items:center}.nav-group{display:grid;gap:4px}.nav-group-title{min-height:34px;display:flex;align-items:center;gap:10px;padding:7px 12px;color:var(--text-muted);font-size:12.5px;font-weight:600}.nav-group-title i{font-size:17px}.sub-link{min-height:36px;margin-right:28px;font-size:13px}.auth-shell-link{color:var(--primary);font-weight:600}
.list-group{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none}.list-group-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text)}.list-group-item b{font-weight:700}.white-box{background:var(--surface);border-radius:var(--radius-lg)}hr{border:0;border-top:1px solid var(--border-soft);margin:16px 0}.invoice-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)}.invoice-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tblActnBtn{width:34px;height:34px;min-height:34px;padding:0}.tblActnBtn a{display:grid;place-items:center;color:inherit}.material-icons{font-style:normal}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--text-muted)!important}.bg-grey{color:var(--text-muted)!important;background:var(--surface-muted)!important}.bg-primary{color:#fff!important;background:var(--primary)!important}
@media (max-width:767px){.list-group-item{align-items:flex-start;flex-direction:column}.invoice-header{padding:16px!important}.token-copy-row{display:grid!important;grid-template-columns:1fr!important}.domain-actions,.legacy-actions{flex-direction:column}.domain-actions .btn,.legacy-actions .btn{width:100%}}
.collapsible{display:grid;gap:12px;margin:0;padding:0;list-style:none}.collapsible>li{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.collapsible-header{display:flex;align-items:center;gap:10px;padding:15px 18px;color:var(--text);font-weight:600;cursor:pointer;background:var(--surface-muted)}.collapsible-header:after{content:"\ea4e";font-family:remixicon;margin-right:auto;color:var(--text-muted);transition:transform .18s ease}.collapsible>li.is-open .collapsible-header:after{transform:rotate(180deg)}.collapsible-body{display:none;padding:18px}.collapsible>li.is-open .collapsible-body{display:block}.resultuser{min-height:36px;margin:6px 0;padding:8px 10px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text);direction:rtl}.btn-info{color:#fff!important;background:var(--primary)!important;border-color:var(--primary)!important}