refactor(Managers): apply flat card styling across ASNs, Domains, and IPRanges managers for enhanced visual consistency and improved user experience

frontend/src/ASNsNewManager.jsx

@@ -585,7 +585,7 @@ function ASNsNewManager() {
             onExport={selectedItems.size > 0 ? handleBulkExport : null}
           />
 
-          <div className="card">
+          <div className="card card-flat">
             <div className="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
               <h3 className="card-title mb-0">Список ASN <span className="badge bg-blue-lt text-blue ms-2">{items.length}</span></h3>
               <div className="d-flex gap-2 flex-wrap align-items-center">
@@ -666,9 +666,8 @@ function ASNsNewManager() {
                 </button>
               </div>
             </div>
-          </div>
+            <div className="card-body p-0">
-
+              {/* Таблица на лёгкой карточной подложке */}
-          {/* Таблица без карточной подложки */}
               {loading ? (
                 <TableSkeleton rows={10} cols={3} flat />
               ) : paginatedItems.length === 0 ? (
@@ -809,6 +808,8 @@ function ASNsNewManager() {
                   </table>
                 </div>
               )}
+            </div>
+          </div>
             {/* Пагинация */}
             <Pagination
               currentPage={currentPage}

frontend/src/DomainsNewManager.jsx

@@ -572,7 +572,7 @@ function DomainsNewManager() {
             onExport={handleBulkExport}
           />
 
-          <div className="card animate-in" style={{animationDelay: '0.3s'}}>
+          <div className="card card-flat animate-in" style={{animationDelay: '0.3s'}}>
             <div className="card-header">
               <div className="row align-items-center w-100 g-2">
                 <div className="col-auto">
@@ -674,9 +674,8 @@ function DomainsNewManager() {
                 </div>
               </div>
             </div>
-          </div>
+            <div className="card-body p-0">
-
+              {/* Таблица с лёгкой карточной подложкой (плоский стиль) */}
-          {/* Таблица без карточной подложки (только горизонтальные разделители) */}
               {loading ? (
                 <TableSkeleton rows={10} cols={4} hasCheckbox={true} flat />
               ) : paginatedItems.length === 0 ? (
@@ -847,6 +846,8 @@ function DomainsNewManager() {
                   </table>
                 </div>
               )}
+            </div>
+          </div>
           {/* Пагинация */}
           <Pagination
               currentPage={currentPage}

frontend/src/IPRangesManager.jsx

@@ -845,7 +845,7 @@ function IPRangesManager() {
             onExport={selectedItems.size > 0 ? handleBulkExport : null}
           />
 
-          <div className="card">
+          <div className="card card-flat">
             <div className="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
               <h3 className="card-title mb-0">Список IP-диапазонов <span className="badge bg-blue-lt text-blue ms-2">{items.length}</span></h3>
               <div className="d-flex gap-2 flex-wrap align-items-center">
@@ -918,9 +918,8 @@ function IPRangesManager() {
                 </div>
               </div>
             </div>
-          </div>
+            <div className="card-body p-0">
-
+              {/* Таблица на лёгкой карточной подложке */}
-          {/* Таблица без карточной подложки */}
               {loading ? (
                 <TableSkeleton rows={10} cols={3} flat />
               ) : paginatedItems.length === 0 ? (
@@ -1045,6 +1044,8 @@ function IPRangesManager() {
                   </table>
                 </div>
               )}
+            </div>
+          </div>
             {/* Пагинация */}
             <Pagination
               currentPage={currentPage}