:root{--admin-bg: #f8fafc;--admin-sidebar-bg: #1b1e32;--admin-sidebar-active: rgba(255, 255, 255, .12);--purple-primary: #6366f1;--purple-dark: #4f46e5;--purple-light: #818cf8;--purple-soft-bg: #e0e7ff;--text-dark: #0f172a;--text-muted: #64748b;--text-sidebar: #94a3b8;--border-light: #e2e8f0;--card-shadow: 0 10px 30px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .02);--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden!important;margin:0;padding:0;box-sizing:border-box}body.admin-theme{background-color:var(--admin-bg);color:var(--text-dark);font-family:var(--font-main);overflow-x:hidden!important;min-height:100vh}.admin-app{min-height:100vh;width:100%;max-width:100%;overflow-x:hidden!important;display:flex;flex-direction:column}.admin-layout{display:flex;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden!important}.admin-tab-content{display:none!important}.admin-tab-content.active{display:block!important}.admin-sidebar{width:290px;background:var(--admin-sidebar-bg);display:flex;flex-direction:column;justify-content:space-between;padding:24px 0;flex-shrink:0;position:fixed;top:0;bottom:0;left:0;z-index:100;overflow-y:auto}.sidebar-brand{padding:0 24px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.brand-icon-orb,.admin-logo-orb,.login-logo-orb-compact{width:clamp(75px,8.5vw,110px)!important;height:clamp(75px,8.5vw,110px)!important;aspect-ratio:1 / 1!important;border-radius:clamp(20px,2.2vw,28px)!important;background:linear-gradient(135deg,#1e293b,#0f172a)!important;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 36px #000000b3,0 0 30px #3b82f699!important;border:3px solid rgba(255,255,255,.4)!important;padding:clamp(6px,.8vw,10px)!important;flex-shrink:0;animation:logoGlowPulse 3s ease-in-out infinite!important;cursor:default!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.brand-icon-orb:hover,.admin-logo-orb:hover,.login-logo-orb-compact:hover{cursor:default!important;transform:none!important}.nsv-iptv-cable-logo,.nsv-iptv-cable-logo-lg,.nsv-iptv-cable-logo-compact{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important;cursor:default!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.logo-pulse-dot{animation:dotGlowPulse 1.2s ease-in-out infinite alternate!important;transform-origin:center!important}.signal-wave{transform-origin:center!important;animation:signalWavePropagate 1.8s cubic-bezier(.4,0,.6,1) infinite!important}.wave-1{animation-delay:0s!important}.wave-2{animation-delay:.35s!important}.wave-3{animation-delay:.7s!important}@keyframes logoGlowPulse{0%,to{box-shadow:0 8px 28px #0009,0 0 20px #3b82f666,inset 0 0 12px #fff3;transform:translateY(0) scale(1)}50%{box-shadow:0 14px 42px #000000bf,0 0 35px #3b82f6d9,0 0 18px #ef444480,inset 0 0 20px #ffffff73;transform:translateY(-3px) scale(1.04)}}@keyframes dotGlowPulse{0%,to{r:3.5px;fill:#ef4444;filter:drop-shadow(0 0 4px #ef4444)}50%{r:6px;fill:#ff6b6b;filter:drop-shadow(0 0 14px #ef4444)}}@keyframes signalWavePropagate{0%{opacity:.25;stroke-width:2.5px;filter:drop-shadow(0 0 0px transparent)}50%{opacity:1;stroke-width:4.5px;filter:drop-shadow(0 0 10px #06b6d4)}to{opacity:.25;stroke-width:2.5px;filter:drop-shadow(0 0 0px transparent)}}.brand-text-block{display:flex;flex-direction:column}.brand-title{font-family:var(--font-heading);font-size:20px;font-weight:900;color:#fff;line-height:1}.brand-title span{color:#2563eb}.brand-sub{font-size:11px;font-weight:800;color:#94a3b8;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.sidebar-menu{display:flex;flex-direction:column;gap:4px;flex:1}.menu-item{display:flex;align-items:center;gap:14px;padding:14px 28px;color:var(--text-sidebar);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative}.menu-item:hover{color:#fff;background:#ffffff0d}.menu-item.active{color:#fff;background:var(--admin-sidebar-active);font-weight:800}.menu-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--purple-primary)}.menu-icon{font-size:18px}.menu-logout{margin-top:auto;color:#f87171}.menu-logout:hover{background:#ef444426;color:#ef4444}.admin-main{flex:1;margin-left:290px;width:calc(100% - 290px);padding:32px 40px;display:flex;flex-direction:column;gap:24px;min-height:100vh}.admin-welcome-card{background:#fff;border-radius:20px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--card-shadow);border:1px solid var(--border-light)}.welcome-title{font-family:var(--font-heading);font-size:26px;font-weight:900;color:var(--purple-primary);line-height:1.2}.welcome-sub{font-size:14px;color:var(--text-muted);margin-top:4px;font-weight:500}.admin-profile-pill{display:flex;align-items:center;gap:14px;background:#f1f5f9;padding:10px 20px;border-radius:16px}.profile-avatar-circle{width:42px;height:42px;border-radius:50%;background:var(--purple-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:18px;font-weight:900}.profile-meta{display:flex;flex-direction:column}.profile-name{font-size:14px;font-weight:800;color:var(--text-dark)}.profile-role{font-size:11px;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);position:relative}.card-purple-gradient{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none}.card-purple-gradient .stat-lbl{color:#ffffffd9}.card-purple-gradient .stat-num{color:#fff}.card-purple-gradient .stat-sub{color:#fffc}.card-purple-gradient .card-icon-sq{background:#fff3;color:#fff}.card-white{background:#fff;border-top:4px solid var(--purple-primary)}.card-top-row{display:flex;align-items:center;justify-content:space-between}.card-icon-sq{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.bg-sq-purple{background:#e0e7ff;color:var(--purple-primary)}.badge-percent{font-size:11px;font-weight:800;padding:4px 10px;border-radius:9999px}.bg-percent-green{background:#dcfce7;color:#15803d}.card-main-info{display:flex;flex-direction:column}.stat-lbl{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.stat-num{font-family:var(--font-heading);font-size:28px;font-weight:900;color:var(--text-dark);margin-top:4px;line-height:1.1}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:6px}.section-quick-actions{display:flex;flex-direction:column;gap:16px}.quick-title{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--text-dark)}.quick-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.action-card{background:#fff;border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--card-shadow);border:1px solid var(--border-light);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #6366f126;border-color:var(--purple-primary)}.action-icon-circle{width:64px;height:64px;border-radius:20px;background:var(--purple-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:18px;box-shadow:0 8px 20px #6366f159}.action-title{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--text-dark)}.action-sub{font-size:13px;color:var(--text-muted);margin-top:6px}.mso-form-card{background:#fff;border-radius:24px;padding:40px 48px;box-shadow:0 20px 60px #0000000d;border:1px solid var(--border-light);max-width:860px;margin:0 auto;width:100%}.mso-form-header{text-align:center;margin-bottom:28px}.mso-title-row{display:flex;align-items:center;justify-content:center;gap:12px}.mso-header-icon{font-size:32px;color:var(--purple-primary)}.mso-header-title{font-family:var(--font-heading);font-size:32px;font-weight:900;color:var(--purple-primary)}.mso-header-sub{font-size:15px;color:var(--text-muted);margin-top:6px}.mso-notice-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;padding:16px 20px;margin-bottom:28px}.notice-info-title{display:flex;align-items:center;gap:8px;font-size:15px;color:#0369a1}.notice-text strong{font-weight:900;color:#0c4a6e}.notice-sub{font-size:13px;color:#0284c7;margin-top:4px}.mso-form-body{display:flex;flex-direction:column}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:700;color:var(--text-dark)}.form-control-mso{width:100%;height:48px;padding:0 16px;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:var(--text-dark);font-size:14px;font-family:var(--font-main);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-control-mso:focus{border-color:var(--purple-primary);box-shadow:0 0 12px #6366f140}.btn-create-mso{width:100%;height:52px;background:#6366f1;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #6366f159;transition:background .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-create-mso:hover{background:var(--purple-dark);transform:translateY(-2px)}.back-link-row{text-align:left}.btn-back-dashboard{color:var(--purple-primary);font-size:14px;font-weight:700;text-decoration:none}.btn-back-dashboard:hover{text-decoration:underline}.admin-wallet-banner{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;padding:20px 24px;color:#fff;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 20px #312e8140}.admin-wallet-banner .w-lbl{font-size:11px;font-weight:800;color:#a5b4fc;letter-spacing:.5px;text-transform:uppercase}.admin-wallet-banner .w-val{font-family:var(--font-heading);font-size:32px;font-weight:900;color:#fff}.mso-search-results-list{background:#fff;border:2px solid var(--purple-primary);border-radius:16px;box-shadow:0 12px 30px #6366f126;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;margin-top:8px}.mso-search-item{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease}.mso-search-item:last-child{border-bottom:none}.mso-search-item:hover{background:#f0f9ff}.mso-search-item.selected{background:#e0e7ff;border-left:4px solid var(--purple-primary)}.mso-search-item-info h5{font-family:var(--font-heading);font-size:15px;font-weight:800;color:var(--text-dark)}.mso-search-item-info p{font-size:12.5px;color:var(--text-muted);margin-top:2px}.mso-search-item-right{display:flex;align-items:center;gap:12px}.mso-search-item-bal{font-family:var(--font-heading);font-size:15px;font-weight:900;color:#10b981}.btn-select-mso-tag{background:var(--purple-primary);color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:800;border:none}.input-error-red{border:2px solid #ef4444!important;background-color:#fef2f2!important;color:#dc2626!important;font-weight:800!important;box-shadow:0 0 12px #ef44444d!important}.input-warn-red-text{color:#ef4444;font-size:12px;font-weight:800;margin-top:6px;display:flex;align-items:center;gap:4px}.mso-search-result-box{background:#f8fafc;border:2px solid var(--purple-primary);border-radius:16px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 18px #6366f11f}.mso-result-info{display:flex;align-items:center;gap:12px}.result-avatar{width:44px;height:44px;border-radius:12px;background:var(--purple-soft-bg);color:var(--purple-primary);display:flex;align-items:center;justify-content:center;font-size:20px}.result-details h4{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--text-dark)}.result-details p{font-size:12px;color:var(--text-muted);margin-top:2px}.result-balance{text-align:right}.result-balance span{font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase}.result-balance h3{font-family:var(--font-heading);font-size:20px;font-weight:900;color:#10b981}@keyframes adminTabFadeIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-tab-content.active{animation:adminTabFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalScalePop{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-card{animation:modalScalePop .3s cubic-bezier(.16,1,.3,1) forwards}.transfer-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#e2e8f0;padding:8px;border-radius:16px;border:1.5px solid #cbd5e1}.mode-opt{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:12px;font-family:var(--font-heading);font-size:13.5px;font-weight:800;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s cubic-bezier(.16,1,.3,1);border:2px solid #cbd5e1;background:#f8fafc;opacity:.65}.mode-opt:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.mode-opt:active{transform:scale(.96)}.mode-opt input[type=radio]{accent-color:#10b981;width:16px;height:16px;cursor:pointer;pointer-events:none}.mode-credit.active{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:#047857!important;opacity:1!important;box-shadow:0 8px 24px #10b98173!important;transform:translateY(-2px) scale(1.03)!important}.mode-credit.active input[type=radio]{accent-color:#ffffff}.mode-debit.active{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:#b91c1c!important;opacity:1!important;box-shadow:0 8px 24px #ef444473!important;transform:translateY(-2px) scale(1.03)!important}.mode-debit.active input[type=radio]{accent-color:#ffffff}.btn-secondary,.btn-modal-cancel{background:#f1f5f9!important;color:#475569!important;border:1.5px solid #cbd5e1!important;border-radius:12px!important;padding:10px 22px!important;font-family:var(--font-heading)!important;font-size:13.5px!important;font-weight:800!important;cursor:pointer!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbPulse{0%,to{box-shadow:0 0 15px #ef444466,0 0 30px #2563eb4d;transform:scale(1)}50%{box-shadow:0 0 25px #ef4444b3,0 0 50px #2563eb99;transform:scale(1.05)}}@keyframes wavePropagate{0%{opacity:.3;stroke-dashoffset:20}50%{opacity:1;stroke-dashoffset:0}to{opacity:.3;stroke-dashoffset:-20}}@keyframes buttonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.brand-icon-orb,.login-logo-orb-3d{animation:logoOrbFloat 4s ease-in-out infinite alternate}.nsv-iptv-cable-logo,.nsv-iptv-cable-logo-lg{width:100%;height:100%;transition:transform .35s ease}.signal-wave{transform-origin:center;animation:signalWavePropagate 2s cubic-bezier(.4,0,.6,1) infinite}.signal-wave.wave-1{animation-delay:0s}.signal-wave.wave-2{animation-delay:.35s}.signal-wave.wave-3{animation-delay:.7s}@keyframes signalWavePropagate{0%{opacity:.35;stroke-width:2.5px}50%{opacity:1;stroke-width:4.5px;filter:drop-shadow(0 0 8px rgba(139,92,246,.85))}to{opacity:.35;stroke-width:2.5px}}.logo-pulse-dot{animation:dotGlowPulse 1.5s ease-in-out infinite alternate}@keyframes dotGlowPulse{0%{r:3.5px;fill:#ef4444;filter:drop-shadow(0 0 2px #ef4444)}to{r:5.5px;fill:#ff6b6b;filter:drop-shadow(0 0 12px #ef4444)}}@keyframes logoOrbFloat{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 14px rgba(139,92,246,.35))}50%{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 8px 22px rgba(236,72,153,.5))}to{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 14px rgba(139,92,246,.35))}}.brand-icon-orb{animation:orbPulse 4s infinite ease-in-out}.signal-wave{stroke-dasharray:10 5;animation:wavePropagate 2s infinite linear}.signal-wave.wave-2{animation-delay:.3s}.signal-wave.wave-3{animation-delay:.6s}.stat-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #0000001f}.action-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.action-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 12px 30px #6366f133}.btn-create-mso{background-size:200% auto;transition:all .3s ease}.btn-create-mso:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.admin-tab-content.active{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}.admin-login-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;background:radial-gradient(circle at center,#0f172aeb,#080b12fa)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow:hidden!important}.admin-login-overlay.hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.admin-login-card{width:100%;max-width:440px;background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;padding:36px 32px;box-shadow:0 25px 50px -12px #0f172a66;animation:modalScalePop .35s cubic-bezier(.16,1,.3,1) forwards}.login-brand-header{text-align:center;margin-bottom:28px}.login-logo-orb{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000014}.login-logo-orb svg{width:48px;height:48px}.login-brand-title{font-family:var(--font-heading);font-size:24px;font-weight:900;color:#0f172a;letter-spacing:-.5px}.login-brand-title span{color:#ef4444}.login-brand-sub{font-size:13px;font-weight:600;color:#64748b;margin-top:4px}.white-panel-card{background:#fff;border-radius:20px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);overflow:hidden}.panel-header{padding:24px 32px;border-bottom:1px solid var(--border-light)}.panel-title-group{display:flex;align-items:center;gap:10px}.title-icon{font-size:24px}.panel-title{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--text-dark)}.panel-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.btn-purple-sm{background:var(--purple-primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #6366f14d}.mso-table{width:100%;border-collapse:collapse;text-align:left}.mso-table th{background:#f8fafc;padding:16px 24px;font-size:11px;font-weight:900;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}.mso-table td{padding:18px 24px;font-size:13.5px;border-bottom:1px solid #f1f5f9;color:var(--text-dark);vertical-align:middle}.mso-table tr:hover td{background:#f8fafc}.val-green-bold{color:#10b981;font-weight:800}.val-red-bold{color:#ef4444;font-weight:800}.mso-actions-flex{display:flex;align-items:center;gap:8px}.btn-mso-action{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #00000014}.btn-mso-action:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 20px #0000002e}.btn-mso-action svg{width:18px;height:18px;fill:currentColor}.btn-mso-edit{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-mso-wallet{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98159}.btn-mso-block{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 14px #f59e0b59}.btn-mso-unblock{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 14px #06b6d459}.btn-mso-delete{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 4px 14px #f43f5e59}.status-badge-active{background:#dcfce7;color:#15803d;font-size:11px;font-weight:800;padding:4px 10px;border-radius:9999px;display:inline-flex;align-items:center;gap:4px}.status-badge-blocked{background:#fee2e2;color:#dc2626;font-size:11px;font-weight:800;padding:4px 10px;border-radius:9999px;display:inline-flex;align-items:center;gap:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:500}.modal-card{width:100%;max-width:640px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px #0000004d}.modal-header{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light)}.btn-close{background:none;border:none;color:var(--text-muted);font-size:26px;cursor:pointer}.hidden{display:none!important}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:24px}.flex-between{display:flex;align-items:center;justify-content:space-between}.p-0{padding:0!important}