.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;z-index:1000;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:linear-gradient(180deg,#071b5c,#031653);box-shadow:4px 0 18px #0000001f}.sidebar-logo{height:100px;padding:0 28px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo>svg{font-size:38px;color:#ff4fd8;filter:drop-shadow(0 0 8px #159cff)}.sidebar-logo h2{margin:0;font-size:27px;font-weight:800}.sidebar-logo small{display:block;margin-top:2px;font-size:12px;color:#fff}.sidebar-menu{display:flex;flex-direction:column;gap:6px;padding:20px 12px}.sidebar-menu a{height:52px;padding:0 20px;display:flex;align-items:center;gap:18px;border-radius:12px;color:#fff;text-decoration:none;font-size:15px;font-weight:600;transition:.25s}.sidebar-menu a span{width:24px;display:flex;justify-content:center;font-size:21px}.sidebar-menu a:hover{background:#ffffff1a}.sidebar-menu a.active{background:linear-gradient(90deg,#079cff,#b51cff);box-shadow:0 5px 16px #5c36ff59}.sidebar-bottom{margin-top:auto;width:100%;padding:0 8px 18px}.sidebar-bottom img{width:100%;height:auto;display:block;object-fit:contain}@media(max-width:768px){.sidebar{position:relative;width:100%;height:auto}.sidebar-logo{height:75px}.sidebar-bottom{display:none}.sidebar-menu{padding:10px 12px}}.header{height:70px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 30px;box-shadow:0 2px 10px #00000014;position:sticky;top:0;z-index:100;box-sizing:border-box}.header-left h2{color:#111827;font-size:24px;font-weight:700;margin:0}.header-right{display:flex;align-items:center}.logout-btn{height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.logout-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.logout-btn:active{transform:scale(.98)}@media(max-width:768px){.header{padding:0 20px}.header-left h2{font-size:20px}.logout-btn{height:40px;padding:0 15px;font-size:13px}}.app-layout{display:flex;min-height:100vh;width:100%;background:#eef6ff}.app-main{flex:1;min-width:0;margin-left:286px;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#dff8ff,#f4eaff 55%,#e8efff)}.app-content{flex:1;padding:22px 30px;background:transparent}@media(max-width:768px){.app-main{margin-left:0}.app-content{padding:16px}}.admin-sidebar{width:230px;min-width:230px;min-height:100vh;display:flex;flex-direction:column;background:#101a2d;color:#fff;box-sizing:border-box}.admin-sidebar-logo{height:70px;display:flex;align-items:center;gap:11px;padding:0 20px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.08);font-size:22px;font-weight:700;flex-shrink:0}.admin-logo-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#7138ff,#9b5cff);color:#fff;flex-shrink:0}.admin-sidebar-menu{flex:1;padding:16px 10px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;box-sizing:border-box}.admin-menu-item{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:8px;color:#d7deea;text-decoration:none;font-size:14px;font-weight:500;box-sizing:border-box;transition:background .2s ease,color .2s ease,transform .2s ease}.admin-menu-item svg{flex-shrink:0}.admin-menu-item:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.admin-menu-item.active{background:linear-gradient(90deg,#7438ff,#9a45ff);color:#fff;box-shadow:0 5px 14px #6f31ff40}.admin-sidebar-bottom{padding:12px 10px 18px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.admin-logout-button{width:100%;min-height:44px;display:flex;align-items:center;gap:12px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#d7deea;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:background .2s ease,color .2s ease}.admin-logout-button:hover{background:#ffffff14;color:#fff}.admin-sidebar-menu::-webkit-scrollbar{width:5px}.admin-sidebar-menu::-webkit-scrollbar-track{background:transparent}.admin-sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}@media(max-width:900px){.admin-sidebar{width:210px;min-width:210px}}@media(max-width:640px){.admin-sidebar{width:190px;min-width:190px}.admin-sidebar-logo{padding:0 16px;font-size:19px}.admin-menu-item,.admin-logout-button{padding:0 11px;font-size:13px}}.admin-header{width:100%;height:64px;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:0 22px;background:#fff;border-bottom:1px solid #e5e9f0;box-sizing:border-box;position:relative;z-index:50}.admin-header-date{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff;border:1px solid #dce2eb;border-radius:8px;box-sizing:border-box;box-shadow:0 1px 3px #0f172a0a}.admin-date-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#26354d;flex-shrink:0}.admin-date-range{display:flex;align-items:center;gap:7px}.admin-date-field{position:relative;min-width:104px;height:34px;display:flex;align-items:center;padding:0 4px;border:0;background:transparent;color:#26354d;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.admin-date-field:hover{color:#7138ff}.admin-date-field>span{position:relative;z-index:1;pointer-events:none}.admin-date-field input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;cursor:pointer;z-index:2}.admin-date-separator{color:#8a94a6;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.admin-header-right{display:flex;align-items:center;gap:16px}.admin-notification{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#1d2a3f;cursor:pointer;transition:background .2s ease,color .2s ease}.admin-notification:hover{background:#f3f5f9;color:#7138ff}.admin-notification-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;box-sizing:border-box}.admin-user-info{display:flex;align-items:center;gap:10px}.admin-user-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.admin-user-text strong{color:#17233b;font-size:12px;font-weight:700;white-space:nowrap}.admin-user-text span{margin-top:3px;color:#7b8799;font-size:10px;white-space:nowrap}.admin-user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#edf1f7;color:#7138ff;font-size:14px;font-weight:700;flex-shrink:0}.admin-user-avatar img{width:100%;height:100%;display:block;object-fit:cover}@media(max-width:900px){.admin-header{padding:0 16px;gap:12px}.admin-header-date{padding:0 8px}.admin-date-field{min-width:94px;font-size:11px}}@media(max-width:700px){.admin-user-text{display:none}.admin-date-field{min-width:88px}}@media(max-width:520px){.admin-header{height:auto;min-height:62px;padding:10px;gap:8px}.admin-header-date{flex:1;min-width:0;height:40px}.admin-date-range{min-width:0;gap:4px}.admin-date-field{min-width:0;width:90px;padding:0 2px;font-size:10px}.admin-date-separator{font-size:11px}.admin-header-right{gap:5px}}.admin-layout{width:100%;min-height:100vh;display:flex;background:#f5f7fb;box-sizing:border-box}.admin-main{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column;background:#f5f7fb;box-sizing:border-box}.admin-content{flex:1;width:100%;padding:32px 34px 40px;box-sizing:border-box;background:#f5f7fb;overflow-x:hidden}@media(min-width:1400px){.admin-content{padding:32px 40px 44px}}@media(max-width:1100px){.admin-content{padding:26px 24px 34px}}@media(max-width:900px){.admin-content{padding:22px 18px 30px}}@media(max-width:640px){.admin-content{padding:16px 14px 24px}}.login-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f7fb;padding:30px;box-sizing:border-box}.login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 25px #00000014;box-sizing:border-box}.login-logo{width:100%;display:flex;justify-content:center;margin-bottom:25px}.login-logo img{width:190px;height:auto;max-height:90px;object-fit:contain;display:block}.login-card h1{text-align:center;color:#111827;margin:0 0 25px;font-size:26px}.login-card form{display:flex;flex-direction:column;gap:16px}.login-card input{width:100%;height:50px;border:1px solid #d1d5db;border-radius:10px;padding:0 15px;font-size:15px;outline:none;box-sizing:border-box;transition:.3s}.login-card input:focus{border-color:#2563eb}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding-right:50px}.password-toggle{position:absolute;right:5px;top:5px;width:40px!important;height:40px!important;background:transparent!important;color:#6b7280!important;display:flex;align-items:center;justify-content:center;padding:0!important;border:none!important;border-radius:8px!important;cursor:pointer}.password-toggle:hover{background:#f3f4f6!important;color:#111827!important}.forgot-link-row{width:100%;display:flex;justify-content:flex-end;margin-top:-5px}.forgot-link-row a{color:#2563eb;text-decoration:none;font-size:14px;font-weight:600}.forgot-link-row a:hover{text-decoration:underline}.login-card form>button{width:100%;height:50px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.login-card form>button:hover{background:#1d4ed8}.login-card form>button:disabled{background:#9ca3af;cursor:not-allowed}.login-card p{text-align:center;margin-top:20px;color:#6b7280;font-size:14px}.login-card p a{color:#2563eb;text-decoration:none;font-weight:600}.login-card p a:hover{text-decoration:underline}@media(max-width:768px){.login-page{padding:20px}.login-card{padding:25px}.login-logo img{width:170px}}.register-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f7fb;padding:30px}.register-card{width:100%;max-width:500px;background:#fff;border-radius:16px;padding:35px;box-shadow:0 8px 20px #00000014}.register-card h1{text-align:center;color:#111827;margin-bottom:25px}.register-card form{display:flex;flex-direction:column;gap:18px}.register-card input{width:100%;height:50px;border:1px solid #d1d5db;border-radius:10px;padding:0 15px;font-size:15px;outline:none;transition:.3s}.register-card input:focus{border-color:#2563eb}.register-card button{height:50px;border:none;border-radius:10px;background:#16a34a;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.register-card button:hover{background:#15803d}.register-card button:disabled{background:#9ca3af;cursor:not-allowed}.register-card p{text-align:center;margin-top:20px;color:#6b7280}.register-card a{color:#2563eb;text-decoration:none;margin-left:5px;font-weight:600}@media(max-width:768px){.register-page{padding:20px}.register-card{padding:25px}}.forgot-page{width:100%;min-height:100vh;background:#f5f7fb;display:flex;justify-content:center;align-items:center;padding:30px;box-sizing:border-box}.forgot-card{width:100%;max-width:430px;background:#fff;padding:35px;border-radius:16px;box-shadow:0 10px 30px #00000014;box-sizing:border-box}.forgot-logo{width:100%;display:flex;justify-content:center;margin-bottom:25px}.forgot-logo img{width:170px;height:auto;display:block;object-fit:contain}.forgot-header{text-align:center;margin-bottom:28px}.forgot-header h1{font-size:28px;color:#111827;margin:0 0 8px}.forgot-header p{color:#6b7280;font-size:14px;margin:0}.forgot-card form{display:flex;flex-direction:column;gap:12px}.forgot-card label{font-size:14px;font-weight:600;color:#374151;margin-top:4px}.forgot-card input{width:100%;height:50px;border:1px solid #d1d5db;border-radius:10px;padding:0 15px;font-size:15px;outline:none;box-sizing:border-box}.forgot-card input:focus{border-color:#2563eb}.forgot-card input[readonly]{background:#eef4ff}.forgot-password-wrapper{position:relative;width:100%}.forgot-password-wrapper input{padding-right:50px}.forgot-password-toggle{position:absolute;right:5px;top:5px;width:40px!important;height:40px!important;background:transparent!important;color:#6b7280!important;border:none!important;display:flex;justify-content:center;align-items:center;padding:0!important;margin:0!important}.forgot-password-toggle:hover{background:#f3f4f6!important;color:#111827!important}.forgot-card form>button{width:100%;height:50px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;margin-top:15px;cursor:pointer}.forgot-card form>button:hover{background:#1d4ed8}.forgot-card form>button:disabled{background:#9ca3af;cursor:not-allowed}.forgot-success{width:100%;box-sizing:border-box;padding:12px;border-radius:9px;background:#ecfdf5;color:#059669;font-size:14px}.forgot-error{width:100%;box-sizing:border-box;padding:12px;border-radius:9px;background:#fef2f2;color:#dc2626;font-size:14px}.back-login{display:block;text-align:center;margin-top:25px;color:#2563eb;text-decoration:none;font-size:14px;font-weight:600}.back-login:hover{text-decoration:underline}@media(max-width:500px){.forgot-page{padding:20px}.forgot-card{padding:25px}.forgot-logo img{width:150px}}.customer-dashboard{min-height:100vh;padding:28px;background:#f5f7fb;box-sizing:border-box}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.dashboard-top h1{margin:0;font-size:29px;font-weight:700;color:#111827}.dashboard-user{display:flex;align-items:center;gap:14px}.user-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.user-info strong{font-size:15px;font-weight:700;color:#111827;line-height:1.2}.user-avatar{width:48px;height:48px;min-width:48px;max-width:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-size:18px;font-weight:700;box-sizing:border-box;border:2px solid #ffffff;box-shadow:0 4px 12px #2563eb33}.user-avatar img{width:100%;height:100%;display:block;object-fit:cover}.dashboard-logout-button{height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.dashboard-logout-button:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.dashboard-logout-button:active{transform:scale(.97)}.dashboard-logout-button svg{font-size:14px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:26px}.stat-card{min-width:0;min-height:145px;padding:24px;display:flex;align-items:center;gap:18px;border-radius:18px;box-sizing:border-box;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card.wallet{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;box-shadow:0 10px 28px #2563eb24}.stat-card.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;box-shadow:0 10px 28px #10b98124}.stat-card.pending{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fed7aa;box-shadow:0 10px 28px #f9731624}.stat-card.leads{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#ddd6fe;box-shadow:0 10px 28px #7c3aed24}.stat-icon{width:62px;height:62px;min-width:62px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:27px;box-sizing:border-box}.stat-icon.wallet{background:#bfdbfe;color:#1d4ed8;box-shadow:0 5px 14px #2563eb29}.stat-icon.active{background:#a7f3d0;color:#047857;box-shadow:0 5px 14px #10b98129}.stat-icon.pending{background:#fed7aa;color:#c2410c;box-shadow:0 5px 14px #f9731629}.stat-icon.leads{background:#ddd6fe;color:#6d28d9;box-shadow:0 5px 14px #7c3aed29}.stat-content{min-width:0;display:flex;flex-direction:column;gap:7px}.stat-title{font-size:13px;font-weight:600;color:#6b7280}.stat-value{font-size:25px;font-weight:750;color:#111827;line-height:1.1;white-space:nowrap}.stat-action{width:fit-content;padding:0;border:none;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.stat-action:hover{text-decoration:underline}.stat-action.wallet{color:#2563eb}.stat-action.active{color:#059669}.stat-action.pending{color:#ea580c}.stat-action.leads{color:#7c3aed}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}.dashboard-panel{background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000000f;overflow:hidden}.panel-header{min-height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f4;box-sizing:border-box}.panel-header h2{margin:0;font-size:19px;font-weight:700;color:#111827}.ads-table-wrapper{width:100%;overflow-x:auto}.ads-table{width:100%;border-collapse:collapse}.ads-table th,.ads-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #eef0f4;white-space:nowrap}.ads-table th{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:700}.ads-table td{color:#374151;font-size:13px}.campaign-name{display:flex;align-items:center;gap:10px}.campaign-image{width:38px;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f3f4f6;color:#6b7280}.campaign-name span{font-weight:600;color:#111827}.platform-icons{display:flex;align-items:center;gap:8px}.facebook-icon{color:#1877f2;font-size:17px}.instagram-icon{color:#e1306c;font-size:17px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize}.status-badge.pending{background:#fff7ed;color:#c2410c}.status-badge.active,.status-badge.approved{background:#ecfdf5;color:#047857}.status-badge.rejected{background:#fef2f2;color:#dc2626}.status-badge.draft{background:#f3f4f6;color:#4b5563}.action-buttons{display:flex;align-items:center;gap:7px}.table-action{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:7px;background:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.table-action:hover{background:#f9fafb;transform:translateY(-1px)}.table-action.view{color:#2563eb}.table-action.edit{color:#059669}.table-action.delete{color:#dc2626}.table-action.more{color:#6b7280}.empty-dashboard-state{min-height:300px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.empty-dashboard-state>svg{margin-bottom:12px;font-size:42px;color:#9ca3af}.empty-dashboard-state h3{margin:0 0 8px;font-size:18px;color:#111827}.empty-dashboard-state p{margin:0 0 20px;color:#6b7280;font-size:13px}.create-ad-button{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:9px;background:#2563eb;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}.create-ad-button:hover{background:#1d4ed8;transform:translateY(-1px)}.create-ad-button:active{transform:scale(.98)}@media(max-width:1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.customer-dashboard{padding:20px}.dashboard-top{align-items:flex-start}.dashboard-user{flex-wrap:wrap;justify-content:flex-end}.user-info,.dashboard-logout-button span{display:none}.dashboard-logout-button{width:42px;padding:0}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:20px;min-height:128px;gap:14px}.stat-icon{width:52px;height:52px;min-width:52px;font-size:22px}.stat-value{font-size:21px}}@media(max-width:480px){.customer-dashboard{padding:12px}.dashboard-top{flex-direction:column;gap:16px}.dashboard-top h1{font-size:23px}.dashboard-user{width:100%;justify-content:flex-end}.dashboard-stats{grid-template-columns:1fr}.stat-card{width:100%;min-height:125px}.stat-icon{width:56px;height:56px;min-width:56px;font-size:23px}.stat-value{font-size:22px}.panel-header{padding:0 16px}.ads-table th,.ads-table td{padding:13px 14px}}.subscription-required-card{width:100%;min-height:150px;margin:28px 0 26px;padding:24px 28px;box-sizing:border-box;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#eef4ff,#f5f3ff);border:1px solid #d9e3ff;border-radius:16px;box-shadow:0 6px 20px #2563eb0f}.subscription-required-icon{width:54px;height:54px;min-width:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#2563eb;font-size:22px;box-shadow:0 5px 15px #2563eb1f}.subscription-required-content{flex:1;min-width:0}.subscription-required-content h3{margin:0 0 7px;color:#111827;font-size:20px;font-weight:700;line-height:1.3}.subscription-required-content p{margin:0;color:#64748b;font-size:14px;font-weight:400;line-height:1.5}.subscription-button{min-width:130px;padding:12px 22px;border:none;border-radius:9px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.subscription-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 14px #2563eb38}.subscription-button:active{transform:translateY(0)}.subscription-required-card:after{content:"";position:absolute;width:150px;height:150px;right:-55px;top:-75px;border-radius:50%;background:#6366f114;pointer-events:none}@media(max-width:900px){.subscription-required-card{padding:22px}.subscription-required-content h3{font-size:18px}.subscription-button{min-width:115px}}@media(max-width:650px){.subscription-required-card{flex-direction:column;align-items:flex-start;gap:15px;padding:22px}.subscription-required-icon{width:48px;height:48px;min-width:48px;font-size:19px}.subscription-required-content h3{font-size:18px}.subscription-required-content p{font-size:13px}.subscription-button{width:100%}}.subscription-content{width:100%;min-height:calc(100vh - 70px);background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.08),transparent 30%),radial-gradient(circle at 90% 20%,rgba(236,72,153,.07),transparent 30%),#f7f9fc;box-sizing:border-box}.subscription-wrapper{width:100%;max-width:1250px;margin:0 auto;padding:65px 48px 70px;box-sizing:border-box}.subscription-title{margin-bottom:38px}.subscription-title h1{margin:0 0 10px;color:#111827;font-size:34px;font-weight:750;letter-spacing:-.7px;line-height:1.2}.subscription-title p{margin:0;color:#64748b;font-size:16px;line-height:1.6}.subscription-error{width:100%;margin-bottom:25px;padding:14px 18px;box-sizing:border-box;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;color:#be123c;font-size:14px}.subscription-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;width:100%}.subscription-plan-card{position:relative;min-height:300px;display:flex;flex-direction:column;box-sizing:border-box;padding:32px 30px 30px;overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px #0f172a12;transition:transform .25s ease,box-shadow .25s ease}.subscription-plan-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;border-radius:20px 20px 0 0;background:#2563eb}.subscription-plan-card:after{content:"";position:absolute;width:150px;height:150px;right:-75px;bottom:-75px;border-radius:50%;background:#2563eb12;pointer-events:none}.subscription-plan-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #0f172a1f}.subscription-plan-card:nth-child(1){background:linear-gradient(145deg,#fff,#f8f7ff);border-color:#ddd6fe}.subscription-plan-card:nth-child(1):before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.subscription-plan-card:nth-child(1):after{background:#6366f11a}.subscription-plan-card:nth-child(2){background:linear-gradient(145deg,#fff,#f0faff);border-color:#bae6fd}.subscription-plan-card:nth-child(2):before{background:linear-gradient(90deg,#06b6d4,#2563eb)}.subscription-plan-card:nth-child(2):after{background:#06b6d41a}.subscription-plan-card:nth-child(3){background:linear-gradient(145deg,#fff,#fff7fb);border-color:#fbcfe8}.subscription-plan-card:nth-child(3):before{background:linear-gradient(90deg,#ec4899,#f97316)}.subscription-plan-card:nth-child(3):after{background:#ec48991a}.subscription-plan-card h2{position:relative;z-index:2;margin:0 0 24px;color:#111827;font-size:25px;font-weight:750;letter-spacing:-.3px}.subscription-price{position:relative;z-index:2;margin-bottom:8px;color:#111827;font-size:36px;font-weight:800;letter-spacing:-.8px;line-height:1.2}.subscription-plan-card:nth-child(1) .subscription-price{color:#4f46e5}.subscription-plan-card:nth-child(2) .subscription-price{color:#0284c7}.subscription-plan-card:nth-child(3) .subscription-price{color:#db2777}.subscription-duration{position:relative;z-index:2;margin-bottom:30px;color:#64748b;font-size:14px;font-weight:500}.subscription-choose-button{position:relative;z-index:2;width:100%;margin-top:auto;padding:14px 18px;border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.subscription-plan-card:nth-child(1) .subscription-choose-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 7px 18px #6366f140}.subscription-plan-card:nth-child(2) .subscription-choose-button{background:linear-gradient(135deg,#0891b2,#2563eb);box-shadow:0 7px 18px #0ea5e940}.subscription-plan-card:nth-child(3) .subscription-choose-button{background:linear-gradient(135deg,#db2777,#f97316);box-shadow:0 7px 18px #ec489940}.subscription-choose-button:hover{transform:translateY(-2px)}.subscription-plan-card:nth-child(1) .subscription-choose-button:hover{box-shadow:0 10px 24px #6366f159}.subscription-plan-card:nth-child(2) .subscription-choose-button:hover{box-shadow:0 10px 24px #0ea5e959}.subscription-plan-card:nth-child(3) .subscription-choose-button:hover{box-shadow:0 10px 24px #ec489959}.subscription-empty{width:100%;padding:60px 30px;box-sizing:border-box;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 25px #0f172a0f}.subscription-empty h3{margin:0 0 8px;color:#111827;font-size:20px}.subscription-empty p{margin:0;color:#64748b;font-size:14px}.subscription-loading{min-height:65vh;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:16px}@media(max-width:1000px){.subscription-wrapper{padding:55px 30px 60px}.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.subscription-wrapper{padding:38px 18px 45px}.subscription-title{margin-bottom:28px}.subscription-title h1{font-size:28px}.subscription-title p{font-size:14px}.subscription-plan-grid{grid-template-columns:1fr;gap:20px}.subscription-plan-card{min-height:280px;padding:30px 24px 26px}}@media(max-width:420px){.subscription-wrapper{padding-left:15px;padding-right:15px}.subscription-title h1{font-size:25px}.subscription-plan-card{padding:28px 22px 24px}.subscription-price{font-size:33px}}.createads-page{width:100%;min-height:100vh;padding:28px 24px 45px;box-sizing:border-box;background:linear-gradient(135deg,#eef7ff,#f8f1ff,#fff5fb)}.createads-wrapper{width:100%;max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.createads-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px;box-shadow:0 10px 35px #2563eb14}.createads-header{margin-bottom:26px}.createads-header h1{margin:0;color:#172554;font-size:28px;font-weight:800}.createads-header p{margin:7px 0 0;color:#64748b;font-size:13px}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #edf0f5}.form-section:last-of-type{border-bottom:0;margin-bottom:8px}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#172033;font-size:17px;font-weight:700}.section-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#2563eb}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.form-group label{display:flex;align-items:center;gap:5px;color:#273142;font-size:13px;font-weight:600}.required{color:#ef4444}.optional{margin-left:3px;color:#94a3b8;font-size:11px;font-weight:500}.form-group input:not([type=radio]),.form-group textarea,.form-group select{width:100%;padding:11px 13px;box-sizing:border-box;border:1px solid #d7deea;border-radius:9px;outline:none;background:#fff;color:#1f2937;font-family:inherit;font-size:14px;transition:.2s}.form-group input:not([type=radio]){height:44px}.form-group textarea{min-height:88px;resize:vertical}.form-group select{height:44px;cursor:pointer}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0a8b5}.form-group input:not([type=radio]):focus,.form-group textarea:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group small{color:#7b8494;font-size:11px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.location-add-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 115px 82px;gap:8px}.meta-location-suggestions{position:absolute;top:48px;left:0;width:calc(100% - 205px);z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 20px #0000001f;overflow:hidden}.meta-location-searching{padding:10px 12px;font-size:13px;color:#666}.meta-location-suggestion{display:flex;flex-direction:column;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;cursor:pointer}.meta-location-suggestion:last-child{border-bottom:0}.meta-location-suggestion:hover{background:#f5f7ff}.meta-location-name{font-size:14px;font-weight:600;color:#222}.meta-location-details{margin-top:2px;font-size:12px;color:#777}.add-btn{height:44px;border:1px solid #6366f1;border-radius:8px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.add-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #6366f140}.items-list{display:flex;flex-direction:column;gap:6px;margin-top:9px}.location-item,.audience-item{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 10px;border:1px solid #dbeafe;border-radius:8px;background:linear-gradient(90deg,#f8fbff,#eef6ff)}.audience-item{border-color:#bbf7d0;background:linear-gradient(90deg,#f0fdf4,#ecfdf5)}.item-left{min-width:0;display:flex;align-items:center;gap:7px}.location-pin,.audience-icon{font-size:13px}.item-name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#303949;font-size:12px;font-weight:500}.radius-badge{padding:3px 7px;border-radius:5px;background:#dbeafe;color:#2563eb;font-size:10px;font-weight:700}.remove-btn{min-height:34px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #fecaca;border-radius:7px;background:#fff;color:#dc2626;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.remove-btn:hover{border-color:#ef4444;background:#fff1f2;color:#b91c1c}.audience-add-row{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:8px}.upload-box{width:100%;min-height:105px;display:flex;align-items:center;border:1px dashed #a5b4fc;border-radius:11px;background:linear-gradient(135deg,#f8faff,#faf5ff);cursor:pointer;transition:.2s}.upload-box:hover{border-color:#6366f1;background:#f5f3ff}.upload-box input{display:none}.upload-content{width:100%;display:flex;align-items:center;gap:15px;padding:17px}.upload-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:11px;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#6366f1;font-size:25px}.upload-content div:last-child{display:flex;flex-direction:column;gap:4px}.upload-content strong{color:#283447;font-size:13px}.upload-content span{color:#7c8798;font-size:11px}.upload-success{margin-top:7px;color:#15803d;font-size:12px;font-weight:600}.lead-method-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lead-method-card{min-height:75px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d8dee9;border-radius:10px;background:#fff;cursor:pointer;transition:.2s}.lead-method-card:hover{border-color:#8b5cf6;transform:translateY(-1px)}.lead-method-card.active{border-color:#7c3aed;background:linear-gradient(135deg,#faf5ff,#eef2ff);box-shadow:0 5px 15px #7c3aed14}.lead-method-card input[type=radio]{width:18px;height:18px;margin:0;accent-color:#7c3aed}.lead-method-card strong{display:block;margin-bottom:3px;font-size:13px}.lead-method-card small{display:block;color:#667085;font-size:10px}.lead-form-box{margin-top:14px;padding:17px;border:1px solid #ddd6fe;border-radius:13px;background:linear-gradient(135deg,#faf9ff,#f5f3ff)}.lead-form-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#5b21b6;font-size:15px;font-weight:700}.lead-question-card{margin-top:14px;padding:15px;border:1px solid #e5e7eb;border-radius:11px;background:#fff}.lead-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.lead-question-header strong{color:#111827;font-size:14px}.lead-question-header span{padding:4px 8px;border-radius:20px;background:#f3f4f6;color:#6b7280;font-size:10px;font-weight:700}.question-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.whatsapp-box{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.whatsapp-box .lead-form-title{color:#15803d}.form-group input[type=radio]{width:18px;height:18px;margin:0;padding:0;accent-color:#2563eb;cursor:pointer;box-shadow:none}.publish-btn{width:100%;height:48px;border:0;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 7px 18px #4f46e533}.publish-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #4f46e547}.publish-btn:active{transform:translateY(1px)}.publish-btn:disabled{background:#a5b4fc;cursor:not-allowed;box-shadow:none}.createads-sidebar{display:flex;flex-direction:column;gap:15px;position:sticky;top:20px}.info-card{padding:17px;border-radius:13px}.info-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#263246;font-size:15px;font-weight:700}.info-title span{font-size:18px}.info-card p,.info-card li{margin:0;color:#53627a;font-size:12px;line-height:1.7}.tips-card{border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#eef2ff)}.tips-card ul{margin:0;padding-left:18px}.tips-card li{margin-bottom:7px}.wallet-card{border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.wallet-card p{color:#166534}.important-card{border:1px solid #fde68a;background:linear-gradient(135deg,#fffbeb,#fff7ed)}.important-card p{margin-bottom:8px;color:#78643b}@media(max-width:1000px){.createads-wrapper{grid-template-columns:1fr}.createads-sidebar{position:static;display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.createads-page{padding:20px 12px 35px}.createads-card{padding:20px}.createads-header h1{font-size:23px}.two-column,.lead-method-options,.question-options-grid{grid-template-columns:1fr}.location-add-row{grid-template-columns:1fr 100px}.location-add-row .add-btn{grid-column:1 / -1}.createads-sidebar{display:flex}}@media(max-width:480px){.createads-page{padding:12px 8px 25px}.createads-card{padding:16px;border-radius:12px}.createads-header h1{font-size:21px}.location-add-row,.audience-add-row{grid-template-columns:1fr}.location-add-row .add-btn{grid-column:auto}.item-name{max-width:190px}}.objective-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.objective-card{position:relative;display:flex;align-items:center;gap:14px;min-height:52px;padding:12px 14px;border:1px solid #d8dee9;border-radius:10px;background:#fff;color:#344054;cursor:pointer;transition:.2s ease}.objective-card:hover{border-color:#2864e8;background:#f5f8ff;transform:translateY(-1px)}.objective-card.active{border-color:#2864e8;background:#eef4ff;color:#1747b0;box-shadow:0 4px 12px #2864e81a}.objective-card input{width:16px;height:16px;margin:0;accent-color:#2864e8;cursor:pointer}.objective-card span{font-size:13px;font-weight:600}@media(max-width:760px){.objective-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.objective-options{grid-template-columns:1fr}.objective-card{min-height:48px}}.whatsapp-number-select{font-size:17px;font-weight:600;min-height:48px;padding:12px 14px;box-sizing:border-box}.audience-search-wrap{position:relative;width:100%}.meta-audience-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:88px;z-index:1100;max-height:260px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 20px #0000001f}.meta-audience-suggestion{display:flex;flex-direction:column;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;cursor:pointer}.meta-audience-suggestion:hover{background:#f5f7ff}.meta-audience-name{font-size:14px;font-weight:600;color:#222}.meta-audience-topic,.meta-audience-message{padding-top:3px;font-size:12px;color:#777}.meta-audience-message{padding:10px 12px}.whatsapp-box .form-group{margin-bottom:14px;gap:6px}.whatsapp-box .form-group input:not([type=radio]),.whatsapp-box .form-group select,.whatsapp-box .whatsapp-number-select{width:100%;min-width:0;min-height:42px;height:42px;padding:9px 12px;box-sizing:border-box;font-size:14px;font-weight:500}.whatsapp-box .form-group small{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.whatsapp-box .lead-form-title{margin-bottom:12px}.whatsapp-box .form-group{margin-top:14px!important;margin-bottom:12px;gap:7px}.whatsapp-box .form-group input:not([type=radio]){width:100%;height:40px;min-height:40px;padding:8px 11px;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.whatsapp-box .form-group small,.whatsapp-box>small{display:block;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.whatsapp-box .add-btn{width:auto!important;min-height:34px;padding:7px 12px;border-radius:7px;font-size:12px;font-weight:600;line-height:1.3}.whatsapp-box .form-group .add-btn{width:auto!important;align-self:flex-start;margin-top:4px!important}.objective-card{gap:14px}.destination-card{display:flex;align-items:center;gap:8px}.destination-card input[type=radio]{flex:0 0 16px;margin:0 4px 0 0}.destination-card span{display:inline-block;margin-left:0}.myads-page{width:100%;min-height:100vh;padding:28px 30px;box-sizing:border-box;background:linear-gradient(135deg,#eef9ff,#dff4ff,#f9e9ff 70%,#eef1ff);position:relative;overflow:hidden}.myads-page:before,.myads-page:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.myads-page:before{width:330px;height:330px;right:-100px;bottom:-100px;background:#7153ff26}.myads-page:after{width:240px;height:240px;left:260px;bottom:-120px;background:#ff6fd61f}.myads-page h1{margin:8px 0 28px;color:#10245f;font-size:25px;font-weight:800;position:relative;z-index:1}.ads-list{width:100%;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.ad-row,.ad-card{width:100%;min-height:96px;padding:12px 16px;box-sizing:border-box;display:flex;align-items:center;gap:18px;background:#ffffffeb;border:1px solid rgba(255,255,255,.8);border-radius:15px;box-shadow:0 7px 24px #3a5b9617;transition:.2s}.ad-row:hover,.ad-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px #3a5b9621}.ad-thumbnail{width:105px;height:72px;flex-shrink:0;overflow:hidden;border-radius:8px;background:#edf1f7;border:1px solid #e5eaf2}.ad-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:11px}.ad-details{flex:1;min-width:0}.ad-details h2{margin:0 0 9px;color:#11265f;font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-info,.ad-budget-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;color:#23376c;font-size:12px;font-weight:500}.ad-info span,.ad-budget-info span{white-space:nowrap}.ad-info strong,.ad-budget-info strong{color:#10265f;font-weight:700}.ad-budget-info{margin-top:2px}.remaining-amount{color:#16a34a!important;font-weight:800!important}.status-active{color:#16a34a;font-weight:700}.status-off{color:#64748b;font-weight:600}.status-paused{color:#d97706;font-weight:700}.status-published{color:#16a34a;font-weight:700}.status-rejected{color:#ef334f;font-weight:700}.ad-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.view-btn{height:40px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(135deg,#3d6bff,#632cff);color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 5px 12px #4945ff33;transition:.2s}.view-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px #4945ff47}.ad-toggle-section{display:flex;align-items:center;justify-content:center;gap:7px}.toggle-label{font-size:11px;font-weight:700}.toggle-label.on{color:#16a34a}.toggle-label.off{color:#94a3b8}.toggle-switch{position:relative;width:44px;height:24px;padding:0;border:0;border-radius:20px;background:#d9dee8;cursor:pointer;transition:.25s}.toggle-switch.active{background:#3b82f6}.toggle-switch.disabled{background:#d9dee8;opacity:.6;cursor:not-allowed}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:.25s}.toggle-switch.active .toggle-knob{left:23px}.delete-btn{height:40px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff4164,#ef365b);color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 5px 12px #ef365b2e;transition:.2s}.delete-btn:hover{background:#dc254a;transform:translateY(-1px)}.myads-modal-overlay{position:fixed;inset:0;z-index:9999;background:#0f172a94;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.myads-modal{width:min(100%,1050px);max-height:calc(100vh - 48px);background:#fff;border-radius:18px;box-shadow:0 25px 70px #0f172a40;display:flex;flex-direction:column;overflow:hidden}.myads-modal-header{padding:22px 26px;border-bottom:1px solid #eaecf0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.myads-modal-header h2{margin:0;color:#101828;font-size:22px;font-weight:700}.myads-modal-header p{margin:6px 0 0;color:#667085;font-size:13px}.modal-close-btn{width:34px;height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#667085;font-size:23px;cursor:pointer}.myads-modal-body{padding:24px 26px;overflow-y:auto}.details-section{margin-bottom:22px;padding:20px;border:1px solid #eaecf0;border-radius:12px;background:#fff}.details-section:last-child{margin-bottom:0}.details-section-title{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#101828;font-size:15px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-field{min-width:0}.detail-field.full{margin-top:16px}.detail-field label{display:block;margin-bottom:7px;color:#475467;font-size:12px;font-weight:600}.detail-value{min-height:42px;padding:11px 13px;border:1px solid #eaecf0;border-radius:8px;background:#f9fafb;color:#344054;font-size:13px;line-height:1.5;box-sizing:border-box}.detail-text{white-space:pre-wrap}.detail-field input,.detail-field textarea,.detail-field select{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;padding:11px 13px;background:#fff;color:#101828;font-size:13px;outline:none;font-family:inherit}.detail-field input{height:42px}.detail-field textarea{resize:vertical;min-height:90px}.detail-field select{height:42px}.detail-field input:focus,.detail-field textarea:focus,.detail-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.details-media-box{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid #eaecf0;border-radius:10px;background:#f9fafb}.details-media-preview,.no-media{width:180px;height:120px;border-radius:9px;object-fit:cover;background:#111827;flex-shrink:0}.no-media{display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:12px}.media-info{display:flex;flex-direction:column;gap:6px}.media-info strong{color:#344054;font-size:13px;word-break:break-word}.media-info span{color:#667085;font-size:12px}.location-details-list,.lead-details-list{display:flex;flex-direction:column;gap:8px}.location-detail-item{min-height:42px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #eaecf0;border-radius:8px;background:#f9fafb;color:#344054;font-size:13px}.location-detail-item strong{flex:1}.radius-badge{padding:4px 8px;border-radius:20px;background:#eff8ff;color:#175cd3;font-size:11px;font-weight:700}.edit-location-fields,.edit-add-location,.edit-add-audience{display:flex;align-items:center;gap:8px}.edit-location-fields input,.edit-add-location input,.edit-add-audience input{height:40px;border:1px solid #d0d5dd;border-radius:7px;padding:0 11px;box-sizing:border-box;outline:none}.edit-location-fields input:first-child,.edit-add-location input:first-child,.edit-add-audience input{flex:1}.edit-location-fields input:nth-child(2),.edit-add-location input:nth-child(2){width:120px}.edit-add-location,.edit-add-audience{margin-top:10px}.edit-location-fields span{font-size:12px;color:#667085;font-weight:600}.edit-add-location button,.edit-add-audience button{height:40px;border:0;border-radius:8px;padding:0 15px;background:#3b82f6;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.small-remove-btn{width:30px;height:30px;border:1px solid #fecaca;border-radius:6px;background:#fff;color:#dc2626;font-size:18px;cursor:pointer}.audience-details-list{display:flex;flex-wrap:wrap;gap:8px}.audience-detail-item{min-height:38px;display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #eaecf0;border-radius:8px;background:#f9fafb;color:#344054;font-size:12px}.empty-detail{color:#98a2b3;font-size:12px}.lead-detail-card{padding:15px;border:1px solid #eaecf0;border-radius:9px;background:#f9fafb}.lead-detail-card>strong{display:block;margin-bottom:9px;color:#344054;font-size:12px}.lead-detail-card p{margin:0 0 12px;color:#101828;font-size:13px;line-height:1.5}.lead-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lead-option{display:flex;flex-direction:column;gap:4px;padding:9px;border:1px solid #eaecf0;border-radius:7px;background:#fff}.lead-option span{color:#98a2b3;font-size:10px}.lead-option strong{color:#344054;font-size:12px}.meta-section{background:#f8fbff;border-color:#dbeafe}.meta-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.meta-info-grid>div{padding:12px;border:1px solid #dbeafe;border-radius:8px;background:#fff}.meta-info-grid span{display:block;margin-bottom:5px;color:#667085;font-size:10px}.meta-info-grid strong{display:block;color:#344054;font-size:12px}.meta-note{margin-top:12px;padding:12px;border-radius:8px;background:#eff8ff;color:#175cd3;font-size:11px;line-height:1.6}.myads-modal-footer{padding:16px 26px;border-top:1px solid #eaecf0;display:flex;justify-content:flex-end;align-items:center;gap:10px;background:#fff}.modal-secondary-btn,.modal-edit-btn,.modal-save-btn,.modal-pause-btn,.modal-publish-btn{height:40px;padding:0 17px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.modal-secondary-btn{border:1px solid #d0d5dd;background:#fff;color:#344054}.modal-edit-btn{border:0;background:#344054;color:#fff}.modal-save-btn{border:0;background:#1683c4;color:#fff}.modal-pause-btn{border:0;background:#f79009;color:#fff}.modal-publish-btn{border:0;background:#16a34a;color:#fff}.modal-secondary-btn:disabled,.modal-edit-btn:disabled,.modal-save-btn:disabled,.modal-pause-btn:disabled,.modal-publish-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.myads-page{padding:20px}.ad-row,.ad-card{align-items:flex-start}.ad-actions{flex-direction:column;gap:8px}}@media(max-width:768px){.myads-page{padding:16px}.myads-page h1{font-size:22px;margin-bottom:20px}.ad-row,.ad-card{padding:12px;gap:12px}.ad-thumbnail{width:82px;height:62px}.ad-details h2{font-size:15px}.ad-info,.ad-budget-info{gap:5px 12px;font-size:11px}.view-btn,.delete-btn{height:34px;padding:0 12px;font-size:11px}.myads-modal-overlay{padding:10px;align-items:flex-start}.myads-modal{max-height:calc(100vh - 20px);border-radius:13px}.myads-modal-header{padding:17px}.myads-modal-body{padding:15px}.details-section{padding:14px}.details-grid,.lead-options{grid-template-columns:1fr}.details-media-box{flex-direction:column;align-items:flex-start}.details-media-preview,.no-media{width:100%;height:190px}.edit-location-fields,.edit-add-location,.edit-add-audience{flex-wrap:wrap}.edit-location-fields input:first-child,.edit-add-location input:first-child{width:100%;flex-basis:100%}.edit-location-fields input:nth-child(2),.edit-add-location input:nth-child(2){flex:1;width:auto}.meta-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myads-modal-footer{padding:13px 15px;flex-wrap:wrap}}@media(max-width:480px){.myads-page{padding:12px}.ad-row,.ad-card{display:grid;grid-template-columns:70px 1fr}.ad-thumbnail{width:70px;height:58px}.ad-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}.meta-info-grid{grid-template-columns:1fr}.myads-modal-overlay{padding:5px}.myads-modal{max-height:calc(100vh - 10px)}.myads-modal-footer{flex-direction:column}.modal-secondary-btn,.modal-edit-btn,.modal-save-btn,.modal-pause-btn,.modal-publish-btn{width:100%}}.payment-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:42px 24px;background:#f7f8fc;box-sizing:border-box}.payment-card{width:100%;max-width:560px;background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:34px 36px 30px;box-sizing:border-box;box-shadow:0 8px 30px #1820380f}.payment-icon{width:54px;height:54px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f0ebff;color:#6c4ce4;font-size:25px;font-weight:800}.payment-card h1{margin:0;text-align:center;font-size:27px;font-weight:700;color:#151b2c}.payment-subtitle{margin:8px 0 26px;text-align:center;color:#7b8497;font-size:13px;line-height:1.55}.payment-summary{padding:17px 18px;margin-bottom:14px;border-radius:12px;background:#f8f9fc;border:1px solid #edf0f5}.payment-summary>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.payment-summary>div+div{margin-top:13px;padding-top:13px;border-top:1px solid #e9ecf2}.payment-summary span{font-size:13px;color:#7b8497}.payment-summary strong{font-size:15px;color:#151b2c;text-align:right}.customer-payment-note{margin-bottom:17px;padding:12px 14px;border-radius:10px;background:#f7f5ff;border:1px solid #ebe5ff;color:#6f658c;font-size:11px;line-height:1.5}.payment-button,.payment-secondary-button{width:100%;min-height:50px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.payment-button{border:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#6c4ce4;color:#fff}.payment-button:hover:not(:disabled){background:#5d3ed0;transform:translateY(-1px)}.payment-button:disabled{opacity:.55;cursor:not-allowed}.payment-secondary-button{margin-top:12px;background:#fff;color:#50596c;border:1px solid #dfe3eb}.payment-error{margin:0 0 14px;padding:11px 13px;border-radius:9px;background:#fff5f5;border:1px solid #f1d4d7;color:#c54f59;font-size:12px;line-height:1.45}.secure-payment{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 13px;border-radius:10px;background:#f8f9fc;border:1px solid #edf0f5}.lock-icon{font-size:15px}.secure-payment strong{display:block;margin-bottom:2px;font-size:12px;color:#374151}.secure-payment p{margin:0;font-size:11px;color:#7b8491}.payment-loading{text-align:center}.arrow{font-size:19px}@media(max-width:600px){.payment-page{min-height:calc(100vh - 64px);padding:24px 14px}.payment-card{padding:28px 20px 24px;border-radius:15px}}.customer-payment-page{width:100%;max-width:900px;margin:0 auto;padding:24px;box-sizing:border-box}.customer-payment-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 4px 18px #0000000d}.customer-payment-header{margin-bottom:20px}.customer-payment-header h1,.customer-payment-header h2{margin:0}.customer-payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.customer-payment-summary-item{border:1px solid #e5e7eb;border-radius:12px;padding:15px;background:#f8fafc}.customer-payment-summary-item .label{display:block;font-size:13px;color:#64748b;margin-bottom:5px}.customer-payment-summary-item .value{font-size:20px;font-weight:700}.customer-payment-form{display:grid;gap:14px}.customer-payment-form input,.customer-payment-form select{width:100%;min-height:44px;border:1px solid #d1d5db;border-radius:9px;padding:10px 12px;box-sizing:border-box;outline:none}.customer-payment-form input:focus,.customer-payment-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.customer-payment-button{width:100%;min-height:46px;border:0;border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.customer-payment-button:hover{transform:translateY(-1px)}.customer-payment-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.customer-payment-error{margin-top:12px;padding:11px 13px;border-radius:9px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:14px}.customer-payment-success{margin-top:12px;padding:11px 13px;border-radius:9px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:14px}@media(max-width:640px){.customer-payment-page{padding:14px}.customer-payment-card{padding:17px;border-radius:12px}.customer-payment-summary{grid-template-columns:1fr}}.profile-page{width:100%;min-height:calc(100vh - 72px);padding:34px 38px 45px;background:#f8f8fc;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#172033}.profile-card{width:100%;max-width:1070px;margin:0 auto;box-sizing:border-box}.profile-card>h1{margin:0 0 34px;padding:0 5px;font-size:32px;line-height:1.2;font-weight:750;letter-spacing:-.7px;color:#111827;position:relative}.profile-card>h1:after{content:"";display:block;width:32px;height:4px;margin-top:15px;border-radius:999px;background:linear-gradient(90deg,#6046e8,#7659f5)}.profile-avatar-section{width:100%;min-height:145px;display:flex;align-items:center;justify-content:space-between;padding:22px 28px 22px 36px;margin-bottom:22px;background:#fff;border:1px solid #eeeef5;border-radius:13px;box-shadow:0 2px 8px #19193c09,0 8px 24px #19193c06;box-sizing:border-box}.profile-avatar{width:108px;height:108px;min-width:108px;border-radius:50%;overflow:visible;display:flex;align-items:center;justify-content:center;background:#eef0f8;border:4px solid #ffffff;box-shadow:0 2px 8px #0000001f;position:relative}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.profile-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#6247e8,#4934c9);color:#fff;font-size:36px;font-weight:700}.profile-image-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.profile-image-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #dcd6ff;border-radius:50%;background:#fff;color:#6046e8;font-size:0;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.profile-image-button:before{content:"📸";display:block;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1;color:#6046e8}.profile-image-button:hover{background:#f6f3ff;border-color:#6046e8;transform:translateY(-1px)}.profile-delete-image-button{min-width:128px;height:36px;padding:0 14px;border:1px solid #f0caca;border-radius:7px;background:#fff;color:#e24b4b;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.profile-delete-image-button:before{content:"🗑";display:inline-block;margin-right:7px;font-size:12px;color:#e24b4b}.profile-delete-image-button:hover{background:#fff6f6;border-color:#e7a7a7}.profile-delete-image-button:disabled{opacity:.6;cursor:not-allowed}.profile-card>form{width:100%;padding:28px 22px 16px;margin-bottom:20px;background:#fff;border:1px solid #eeeef5;border-radius:13px;box-shadow:0 2px 8px #19193c09,0 8px 24px #19193c06;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;row-gap:17px}.profile-card>form:before{content:"Personal Information";grid-column:1 / -1;display:block;margin:0 0 1px 4px;font-size:17px;line-height:1.3;font-weight:700;color:#172033}.profile-card>form:after{content:"Update your personal details";grid-column:1 / -1;display:block;margin-top:-13px;margin-left:4px;margin-bottom:5px;font-size:13px;font-weight:400;color:#657086}.profile-field{width:100%;min-width:0;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.profile-card>form .profile-field:nth-of-type(1){grid-column:1;grid-row:3}.profile-card>form .profile-field:nth-of-type(2){grid-column:1;grid-row:4}.profile-card>form .profile-field:nth-of-type(3){grid-column:1;grid-row:5}.profile-card>form .profile-field:nth-of-type(4){grid-column:2;grid-row:3}.profile-card>form .profile-field:nth-of-type(5){grid-column:2;grid-row:4}.profile-field label{margin:0 0 7px;padding-left:4px;color:#566177;font-size:11px;line-height:1.2;font-weight:600}.profile-field label span{color:#69758a;font-weight:500}.profile-field input{width:100%;height:62px;box-sizing:border-box;padding:10px 16px 10px 60px;border:1px solid transparent;border-radius:9px;outline:none;color:#263147;background:#f7f7fa;font-size:13px;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.profile-card>form .profile-field:nth-of-type(1) input{background:#f7f4ff}.profile-card>form .profile-field:nth-of-type(2) input{background:#f1f7ff}.profile-card>form .profile-field:nth-of-type(3) input{background:#fff9ed}.profile-card>form .profile-field:nth-of-type(4) input{background:#fff6ee}.profile-card>form .profile-field:nth-of-type(5) input{background:#effaf4}.profile-field input::placeholder{color:#69758a;opacity:1;font-weight:500}.profile-field input:focus{background:#fff!important;border-color:#8d7cf1;box-shadow:0 0 0 3px #6046e814}.profile-field:before{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:25px;height:25px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1;z-index:2;pointer-events:none}.profile-card>form .profile-field:nth-of-type(1):before{content:"👤";color:#2f06fc}.profile-card>form .profile-field:nth-of-type(2):before{content:"✉";color:#5e52db;font-size:17px}.profile-card>form .profile-field:nth-of-type(3):before{content:"📞";color:#ff0404;font-size:20px}.profile-card>form .profile-field:nth-of-type(4):before{content:"😀";color:#e57c26;font-size:17px}.profile-card>form .profile-field:nth-of-type(5):before{content:"💼";color:#450202;font-size:17px}.email-verification-box{width:100%;margin-top:8px;padding:12px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #e7e2ff;border-radius:8px;background:#faf9ff}.email-verification-box input{flex:1;min-width:130px;height:38px;padding:0 12px!important;border:1px solid #ddd8f8!important;border-radius:6px;background:#fff!important;box-shadow:none!important;font-size:12px}.email-verification-box button{height:38px;padding:0 13px;border:1px solid #6a55df;border-radius:6px;background:#fff;color:#5a45d2;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.email-verification-box button:hover{background:#f4f1ff}.email-verification-box button:disabled{opacity:.6;cursor:not-allowed}.email-verification-box p{width:100%;margin:2px 0 0;color:#4b9c75;font-size:11px}.profile-field small{display:inline-flex;align-items:center;width:max-content;margin-top:7px;margin-left:4px;padding:4px 8px;border-radius:999px;background:#ebf9f1;color:#3a9a70;font-size:10px;font-weight:600}.profile-field small:before{content:"✓";margin-right:4px;font-size:10px}.profile-card>form>button[type=submit]{grid-column:2;grid-row:6;justify-self:end;min-width:145px;height:38px;padding:0 17px;border:1px solid #705be4;border-radius:7px;background:#fff;color:#5d48d2;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.profile-card>form>button[type=submit]:before{content:"✎";margin-right:7px;font-size:13px}.profile-card>form>button[type=submit]:hover{background:#6046e8;color:#fff;transform:translateY(-1px)}.profile-card>form>button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-password-section{width:100%;padding:28px 22px 24px;box-sizing:border-box;background:#fff;border:1px solid #eeeef5;border-radius:13px;box-shadow:0 2px 8px #19193c09,0 8px 24px #19193c06}.profile-password-section>button{position:relative;display:block;width:100%;margin:0;padding:0 0 7px 49px;border:0;background:transparent;color:#172033;text-align:left;font-size:17px;line-height:1.3;font-weight:700;cursor:pointer}.profile-password-section>button:before{content:"🔑";position:absolute;left:4px;top:-7px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f2efff;color:#654ee0;font-size:19px}.profile-password-section>button:after{content:"Change your password to keep your account secure";display:block;margin-top:5px;color:#68748a;font-size:12px;font-weight:400}.profile-password-section form{width:100%;margin-top:17px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 18px}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;height:62px;box-sizing:border-box;padding:10px 48px 10px 40px;border:1px solid #edf0f5;border-radius:9px;outline:none;background:#f8f9fb;color:#263147;font-size:13px;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.password-input-wrapper input::placeholder{color:#69758a}.password-input-wrapper input:focus{background:#fff;border-color:#8d7cf1;box-shadow:0 0 0 3px #6046e814}.password-input-wrapper:before{content:"🔐";position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#68758b;font-size:14px;z-index:2;pointer-events:none}.password-toggle-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#657188;font-size:0;cursor:pointer;border-radius:6px}.password-toggle-button:before{content:"👁‍🗨";font-size:13px}.password-toggle-button:hover{background:#eeeef6;color:#4d3bc0}.profile-password-section form>button[type=submit]{grid-column:2;justify-self:end;min-width:160px;height:38px;padding:0 17px;border:1px solid #705be4;border-radius:7px;background:#fff;color:#5d48d2;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.profile-password-section form>button[type=submit]:before{content:"🚀";margin-right:7px;font-size:12px}.profile-password-section form>button[type=submit]:hover{background:#6046e8;color:#fff;transform:translateY(-1px)}.profile-password-section form>button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-page .profile-card h2{margin:0;padding:45px;text-align:center;background:#fff;border:1px solid #eeeef5;border-radius:13px;color:#4d5870;font-size:18px;font-weight:600;box-shadow:0 2px 8px #19193c09}.profile-page::-webkit-scrollbar{width:7px}.profile-page::-webkit-scrollbar-track{background:transparent}.profile-page::-webkit-scrollbar-thumb{background:#d6d3e6;border-radius:10px}.profile-page::-webkit-scrollbar-thumb:hover{background:#b9b4d3}@media(max-width:900px){.profile-page{padding:28px 24px 40px}.profile-card{max-width:100%}.profile-avatar-section{padding:20px 22px}.profile-card>form{grid-template-columns:1fr 1fr}}@media(max-width:680px){.profile-page{min-height:calc(100vh - 60px);padding:22px 14px 30px}.profile-card>h1{font-size:27px;margin-bottom:24px}.profile-avatar-section{min-height:auto;padding:20px;flex-direction:column;align-items:center;gap:18px}.profile-image-actions{margin-left:0}.profile-card>form{grid-template-columns:1fr;padding:22px 16px;row-gap:15px}.profile-card>form:before,.profile-card>form:after{grid-column:1}.profile-card>form .profile-field:nth-of-type(1),.profile-card>form .profile-field:nth-of-type(2),.profile-card>form .profile-field:nth-of-type(3),.profile-card>form .profile-field:nth-of-type(4),.profile-card>form .profile-field:nth-of-type(5){grid-column:1}.profile-card>form .profile-field:nth-of-type(1){grid-row:3}.profile-card>form .profile-field:nth-of-type(2){grid-row:4}.profile-card>form .profile-field:nth-of-type(3){grid-row:5}.profile-card>form .profile-field:nth-of-type(4){grid-row:6}.profile-card>form .profile-field:nth-of-type(5){grid-row:7}.profile-card>form>button[type=submit]{grid-column:1;grid-row:8;width:100%}.profile-password-section{padding:23px 16px}.profile-password-section form{grid-template-columns:1fr}.profile-password-section form>button[type=submit]{grid-column:1;width:100%}}@media(max-width:420px){.profile-page{padding-left:10px;padding-right:10px}.profile-avatar{width:94px;height:94px;min-width:94px}.profile-image-actions{width:100%;justify-content:center}.profile-delete-image-button{min-width:120px}.profile-field input,.password-input-wrapper input{height:60px}.email-verification-box{flex-direction:column;align-items:stretch}.email-verification-box button,.email-verification-box input{width:100%}}.subscription-content{width:100%;min-height:calc(100vh - 70px);background:#f7f9fc;box-sizing:border-box}.subscription-wrapper{width:100%;max-width:1250px;margin:0 auto;padding:70px 48px 60px;box-sizing:border-box}.subscription-title{margin-bottom:32px}.subscription-title h1{margin:0 0 10px;color:#111827;font-size:32px;font-weight:700;line-height:1.2}.subscription-title p{margin:0;color:#64748b;font-size:16px;font-weight:400;line-height:1.5}.subscription-error{width:100%;box-sizing:border-box;margin-bottom:25px;padding:13px 16px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:14px;line-height:1.5}.subscription-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}.subscription-plan-card{min-height:255px;display:flex;flex-direction:column;box-sizing:border-box;padding:32px 30px 30px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 20px #0f172a0f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.subscription-plan-card:hover{transform:translateY(-3px);border-color:#d6dce6;box-shadow:0 12px 28px #0f172a17}.subscription-plan-card h2{margin:0 0 24px;color:#111827;font-size:25px;font-weight:700;line-height:1.2}.subscription-price{margin-bottom:8px;color:#111827;font-size:32px;font-weight:700;line-height:1.2}.subscription-duration{margin-bottom:28px;color:#64748b;font-size:15px;font-weight:400;line-height:1.4}.subscription-choose-button{width:100%;margin-top:auto;padding:13px 18px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.subscription-choose-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 5px 12px #2563eb38}.subscription-choose-button:active{transform:translateY(0)}.subscription-choose-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.subscription-premium{border-color:#dbe4f5}.subscription-empty{width:100%;box-sizing:border-box;padding:55px 30px;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 20px #0f172a0d}.subscription-empty h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:700}.subscription-empty p{margin:0;color:#64748b;font-size:15px}.subscription-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:16px}@media(max-width:1000px){.subscription-wrapper{padding:55px 30px 50px}.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.subscription-content{min-height:calc(100vh - 60px)}.subscription-wrapper{padding:35px 18px 40px}.subscription-title{margin-bottom:25px}.subscription-title h1{font-size:27px}.subscription-title p{font-size:14px}.subscription-plan-grid{grid-template-columns:1fr;gap:18px}.subscription-plan-card{min-height:235px;padding:28px 24px}.subscription-plan-card h2{font-size:23px}.subscription-price{font-size:30px}}@media(max-width:420px){.subscription-wrapper{padding-left:15px;padding-right:15px}.subscription-title h1{font-size:24px}.subscription-plan-card{padding:25px 20px}}.notifications-page{width:100%;min-height:100vh;padding:30px 34px 50px;box-sizing:border-box;background:linear-gradient(135deg,#f5f8ff,#f9f7ff,#f4fbff)}.notifications-header{width:100%;margin-bottom:26px}.notifications-eyebrow{display:inline-block;margin-bottom:7px;font-size:12px;font-weight:700;letter-spacing:.8px;color:#2563eb}.notifications-header h1{margin:0;font-size:30px;line-height:1.2;font-weight:700;color:#14213d}.notifications-header p{margin:7px 0 0;font-size:14px;color:#718096}.notifications-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.notifications-main{min-width:0}.recent-notifications-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #dfe7f5;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #2563eb14}.recent-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 25px 18px;background:linear-gradient(90deg,#eef5ff,#f7f3ff)}.recent-header h2{margin:0;font-size:19px;font-weight:700;color:#17243d}.recent-header p{margin:6px 0 0;font-size:13px;color:#7a879d}.mark-all-button{border:0;background:#e9f1ff;color:#1769e0;font-size:13px;font-weight:600;padding:8px 12px;border-radius:7px;cursor:pointer;white-space:nowrap}.mark-all-button:hover{background:#dbe9ff}.mark-all-button:disabled{color:#a9b3c4;background:#f1f3f7;cursor:default}.notification-summary{display:flex;align-items:center;gap:16px;padding:0 25px 16px;font-size:12px;color:#7b879b}.notification-summary span:first-child{padding:6px 14px;border-radius:7px;background:#eaf2ff;color:#2563eb;font-weight:600}.notification-summary .unread-count{padding:5px 10px;border-radius:6px;background:#fff5df;color:#dc8a00;font-weight:600}.notification-list{width:100%}.notification-row{position:relative;display:flex;align-items:flex-start;gap:16px;padding:19px 25px;border-top:1px solid #edf0f5;transition:.2s ease}.notification-row:hover{background:linear-gradient(90deg,#f8fbff,#fbf9ff);transform:translate(2px)}.notification-row.is-unread{background:linear-gradient(90deg,#f3f8ff,#faf7ff);border-left:3px solid #4f7df3}.notification-row.is-unread:hover{background:linear-gradient(90deg,#edf5ff,#f8f3ff)}.notification-icon{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:700;box-shadow:0 5px 14px #2563eb1f}.customer-icon{background:linear-gradient(135deg,#dbeafe,#eef4ff);color:#2563eb}.admin-icon{background:linear-gradient(135deg,#d9fbe9,#ecfff6);color:#159570}.notification-content{min-width:0;flex:1}.notification-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.notification-title-line h3{margin:5px 0 0;font-size:14px;font-weight:700;color:#17243d}.sender-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;border-radius:5px;padding:4px 7px}.customer-badge{background:#e8f1ff;color:#2563eb}.admin-badge{background:#e5faf1;color:#11916d}.notification-date{flex-shrink:0;font-size:11px;color:#8b96a8;white-space:nowrap}.notification-message{margin:9px 0 0;max-width:90%;font-size:13px;line-height:1.6;color:#59677d;word-break:break-word}.notification-bottom{display:flex;align-items:center;gap:13px;margin-top:9px}.status-text{font-size:11px;font-weight:600}.status-unread{color:#e09600}.status-read{color:#8792a5}.read-button{border:0;background:#edf4ff;color:#2563eb;font-size:11px;font-weight:600;padding:5px 9px;border-radius:5px;cursor:pointer}.read-button:hover{background:#dceaff}.notification-loading{padding:55px 25px;text-align:center;font-size:14px;color:#7a879b}.notification-empty{padding:70px 25px;text-align:center}.empty-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#2563eb;font-size:23px;box-shadow:0 8px 20px #2563eb1f}.notification-empty h3{margin:0;font-size:16px;color:#17243d}.notification-empty p{margin:7px 0 0;font-size:13px;color:#7c889b}.notifications-sidebar{width:100%;display:flex;flex-direction:column;gap:18px}.support-card{padding:23px;background:linear-gradient(135deg,#e9f3ff,#f1edff);border:1px solid #d6e5ff;border-radius:17px;box-sizing:border-box;box-shadow:0 10px 26px #3b5baa14}.support-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.support-top h2{margin:0;font-size:19px;color:#17243d}.support-top p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#718097}.support-big-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;font-size:37px;background:linear-gradient(135deg,#dbeafe,#e9ddff);border-radius:16px}.support-item{display:flex;align-items:center;gap:12px;margin-bottom:17px}.support-item-icon{flex:0 0 37px;width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#2563eb;font-size:15px;box-shadow:0 4px 12px #2563eb14}.support-item strong{display:block;font-size:12px;color:#26344e}.support-item span{display:block;margin-top:3px;font-size:10px;color:#8290a5;word-break:break-word}.support-message-button{width:100%;margin-top:4px;padding:12px 15px;border:0;border-radius:8px;background:linear-gradient(135deg,#2563eb,#6046d8);color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #2563eb33}.support-message-button:hover{background:linear-gradient(135deg,#1d4ed8,#5138c5)}.send-message-card{padding:22px;background:linear-gradient(180deg,#fff,#fbfaff);border:1px solid #e2e7f1;border-radius:17px;box-shadow:0 10px 28px #14213d0f}.send-message-header{display:flex;align-items:flex-start;gap:11px;margin-bottom:17px}.send-message-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#2563eb;font-size:15px}.send-message-header h2{margin:0;font-size:16px;color:#17243d}.send-message-header p{margin:4px 0 0;font-size:11px;color:#8490a2}.send-message-card textarea{width:100%;min-height:125px;padding:12px;box-sizing:border-box;resize:vertical;border:1px solid #dce2eb;border-radius:9px;outline:0;background:#fff;color:#26344e;font-family:inherit;font-size:12px;line-height:1.5}.send-message-card textarea:focus{border-color:#7ba9ee;box-shadow:0 0 0 3px #2563eb14}.send-message-card textarea::placeholder{color:#a0a9b7}.character-count{margin-top:5px;text-align:right;font-size:10px;color:#9aa4b3}.send-message-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.attach-button{padding:9px 11px;border:1px solid #dce2eb;border-radius:7px;background:#f7f9fc;color:#7d899b;font-size:10px;cursor:not-allowed}.send-button{padding:10px 15px;border:0;border-radius:7px;background:linear-gradient(135deg,#2563eb,#6046d8);color:#fff;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 5px 14px #2563eb2e}.send-button:hover{background:linear-gradient(135deg,#1d4ed8,#5138c5)}.send-button:disabled{background:#aebbd0;cursor:not-allowed;box-shadow:none}.secure-message{margin-top:14px;text-align:center;font-size:10px;color:#929cab}.sidebar-info-card{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;background:#dfe6f2;border:1px solid #dfe6f2;border-radius:14px;box-shadow:0 7px 18px #14213d0d}.sidebar-info-item{padding:15px 8px;text-align:center;background:linear-gradient(180deg,#fff,#f7faff)}.sidebar-info-item:nth-child(1){background:linear-gradient(180deg,#eef5ff,#fff)}.sidebar-info-item:nth-child(2){background:linear-gradient(180deg,#f1edff,#fff)}.sidebar-info-item:nth-child(3){background:linear-gradient(180deg,#edfff7,#fff)}.sidebar-info-item strong{display:block;font-size:18px;color:#17243d}.sidebar-info-item span{display:block;margin-top:4px;font-size:9px;color:#8994a6;line-height:1.3}@media(max-width:1100px){.notifications-layout{grid-template-columns:minmax(0,1fr) 300px}.notifications-page{padding:25px}}@media(max-width:850px){.notifications-layout{grid-template-columns:1fr}.notifications-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sidebar-info-card{grid-column:1/-1}}@media(max-width:600px){.notifications-page{padding:18px 14px 35px}.notifications-header h1{font-size:25px}.recent-header{align-items:flex-start;flex-direction:column;padding:20px 17px 15px}.notification-summary{padding-left:17px;padding-right:17px;flex-wrap:wrap}.notification-row{padding:17px;gap:11px}.notification-icon{flex-basis:37px;width:37px;height:37px;font-size:15px}.notification-title-line{flex-direction:column;gap:5px}.notification-date{white-space:normal}.notification-message{max-width:100%}.notifications-sidebar{display:flex}.support-card,.send-message-card{padding:18px}.send-message-footer{align-items:stretch;flex-direction:column}.attach-button,.send-button{width:100%}}.customer-leads-page{width:100%;padding:24px;background:#f5f9ff;min-height:100vh}.customer-leads-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.back-button{border:0;background:none;padding:0;display:flex;align-items:center;gap:8px;color:#183a83;font-weight:600;cursor:pointer}.customer-leads-header h1{margin:22px 0 5px;font-size:32px;font-weight:800;color:#10276b}.customer-leads-header p{margin:0;color:#6175a7;font-size:16px}.customer-leads-total{display:flex;align-items:center;gap:15px;min-width:230px;padding:22px 28px;border-radius:16px;background:linear-gradient(135deg,#effffc,#dffff7);border:1px solid #a9f2df;box-shadow:0 5px 18px #bdeee466}.customer-leads-total svg{font-size:38px;color:#10b981}.customer-leads-total span{display:block;color:#18265f;font-size:14px;font-weight:700}.customer-leads-total strong{display:block;margin-top:3px;font-size:34px;color:#152b72}.lead-filter-card{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:20px;border-radius:16px;margin-bottom:28px;background:linear-gradient(100deg,#effcff,#fff0ff);border:1px solid #cce7ff;box-shadow:0 6px 20px #b8d9ff40}.filter-title{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:800;color:#172d70}.filter-title svg{font-size:30px;color:#168df5}.lead-filter-fields{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:6px}.filter-field label{font-size:13px;font-weight:700;color:#29447e}.filter-field input{width:202px;padding:13px 14px;border:1px solid #d5def0;border-radius:9px;background:#fff;outline:none;font-size:14px;box-shadow:0 2px 7px #b7c8df30}.filter-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea18}.clear-filter-button{padding:13px 25px;border:0;border-radius:9px;background:linear-gradient(90deg,#08a9ee,#5227ed);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 5px 12px #5367e044}.leads-table-card{background:#fff;border:1px solid #e1e8f5;border-radius:16px;overflow:hidden;box-shadow:0 7px 25px #abc5e52b}.leads-table-wrapper{width:100%;overflow-x:auto}.leads-table{width:100%;min-width:1000px;border-collapse:collapse}.leads-table th{padding:15px 16px;text-align:left;background:#f6f9ff;color:#233b76;border-bottom:1px solid #e1e8f5;font-size:13px;font-weight:800;white-space:nowrap}.leads-table td{padding:15px 16px;border-bottom:1px solid #edf1f7;vertical-align:top;font-size:14px;color:#374b78}.leads-table tbody tr:hover{background:#f8fbff}.question-list{display:flex;flex-direction:column;gap:8px;min-width:250px}.question-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:8px;background:#f5f8ff}.question-item strong{font-size:12px;color:#263d73}.question-item span{font-size:13px;color:#56698e}.muted{color:#9aa8c0}.no-leads,.lead-loading{background:#fff;border:1px solid #e1e8f5;border-radius:16px;padding:75px 20px;text-align:center;box-shadow:0 7px 25px #abc5e52b}.no-leads svg{font-size:55px;color:#5632ee;margin-bottom:15px}.no-leads h2{margin:0 0 8px;font-size:28px;color:#122968}.no-leads p{margin:0;color:#6276a5;font-size:15px}.lead-error{margin-bottom:20px;padding:12px 16px;border-radius:9px;background:#fff1f2;border:1px solid #fecaca;color:#b91c1c}@media(max-width:768px){.customer-leads-page{padding:16px}.customer-leads-header{flex-direction:column}.customer-leads-header h1{font-size:26px}.customer-leads-total{width:100%;box-sizing:border-box}.lead-filter-card{align-items:flex-start}.lead-filter-fields{width:100%}.filter-field,.filter-field input{width:100%;box-sizing:border-box}.clear-filter-button{width:100%}}.admin-dashboard{width:100%;min-height:100%;box-sizing:border-box}.admin-dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-dashboard-heading h1{margin:0;color:#111827;font-size:27px;line-height:1.25;font-weight:700}.admin-dashboard-heading p{margin:6px 0 0;color:#718096;font-size:13px}.selected-date-label{display:flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:#526074;font-size:12px;white-space:nowrap}.admin-dashboard-error{margin-bottom:18px;padding:12px 15px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#b91c1c;font-size:13px}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.admin-stat-card{min-height:104px;display:flex;align-items:center;gap:14px;padding:18px;box-sizing:border-box;background:#fff;border:1px solid #e8edf4;border-radius:10px;box-shadow:0 4px 14px #141f380d}.stat-icon{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.stat-icon span{font-size:22px;font-weight:600}.stat-icon.purple{background:linear-gradient(135deg,#7138ff,#9b5cff)}.stat-icon.blue{background:linear-gradient(135deg,#009ee9,#2bb4e8)}.stat-icon.orange{background:linear-gradient(135deg,#ff8b17,#ffad45)}.stat-content{min-width:0;display:flex;flex-direction:column}.stat-content>span{color:#667085;font-size:11px;margin-bottom:6px}.stat-content strong{color:#111827;font-size:18px;line-height:1.2;font-weight:700}.stat-content small{margin-top:7px;color:#20a05a;font-size:10px}.admin-secondary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid #e8edf4;border-radius:10px;box-shadow:0 4px 14px #141f380a;margin-bottom:14px;overflow:hidden}.secondary-stat{min-height:76px;display:flex;align-items:center;gap:11px;padding:13px 15px;border-right:1px solid #edf0f5;box-sizing:border-box}.secondary-stat:last-child{border-right:0}.secondary-icon{width:34px;height:34px;min-width:34px;display:flex;align-items:center;justify-content:center;border-radius:50%}.secondary-icon.pending{color:#f59e0b;background:#fff7e8}.secondary-icon.completed{color:#16a765;background:#eafaf1}.secondary-icon.rejected{color:#ef4444;background:#fff0f0}.secondary-icon.wallet{color:#7440ff;background:#f1edff}.secondary-icon.leads{color:#2784ff;background:#edf5ff}.secondary-stat>div:last-child{display:flex;flex-direction:column;min-width:0}.secondary-stat span{color:#697586;font-size:10px;margin-bottom:5px}.secondary-stat strong{color:#111827;font-size:15px}.admin-dashboard-lower{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px}.admin-panel{min-width:0;min-height:310px;background:#fff;border:1px solid #e8edf4;border-radius:10px;box-shadow:0 4px 14px #141f380a;overflow:hidden}.admin-panel-header{min-height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #edf0f5;box-sizing:border-box}.admin-panel-header h2{margin:0;color:#111827;font-size:13px;font-weight:700}.admin-panel-header p{margin:4px 0 0;color:#9aa3b2;font-size:10px}.admin-chart-wrapper{width:100%;padding:22px 18px 12px;box-sizing:border-box}.admin-revenue-chart{width:100%;height:210px;display:block}.chart-grid{stroke:#edf0f5;stroke-width:1}.chart-area{fill:url(#revenueAreaGradient)}.chart-line{fill:none;stroke:#7138ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#7138ff;stroke:#fff;stroke-width:2}.chart-labels{display:flex;justify-content:space-between;padding:0 10px;color:#8b95a5;font-size:9px}.admin-empty-chart{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#b4a0ff}.admin-empty-chart strong{margin-top:10px;color:#526074;font-size:12px}.admin-empty-chart span{max-width:220px;margin-top:5px;color:#9aa3b2;font-size:10px;line-height:1.5}.ads-overview{min-height:245px;display:flex;align-items:center;justify-content:center;gap:22px;padding:18px;box-sizing:border-box}.admin-donut{width:145px;height:145px;min-width:145px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(#16a765 0 var(--active),#f59e0b var(--active) calc(var(--active) + var(--pending)),#377dff calc(var(--active) + var(--pending)) calc(var(--active) + var(--pending) + var(--completed)),#ef4444 calc(var(--active) + var(--pending) + var(--completed)) 100%)}.admin-donut:before{content:"";position:absolute}.admin-donut>div{width:98px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff}.admin-donut small{color:#8d98a8;font-size:9px}.admin-donut strong{margin-top:3px;color:#111827;font-size:17px}.admin-donut.empty{background:#e8edf4}.ads-legend{display:flex;flex-direction:column;gap:12px}.ads-legend-item{display:flex;align-items:flex-start;gap:8px}.legend-dot{width:8px;height:8px;margin-top:4px;border-radius:50%}.legend-dot.active{background:#16a765}.legend-dot.pending{background:#f59e0b}.legend-dot.completed{background:#377dff}.legend-dot.rejected{background:#ef4444}.ads-legend-item>div{display:flex;flex-direction:column}.ads-legend-item span{color:#697586;font-size:10px}.ads-legend-item strong{margin-top:2px;color:#111827;font-size:11px}.ads-legend-item strong small{color:#8c96a5;font-size:9px;font-weight:400}.admin-ads-empty{min-height:245px;display:flex;align-items:center;justify-content:center;gap:20px}.admin-ads-empty p{margin:0;color:#9aa3b2;font-size:11px}.campaign-table-wrapper{width:100%;overflow-x:auto;padding:10px 14px 14px;box-sizing:border-box}.campaign-table-wrapper table{width:100%;border-collapse:collapse;min-width:350px}.campaign-table-wrapper th{padding:9px 5px;text-align:left;color:#8b95a5;font-size:9px;font-weight:500;border-bottom:1px solid #edf0f5}.campaign-table-wrapper td{padding:10px 5px;color:#394150;font-size:9px;border-bottom:1px solid #f0f2f6}.campaign-table-wrapper tbody tr:last-child td{border-bottom:0}.campaign-table-wrapper td:first-child{color:#253047;font-weight:600}.campaign-status{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:3px 7px;border-radius:5px;font-size:8px;font-weight:600;text-transform:capitalize}.campaign-status.active{color:#11834f;background:#dcfce9}.campaign-status.pending{color:#c26b00;background:#fff0d7}.campaign-status.completed{color:#1264c4;background:#e2f0ff}.campaign-status.rejected{color:#c52b2b;background:#ffe4e4}.campaign-status.unknown{color:#667085;background:#f0f2f5}.admin-empty-campaigns{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#b4a0ff}.admin-empty-campaigns strong{margin-top:10px;color:#526074;font-size:12px}.admin-empty-campaigns span{max-width:200px;margin-top:5px;color:#9aa3b2;font-size:10px;line-height:1.5}.admin-dashboard [aria-busy=true]{opacity:.7}@media(max-width:1200px){.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.secondary-stat:nth-child(3){border-right:0}.admin-dashboard-lower{grid-template-columns:1fr 1fr}.campaigns-panel{grid-column:1 / -1}}@media(max-width:850px){.admin-dashboard-heading{flex-direction:column}.admin-summary-grid{grid-template-columns:1fr}.admin-secondary-grid{grid-template-columns:1fr 1fr}.secondary-stat{border-right:0;border-bottom:1px solid #edf0f5}.admin-dashboard-lower{grid-template-columns:1fr}.campaigns-panel{grid-column:auto}}@media(max-width:560px){.admin-dashboard-heading h1{font-size:22px}.selected-date-label{width:100%;box-sizing:border-box;justify-content:center}.admin-secondary-grid{grid-template-columns:1fr}.secondary-stat{border-bottom:1px solid #edf0f5}.secondary-stat:last-child{border-bottom:0}.ads-overview{flex-direction:column}}.users-page{min-height:100vh;padding:28px;background:#f4f7fc;box-sizing:border-box}.users-header-card{background:linear-gradient(135deg,#fff,#f3edff);border-radius:20px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;border:1px solid #e5e7eb;box-shadow:0 8px 25px #50329614;box-sizing:border-box}.users-header-label{color:#7c3aed;font-size:12px;font-weight:800;letter-spacing:1.5px}.users-header-card h1{margin:8px 0 5px;font-size:30px;color:#111827}.users-header-card p{margin:0;color:#6b7280}.users-total-box{min-width:150px;padding:18px;text-align:center;border-radius:16px;background:#7c3aed;color:#fff;box-shadow:0 8px 20px #7c3aed40;box-sizing:border-box}.users-total-box span{display:block;font-size:12px;opacity:.9}.users-total-box strong{display:block;font-size:28px;margin-top:5px}.users-search-card{background:#fff;border-radius:18px;padding:18px;display:flex;gap:12px;margin-bottom:15px;border:1px solid #e5e7eb;box-shadow:0 5px 18px #0000000d;box-sizing:border-box}.search-wrapper{position:relative;flex:1;min-width:0}.search-wrapper input{width:100%;height:48px;border:1px solid #d8dce5;border-radius:12px;padding:0 45px;font-size:14px;outline:none;box-sizing:border-box}.search-wrapper input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-icon{position:absolute;left:16px;top:14px;font-size:16px}.clear-search-btn{position:absolute;right:10px;top:8px;height:32px;width:32px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{background:#e5e7eb}.refresh-users-btn{border:none;background:#111827;color:#fff;padding:0 22px;border-radius:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.2s}.refresh-users-btn:hover{background:#374151}.search-result-text{margin:12px 3px 18px;color:#6b7280;font-size:14px}.customers-grid{display:flex;flex-direction:column;gap:10px;width:100%}.customer-card{width:100%;background:#fff;border-radius:14px;padding:13px 15px;border:1px solid #e5e7eb;box-shadow:0 4px 15px #0000000a;display:flex;align-items:center;gap:18px;min-height:82px;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease}.customer-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #7c3aed1a}.customer-card-top{display:flex;align-items:center;gap:12px;width:230px;min-width:230px;padding:0;border:none;box-sizing:border-box}.customer-avatar{width:48px;height:48px;min-width:48px;border-radius:13px;background:#ede9fe;color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;overflow:hidden}.customer-avatar img{width:100%;height:100%;object-fit:cover}.customer-main-info{flex:1;min-width:0}.customer-id{display:block;color:#7c3aed;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-main-info h3{margin:3px 0 5px;color:#111827;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-block;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:800;line-height:1.3}.status.active{background:#dcfce7;color:#15803d}.status.blocked{background:#fee2e2;color:#b91c1c}.customer-info{flex:1;display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(110px,1fr) 110px 100px;align-items:center;gap:18px;padding:0;min-width:0;box-sizing:border-box}.info-row{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0;min-width:0}.info-row span{color:#9ca3af;font-size:10px;font-weight:600;line-height:1.2}.info-row strong{color:#1f2937;font-size:12px;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.customer-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:300px;box-sizing:border-box}.customer-actions button{border:none;padding:8px 11px;min-width:60px;height:34px;border-radius:8px;cursor:pointer;font-weight:700;font-size:11px;white-space:nowrap;transition:background .2s ease,transform .15s ease}.customer-actions button:hover{transform:translateY(-1px)}.view-btn{background:#ede9fe;color:#6d28d9}.view-btn:hover{background:#ddd6fe}.edit-btn{background:#dbeafe;color:#1d4ed8}.edit-btn:hover{background:#bfdbfe}.block-btn{background:#fef3c7;color:#b45309}.block-btn:hover{background:#fde68a}.unblock-btn{background:#dcfce7;color:#15803d}.unblock-btn:hover{background:#bbf7d0}.remove-btn{background:#fff1f2;color:#dc2626;border:1px solid #fecdd3!important;min-width:78px!important}.remove-btn:hover{background:#fee2e2;color:#b91c1c;border-color:#fda4af!important}.users-empty-card,.users-loading-card{background:#fff;border-radius:20px;padding:55px;text-align:center;box-shadow:0 7px 25px #0000000d;box-sizing:border-box}.empty-icon{font-size:45px}.users-empty-card h3{color:#111827}.users-empty-card p{color:#6b7280}.users-spinner{width:38px;height:38px;border:4px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;margin:0 auto 18px;animation:spin .8s linear infinite}.users-loading-card h2{color:#111827}.users-loading-card p{color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#0f172aa6;display:flex;justify-content:center;align-items:center;padding:20px;z-index:9999;box-sizing:border-box}.customer-modal{width:100%;max-width:720px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:22px;padding:28px;box-sizing:border-box;box-shadow:0 25px 70px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-header span{color:#7c3aed;font-size:11px;font-weight:800;letter-spacing:1.2px}.modal-header h2{margin:5px 0 0;color:#111827}.modal-close{width:38px;height:38px;border:none;border-radius:50%;background:#f3f4f6;cursor:pointer;font-size:16px}.modal-close:hover{background:#e5e7eb}.modal-profile{display:flex;align-items:center;gap:15px;padding:18px;border-radius:16px;background:#f5f3ff;margin-bottom:20px}.large-avatar{width:78px;height:78px;min-width:78px;border-radius:20px;overflow:hidden;background:#ddd6fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800}.large-avatar img{width:100%;height:100%;object-fit:cover}.modal-profile h3{margin:0 0 5px;color:#111827}.modal-profile p{margin:0;color:#7c3aed;font-weight:700}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-box{padding:15px;border-radius:14px;background:#f8fafc;border:1px solid #eef0f4;box-sizing:border-box}.detail-box span{display:block;font-size:11px;color:#6b7280;margin-bottom:6px}.detail-box strong{color:#111827;font-size:14px;word-break:break-word}.password-notice{margin-top:18px;padding:13px;background:#fff7ed;color:#9a3412;border-radius:12px;font-size:13px}.close-modal-btn{margin-top:20px;width:100%;height:45px;border:none;background:#111827;color:#fff;border-radius:10px;cursor:pointer;font-weight:700}.close-modal-btn:hover{background:#374151}.edit-customer-id{padding:12px 15px;background:#f5f3ff;border-radius:10px;color:#6b7280;margin-bottom:20px}.edit-customer-id strong{color:#7c3aed}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:7px;color:#374151;font-size:13px;font-weight:700}.form-group input{width:100%;height:45px;border:1px solid #d8dce5;border-radius:10px;padding:0 13px;box-sizing:border-box;outline:none}.form-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.edit-actions{display:flex;gap:10px;margin-top:20px}.save-btn,.cancel-btn{flex:1;height:45px;border:none;border-radius:10px;cursor:pointer;font-weight:700}.save-btn{background:#7c3aed;color:#fff}.save-btn:hover{background:#6d28d9}.cancel-btn{background:#e5e7eb;color:#374151}.cancel-btn:hover{background:#d1d5db}@media(max-width:1200px){.customer-card{gap:12px}.customer-card-top{width:205px;min-width:205px}.customer-info{grid-template-columns:minmax(130px,1.4fr) minmax(90px,1fr) 90px 80px;gap:10px}.customer-actions{min-width:275px;gap:5px}.customer-actions button{min-width:55px;padding:7px 8px;font-size:10px}.remove-btn{min-width:68px!important}}@media(max-width:1000px){.customer-card{flex-wrap:wrap;padding:15px}.customer-card-top{width:100%;min-width:0}.customer-info{width:100%;flex:none;grid-template-columns:repeat(4,1fr);gap:12px}.customer-actions{width:100%;min-width:0;justify-content:flex-start}}@media(max-width:700px){.users-page{padding:15px}.users-header-card{flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.users-header-card h1{font-size:25px}.users-total-box{width:100%;box-sizing:border-box}.users-search-card{flex-direction:column;padding:14px}.refresh-users-btn{height:45px;width:100%}.customer-card{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:14px}.customer-card-top{width:100%;min-width:0}.customer-info{width:100%;grid-template-columns:1fr 1fr;gap:12px}.info-row strong{font-size:12px}.customer-actions{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.customer-actions button{width:100%;min-width:0;height:36px}.customer-modal{max-height:92vh;padding:20px;border-radius:18px}.modal-profile{padding:14px}.large-avatar{width:62px;height:62px;min-width:62px;border-radius:16px;font-size:24px}.details-grid{grid-template-columns:1fr}.edit-actions{flex-direction:column}}@media(max-width:420px){.users-page{padding:10px}.users-header-card{padding:18px}.users-header-card h1{font-size:23px}.customer-info{grid-template-columns:1fr}.customer-actions{grid-template-columns:repeat(2,1fr)}.customer-modal{padding:16px}}.admin-leads-page{min-height:100vh;padding:28px;background:#f4f7fc;box-sizing:border-box}.admin-leads-header{background:linear-gradient(135deg,#fff,#f3edff);border:1px solid #e5e7eb;border-radius:20px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;box-shadow:0 8px 25px #50329614;box-sizing:border-box}.admin-leads-label{color:#7c3aed;font-size:11px;font-weight:800;letter-spacing:1.5px}.admin-leads-header h1{margin:7px 0 5px;color:#111827;font-size:30px;font-weight:800}.admin-leads-header p{margin:0;color:#6b7280;font-size:14px}.admin-leads-total{min-width:140px;padding:16px 22px;background:#7c3aed;color:#fff;border-radius:15px;text-align:center;box-shadow:0 8px 20px #7c3aed40;box-sizing:border-box}.admin-leads-total span{display:block;font-size:10px;font-weight:700;letter-spacing:1px;opacity:.9}.admin-leads-total strong{display:block;margin-top:3px;font-size:27px}.admin-leads-filter{background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:17px;display:flex;align-items:flex-end;gap:11px;margin-bottom:14px;box-shadow:0 5px 18px #0000000a;box-sizing:border-box}.date-filter-group{flex:1;min-width:150px}.date-filter-group label{display:block;margin-bottom:6px;color:#374151;font-size:12px;font-weight:700}.date-filter-group input{width:100%;height:44px;padding:0 11px;border:1px solid #d8dce5;border-radius:10px;outline:none;background:#fff;color:#1f2937;font-size:13px;box-sizing:border-box}.date-filter-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.apply-filter-btn,.clear-filter-btn,.refresh-leads-btn{height:44px;border:none;border-radius:10px;padding:0 18px;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.apply-filter-btn{background:#7c3aed;color:#fff}.apply-filter-btn:hover{background:#6d28d9}.clear-filter-btn{background:#e5e7eb;color:#374151}.clear-filter-btn:hover{background:#d1d5db}.refresh-leads-btn{background:#111827;color:#fff}.refresh-leads-btn:hover{background:#374151}.admin-leads-result{margin:10px 3px 17px;color:#6b7280;font-size:13px}.admin-leads-result strong{color:#374151}.admin-leads-error{padding:13px 16px;margin-bottom:15px;border-radius:11px;background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;font-size:13px;font-weight:600}.admin-customer-list{display:flex;flex-direction:column;gap:18px}.admin-customer-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 7px 24px #0000000d}.admin-customer-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;background:linear-gradient(135deg,#fff,#faf8ff);border-bottom:1px solid #eef0f4}.admin-customer-title span{color:#7c3aed;font-size:10px;font-weight:800;letter-spacing:1.2px}.admin-customer-title h2{margin:4px 0 0;color:#111827;font-size:19px}.customer-total-leads{text-align:right;padding:8px 15px;border-radius:11px;background:#f3edff}.customer-total-leads span{display:block;color:#6d28d9;font-size:10px;letter-spacing:0;font-weight:700}.customer-total-leads strong{display:block;color:#7c3aed;font-size:20px;margin-top:1px}.admin-leads-table-wrapper{width:100%;overflow-x:auto}.admin-leads-table{width:100%;border-collapse:collapse;min-width:540px}.admin-leads-table th{padding:13px 20px;background:#f8fafc;color:#6b7280;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;text-align:left;border-bottom:1px solid #eef0f4}.admin-leads-table td{padding:14px 20px;color:#374151;font-size:13px;border-bottom:1px solid #f0f2f5;vertical-align:middle}.admin-leads-table tbody tr:last-child td{border-bottom:none}.admin-leads-table tbody tr:hover{background:#faf9ff}.ad-name-cell{display:flex;align-items:center;gap:10px}.ad-dot{width:8px;height:8px;border-radius:50%;background:#7c3aed;flex-shrink:0}.ad-name-cell strong{display:block;color:#111827;font-size:14px}.ad-name-cell small{display:block;margin-top:3px;color:#9ca3af;font-size:11px}.lead-count{display:inline-flex;min-width:34px;height:28px;padding:0 9px;align-items:center;justify-content:center;border-radius:8px;background:#ede9fe;color:#6d28d9;font-weight:800;font-size:13px}.lead-count.zero{background:#f3f4f6;color:#9ca3af}.view-leads-btn{border:none;background:#ede9fe;color:#6d28d9;min-width:66px;height:34px;padding:0 13px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:800;transition:.2s}.view-leads-btn:hover{background:#ddd6fe;transform:translateY(-1px)}.admin-leads-empty{background:#fff;border-radius:18px;padding:60px 25px;text-align:center;border:1px solid #e5e7eb;box-shadow:0 7px 25px #0000000d}.empty-leads-icon{font-size:45px;margin-bottom:10px}.admin-leads-empty h2{margin:0 0 7px;color:#111827;font-size:21px}.admin-leads-empty p{margin:0;color:#6b7280;font-size:13px}.lead-modal-overlay{position:fixed;inset:0;z-index:9999;padding:20px;display:flex;align-items:center;justify-content:center;background:#0f172aad;box-sizing:border-box}.lead-modal{width:100%;max-width:1050px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 25px 70px #00000040;box-sizing:border-box}.lead-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;border-bottom:1px solid #eef0f4;background:linear-gradient(135deg,#fff,#faf8ff)}.lead-modal-header>div{min-width:0}.lead-modal-header span{color:#7c3aed;font-size:10px;font-weight:800;letter-spacing:1.3px}.lead-modal-header h2{margin:5px 0;color:#111827;font-size:21px;word-break:break-word}.lead-modal-header p{margin:0;color:#6b7280;font-size:13px}.lead-modal-header p strong{color:#7c3aed}.lead-modal-close{width:38px;height:38px;flex-shrink:0;border:none;border-radius:50%;background:#f3f4f6;color:#374151;font-size:23px;line-height:1;cursor:pointer}.lead-modal-close:hover{background:#e5e7eb}.lead-details-table-wrapper{width:100%;overflow-x:auto}.lead-details-table{width:100%;min-width:780px;border-collapse:collapse}.lead-details-table th{padding:13px 17px;background:#f8fafc;color:#6b7280;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid #eef0f4}.lead-details-table td{padding:14px 17px;color:#374151;font-size:13px;border-bottom:1px solid #f0f2f5;vertical-align:middle}.lead-details-table tbody tr:last-child td{border-bottom:none}.lead-details-table tbody tr:hover{background:#faf9ff}.lead-details-table td strong{color:#111827}.source-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.whatsapp-source{background:#dcfce7;color:#15803d}.form-source{background:#dbeafe;color:#1d4ed8}.delete-lead-btn{border:none;background:#fee2e2;color:#b91c1c;height:32px;padding:0 11px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap}.delete-lead-btn:hover{background:#fecaca}.delete-lead-btn:disabled{opacity:.6;cursor:not-allowed}.modal-no-leads{padding:55px 20px;text-align:center}.modal-no-leads>div{font-size:40px;margin-bottom:10px}.modal-no-leads h3{margin:0 0 6px;color:#111827;font-size:19px}.modal-no-leads p{margin:0 0 12px;color:#6b7280;font-size:13px}.modal-no-leads strong{display:inline-block;padding:6px 11px;border-radius:8px;background:#f3f4f6;color:#6b7280;font-size:12px}.lead-modal-footer{padding:17px 22px;border-top:1px solid #eef0f4;display:flex;justify-content:flex-end}.close-lead-modal-btn{height:40px;min-width:100px;border:none;border-radius:9px;background:#111827;color:#fff;cursor:pointer;font-size:12px;font-weight:800}.close-lead-modal-btn:hover{background:#374151}.admin-leads-loading{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.admin-leads-spinner{width:38px;height:38px;border:4px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:adminLeadSpin .8s linear infinite;margin-bottom:15px}.admin-leads-loading h2{margin:0 0 5px;color:#111827;font-size:20px}.admin-leads-loading p{margin:0;color:#6b7280;font-size:13px}@keyframes adminLeadSpin{to{transform:rotate(360deg)}}@media(max-width:850px){.admin-leads-page{padding:18px}.admin-leads-header{padding:22px;flex-direction:column;align-items:flex-start}.admin-leads-total{width:100%}.admin-leads-filter{flex-wrap:wrap;align-items:stretch}.date-filter-group{min-width:calc(50% - 8px)}.apply-filter-btn,.clear-filter-btn,.refresh-leads-btn{flex:1}}@media(max-width:600px){.admin-leads-page{padding:13px}.admin-leads-header{border-radius:16px;padding:19px}.admin-leads-header h1{font-size:25px}.admin-leads-filter{flex-direction:column;padding:14px}.date-filter-group{width:100%;min-width:0}.apply-filter-btn,.clear-filter-btn,.refresh-leads-btn{width:100%;flex:none}.admin-customer-title{padding:17px;align-items:flex-start}.customer-total-leads{flex-shrink:0}.admin-leads-table th,.admin-leads-table td{padding-left:14px;padding-right:14px}.lead-modal-overlay{padding:10px}.lead-modal{max-height:94vh;border-radius:16px}.lead-modal-header{padding:18px}.lead-modal-header h2{font-size:18px}.lead-modal-footer{padding:14px}.close-lead-modal-btn{width:100%}}.customer-id{margin-top:4px;font-size:11px;font-weight:500;color:#64748b}.all-ads-page{min-height:100%;padding:24px;background:#f5f7fb;box-sizing:border-box}.all-ads-header{background:#fff;border:1px solid #dcefe4;border-radius:12px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;box-shadow:0 5px 16px #141e320d}.all-ads-header h1{margin:0;font-size:23px;font-weight:700;color:#111827}.all-ads-header p{margin:6px 0 0;font-size:12px;color:#718096}.ads-count{background:#f1e7ff;color:#742cff;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:600}.customer-groups{display:flex;flex-direction:column;gap:14px}.customer-group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #141e320a}.customer-header{min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf3}.customer-info{display:flex;align-items:center;gap:10px}.customer-avatar{width:34px;height:34px;border-radius:50%;background:#eee7ff;color:#742cff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.customer-name-row{display:flex;align-items:center;gap:4px;font-size:12px;color:#344054}.customer-name-row strong{color:#344054;font-weight:600}.customer-id{margin-top:3px;font-size:10px;color:#667085}.customer-id strong{font-weight:600;color:#344054}.customer-ad-count{background:#f7f8fa;border:1px solid #e5e7eb;color:#667085;border-radius:15px;padding:5px 11px;font-size:10px;font-weight:600}.ads-list{padding:0 14px 10px}.ad-row{min-height:54px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef1f5}.ad-row:last-child{border-bottom:none}.ad-icon{width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fafafa;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.ad-main{flex:1;min-width:0}.ad-name{font-size:12px;color:#344054;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-status{width:95px;text-align:center}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:4px 9px;border-radius:12px;font-size:9px;font-weight:600}.status-active{background:#e7f8ee;color:#16834a}.status-paused,.status-pending{background:#fff2d8;color:#9a6500}.status-completed{background:#e9f1ff;color:#3565b7}.status-rejected{background:#ffe7e7;color:#c62828}.status-draft{background:#eef0f3;color:#667085}.view-btn{width:48px;height:27px;border:none;border-radius:6px;background:#742cff;color:#fff;font-size:10px;font-weight:600;cursor:pointer;transition:.2s ease}.view-btn:hover{background:#6420df}.empty-ads{background:#fff;border:1px solid #e0e6ef;border-radius:12px;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{font-size:28px;margin-bottom:8px}.empty-ads h3{margin:0;color:#111827;font-size:14px}.empty-ads p{margin:5px 0 0;color:#8a94a6;font-size:11px}.ads-error{background:#fff5f5;border:1px solid #ffd4d4;border-radius:10px;padding:12px 15px;color:#b42318;font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.ads-error button{border:none;background:#b42318;color:#fff;border-radius:5px;padding:6px 12px;cursor:pointer}.all-ads-loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.all-ads-loading p{color:#667085;font-size:12px}.loading-spinner{width:28px;height:28px;border:3px solid #e8ddff;border-top-color:#742cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#0f172a94;z-index:9999;display:flex;align-items:center;justify-content:center;padding:25px;box-sizing:border-box}.ad-view-modal{width:min(720px,100%);max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.modal-header{min-height:62px;padding:12px 17px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.modal-header h2{margin:0;color:#111827;font-size:16px}.modal-header p{margin:4px 0 0;color:#7b8494;font-size:10px}.modal-close{width:30px;height:30px;border:none;border-radius:6px;background:#f3f4f6;color:#475467;font-size:21px;cursor:pointer}.modal-body{overflow-y:auto;padding:16px 17px}.detail-section{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e5e7eb}.detail-section:last-child{border-bottom:none;margin-bottom:0}.section-title{font-size:12px;font-weight:700;color:#111827;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-item{min-height:47px;padding:8px 10px;background:#f7f9fb;border-radius:7px;box-sizing:border-box}.detail-item.full{grid-column:1 / -1}.detail-item span{display:block;font-size:9px;color:#7a8596;margin-bottom:4px}.detail-item strong{display:block;color:#263244;font-size:10px;font-weight:600;word-break:break-word}.ad-preview-box{display:flex;gap:12px;padding:9px;background:#f7f9fb;border-radius:8px}.ad-preview-box img{width:110px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e3e7ed}.no-image{width:110px;height:80px;border-radius:6px;background:#eef1f5;display:flex;align-items:center;justify-content:center;text-align:center;color:#8a94a6;font-size:9px}.preview-info{flex:1}.preview-info h3{margin:4px 0 5px;font-size:13px;color:#1d2939}.preview-info p{margin:0;font-size:10px;color:#667085}.meta-status{padding:4px 9px;border-radius:12px;background:#edf1f7;color:#475467;font-size:9px;font-weight:600}.meta-status.connected,.meta-status.active{background:#e7f8ee;color:#16834a}.meta-status.paused{background:#fff2d8;color:#9a6500}.meta-status.not-published{background:#eef0f3;color:#667085}.meta-note{margin-top:9px;padding:8px 10px;background:#f8f9fb;border-left:3px solid #742cff;color:#667085;font-size:9px;line-height:1.5}.performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.performance-item{background:#f7f9fb;border-radius:7px;padding:10px}.performance-item span{display:block;font-size:9px;color:#7a8596;margin-bottom:5px}.performance-item strong{color:#1d2939;font-size:13px}.modal-actions{border-top:1px solid #e5e7eb;padding:11px 17px;display:flex;justify-content:flex-end;gap:8px}.modal-actions button{min-width:76px;height:31px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer}.edit-btn{border:1px solid #742cff;background:#fff;color:#742cff}.stop-btn{border:none;background:#f8cf83;color:#704c00}.resume-btn{border:none;background:#c9f0d9;color:#13733f}.delete-btn{border:none;background:#ef2b2b;color:#fff}.modal-actions button:disabled{opacity:.55;cursor:not-allowed}.edit-modal{width:min(760px,100%);max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.edit-body{padding:17px;overflow-y:auto}.edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full{grid-column:1 / -1}.form-group label{color:#475467;font-size:10px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;box-sizing:border-box;border:1px solid #d7dce3;border-radius:6px;background:#fff;color:#1d2939;padding:8px 9px;font-family:inherit;font-size:10px;outline:none}.form-group input,.form-group select{height:34px}.form-group textarea{resize:vertical;min-height:85px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#742cff;box-shadow:0 0 0 2px #742cff14}.edit-meta-info{margin-top:18px;padding:12px;background:#f7f9fb;border-radius:8px}.edit-meta-info h3{margin:0;color:#1d2939;font-size:12px}.edit-meta-info p{margin:5px 0 10px;color:#7a8596;font-size:9px}.meta-readonly-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.meta-readonly-grid>div{background:#fff;border:1px solid #e4e8ee;border-radius:6px;padding:8px}.meta-readonly-grid span{display:block;color:#7a8596;font-size:8px;margin-bottom:4px}.meta-readonly-grid strong{color:#344054;font-size:9px;word-break:break-word}.edit-actions{border-top:1px solid #e5e7eb;padding:11px 17px;display:flex;justify-content:flex-end;gap:8px}.edit-actions button{min-width:85px;height:32px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer}.cancel-btn{border:1px solid #d0d5dd;background:#fff;color:#475467}.save-btn{border:none;background:#742cff;color:#fff}.edit-actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.all-ads-page{padding:14px}.all-ads-header{padding:16px}.detail-grid{grid-template-columns:1fr}.detail-item.full{grid-column:auto}.performance-grid{grid-template-columns:repeat(2,1fr)}.edit-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.meta-readonly-grid{grid-template-columns:1fr}.ad-status{width:auto}.ad-row{gap:7px}.modal-overlay{padding:10px}.ad-view-modal,.edit-modal{max-height:94vh}}.revenue-page{padding:56px 52px;min-height:calc(100vh - 80px);background:#f5f7fb;box-sizing:border-box}.revenue-page h1{margin:0 0 28px;color:#102a43;font-size:30px;font-weight:700}.revenue-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.revenue-card{background:#fff;border-radius:14px;padding:25px 24px;min-height:110px;box-sizing:border-box;box-shadow:0 7px 20px #0f172a12}.revenue-card h2{margin:0 0 12px;color:#16a34a;font-size:27px;font-weight:700}.revenue-card p{margin:0;color:#64748b;font-size:14px}.revenue-error{margin-bottom:18px;padding:12px 15px;border-radius:8px;background:#fef2f2;color:#dc2626;font-size:13px}@media(max-width:1100px){.revenue-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.revenue-page{padding:30px 18px}.revenue-cards{grid-template-columns:1fr}}.admin-reports{padding:42px 54px 60px;min-height:calc(100vh - 70px);box-sizing:border-box;background:#f5f7fb}.reports-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.reports-heading h1{margin:0;color:#102a43;font-size:30px;font-weight:700}.reports-heading p{margin:7px 0 0;color:#64748b;font-size:14px}.reports-error{margin-bottom:20px;padding:13px 16px;border-radius:9px;background:#fef2f2;color:#dc2626;font-size:13px;border:1px solid #fecaca}.reports-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.report-summary-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:18px 20px;background:#fff;border-radius:12px;box-shadow:0 6px 18px #0f172a0f;box-sizing:border-box}.report-summary-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f1eaff;color:#7c3aed;flex-shrink:0}.report-summary-card span{display:block;margin-bottom:6px;color:#64748b;font-size:13px}.report-summary-card strong{display:block;color:#102a43;font-size:21px;font-weight:700}.reports-panel{background:#fff;border-radius:14px;box-shadow:0 7px 22px #0f172a0f;overflow:hidden}.reports-panel-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #edf1f5}.reports-panel-header h2{margin:0;color:#102a43;font-size:19px;font-weight:700}.reports-panel-header p{margin:5px 0 0;color:#64748b;font-size:13px}.reports-count{padding:7px 11px;border-radius:7px;background:#f5f3ff;color:#6d28d9;font-size:12px;font-weight:600}.reports-table-wrapper{width:100%;overflow-x:auto}.reports-table{width:100%;border-collapse:collapse;min-width:1050px}.reports-table th{padding:14px 16px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;text-align:left;white-space:nowrap;border-bottom:1px solid #e8edf3}.reports-table td{padding:15px 16px;color:#334155;font-size:13px;white-space:nowrap;border-bottom:1px solid #eef2f6}.reports-table tbody tr:hover{background:#fafbff}.report-campaign strong{color:#102a43;font-size:13px;font-weight:600}.report-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.report-status.active{background:#ecfdf5;color:#059669}.report-status.pending{background:#fff7ed;color:#ea580c}.report-status.completed{background:#eff6ff;color:#2563eb}.report-status.rejected{background:#fef2f2;color:#dc2626}.report-status.paused{background:#f8fafc;color:#475569}.reports-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px;text-align:center;color:#94a3b8}.reports-empty svg{color:#a78bfa}.reports-empty strong{color:#334155;font-size:15px}.reports-empty span{max-width:430px;color:#94a3b8;font-size:13px;line-height:1.5}@media(max-width:1100px){.reports-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.admin-reports{padding:28px 18px 45px}.reports-summary-grid{grid-template-columns:1fr}.reports-panel-header{align-items:flex-start;gap:12px;flex-direction:column}}.admin-payments-page{width:100%;min-height:100vh;padding:28px;background:#f7f8fc;box-sizing:border-box;color:#172033}.payments-page-header{margin-bottom:22px}.payments-page-header h1{margin:0;font-size:28px;font-weight:700;color:#151b2c}.payments-page-header p{margin:6px 0 0;font-size:13px;color:#7b8497}.payment-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.payment-summary-card{min-height:104px;padding:18px 20px;background:#fff;border:1px solid #e9ebf2;border-radius:14px;display:flex;align-items:center;gap:14px;box-sizing:border-box;box-shadow:0 3px 14px #1820380a}.payment-summary-card span{display:block;margin-bottom:6px;font-size:11px;color:#858da0}.payment-summary-card strong{display:block;font-size:20px;color:#151b2c}.summary-icon{width:44px;height:44px;min-width:44px;border-radius:11px;display:flex;align-items:center;justify-content:center}.summary-icon.purple{background:#f0ebff;color:#7055d9}.summary-icon.blue{background:#eaf3ff;color:#4285df}.summary-icon.green{background:#e9f8f0;color:#2da66b}.summary-icon.orange{background:#fff2df;color:#e78a24}.payment-panel,.payment-history-panel{background:#fff;border:1px solid #e8eaf0;border-radius:16px;box-shadow:0 3px 15px #1820380a;overflow:hidden;margin-bottom:22px}.panel-header,.history-header{min-height:76px;padding:17px 20px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-header h2,.history-header h2{margin:0;font-size:17px;color:#1a2030}.panel-header p,.history-header p{margin:5px 0 0;font-size:12px;color:#8a92a3}.panel-body{padding:20px}.primary-btn,.secondary-btn,.danger-outline-btn,.close-btn{font-family:inherit;cursor:pointer;transition:.2s ease}.primary-btn{min-height:40px;padding:0 15px;border:0;border-radius:9px;background:#6c4ce4;color:#fff;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-btn:hover:not(:disabled){background:#5d3ed0}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.small-btn{min-height:36px;font-size:12px}.secondary-btn{min-height:40px;padding:0 14px;border:1px solid #dfe3eb;border-radius:9px;background:#fff;color:#50596c;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.secondary-btn:hover{background:#f7f8fb}.danger-outline-btn{min-height:36px;padding:0 11px;border:1px solid #f0cfd3;border-radius:8px;background:#fff;color:#d04e59;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}.danger-outline-btn:hover:not(:disabled){background:#fff5f5}.route-account-list{display:grid;gap:12px}.route-account-card{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #e8eaf0;border-radius:12px;background:#fff}.route-account-card.selected{border-color:#cfc2ff;background:#fbfaff}.route-account-icon{width:44px;height:44px;min-width:44px;border-radius:11px;background:#f0ebff;color:#6c4ce4;display:flex;align-items:center;justify-content:center}.route-account-main{min-width:0;flex:1}.route-account-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.route-account-title h3{margin:0;font-size:14px;color:#1a2030}.route-account-title span{font-size:11px;color:#8a92a3}.use-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:#eaf8f1;color:#25855b!important;font-size:10px!important;font-weight:700}.route-id-box{margin-top:9px;padding:9px 10px;border-radius:8px;background:#f7f8fb;border:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:12px}.route-id-box span{font-size:10px;color:#858da0}.route-id-box strong{font-size:11px;color:#3c4352;word-break:break-all}.route-meta{display:flex;gap:12px;margin-top:7px;font-size:10px;color:#8a92a3}.route-account-actions{display:flex;flex-direction:column;gap:7px;min-width:120px}.empty-account{padding:30px;border:1px dashed #dfe3eb;border-radius:12px;color:#7d8697;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}.empty-account h3{margin:0 0 4px;font-size:14px;color:#4d5668}.empty-account p{margin:0;font-size:11px}.add-account-wrap{margin-top:15px}.add-account-form{padding:18px;border:1px solid #e5e8ef;border-radius:12px;background:#fafbfe}.form-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.form-header h3{margin:0;font-size:15px;color:#1a2030}.form-header p{margin:5px 0 0;font-size:11px;color:#8a92a3}.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1 / -1}.form-field label{font-size:11px;font-weight:600;color:#596275}.form-field input{height:40px;padding:0 11px;border:1px solid #dfe3eb;border-radius:8px;background:#fff;outline:none;font:inherit;font-size:12px;color:#2d3442;box-sizing:border-box}.form-field input:focus{border-color:#8d76e8;box-shadow:0 0 0 3px #6c4ce417}.form-actions{display:flex;gap:9px;margin-top:16px}.history-header{align-items:flex-end}.history-actions{display:flex;align-items:center;gap:8px}.search-box{height:38px;min-width:250px;border:1px solid #dfe3eb;border-radius:8px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 10px;color:#8991a1}.search-box input{border:0;outline:0;width:100%;font:inherit;font-size:12px}.payment-table-wrapper{overflow:auto}.payment-table{width:100%;border-collapse:collapse;min-width:900px}.payment-table th{padding:12px 14px;background:#fafbfc;border-bottom:1px solid #edf0f5;text-align:left;font-size:10px;text-transform:uppercase;color:#8a92a3}.payment-table td{padding:13px 14px;border-bottom:1px solid #f0f2f6;font-size:11px;color:#50596c;vertical-align:middle}.payment-table td strong{color:#303747}.customer-cell{display:flex;align-items:center;gap:8px}.customer-cell>div:last-child{display:flex;flex-direction:column}.customer-cell span{font-size:10px;color:#9098a7;margin-top:2px}.customer-avatar{width:28px;height:28px;border-radius:50%;background:#eee8ff;color:#6c4ce4;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.status-badge{display:inline-flex;padding:4px 8px;border-radius:20px;background:#f1f3f6;color:#6b7280;font-size:10px;font-weight:700}.status-badge.success{background:#eaf8f0;color:#25855b}.empty-table{text-align:center!important;padding:35px!important;color:#9098a7!important}.payments-loading{padding:70px;text-align:center;color:#7b8497}.close-btn{width:34px;height:34px;border:1px solid #e1e5ec;border-radius:8px;background:#fff;color:#657083;display:flex;align-items:center;justify-content:center}@media(max-width:1050px){.payment-summary-grid{grid-template-columns:repeat(2,1fr)}.route-account-card{align-items:flex-start}}@media(max-width:700px){.admin-payments-page{padding:18px}.payment-summary-grid{grid-template-columns:1fr}.panel-header,.history-header{align-items:flex-start;flex-direction:column}.account-form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.route-account-card{flex-direction:column}.route-account-actions{width:100%;flex-direction:row}.route-account-actions>*{flex:1}.history-actions{width:100%}.search-box{min-width:0;flex:1}}.admin-payments-page{width:100%}.admin-payments-page button{transition:all .2s ease}.admin-payments-page button:disabled{opacity:.6;cursor:not-allowed}.payment-account-card{border-radius:14px;border:1px solid #e5e7eb;background:#fff;padding:18px;margin-bottom:14px;box-shadow:0 2px 8px #0000000a}.payment-account-card:hover{box-shadow:0 5px 18px #00000012}.payment-account-card.active{border-color:#16a34a}.payment-account-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.payment-account-actions button{min-height:38px;border-radius:8px;padding:8px 14px;cursor:pointer}.payment-account-form{display:grid;gap:14px;margin-top:18px}.payment-account-form input,.payment-account-form select{width:100%;min-height:42px;border:1px solid #d1d5db;border-radius:8px;padding:9px 12px;box-sizing:border-box;outline:none}.payment-account-form input:focus,.payment-account-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.payment-account-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.payment-account-badge.active{background:#dcfce7;color:#166534}.payment-account-badge.inactive{background:#f3f4f6;color:#6b7280}.payment-service-fee{border-radius:12px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0}.payment-service-fee strong{font-size:18px}@media(max-width:768px){.payment-account-header{align-items:flex-start;flex-direction:column}.payment-account-actions{width:100%}.payment-account-actions button{flex:1 1 auto}}.payment-history-panel{margin-top:24px;overflow:hidden}.payment-history-panel .history-content{padding:0 20px 20px}.payment-history-panel .history-toolbar{padding:18px 0}.payment-history-panel .payment-table-wrapper{border:1px solid #edf0f5;border-radius:12px;overflow-x:auto}.payment-history-panel .payment-table th,.payment-history-panel .payment-table td{white-space:nowrap}@media(max-width:768px){.payment-history-panel .history-content{padding:0 12px 14px}.payment-history-panel .history-toolbar{padding:14px 0}}.meta-integration-page{padding:32px 38px 55px;width:100%;box-sizing:border-box}.meta-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px}.meta-eyebrow{display:block;margin-bottom:7px;color:#7c3aed;font-size:11px;font-weight:800;letter-spacing:1.2px}.meta-page-header h1{margin:0;color:#111827;font-size:30px;font-weight:800}.meta-page-header p{margin:7px 0 0;color:#6b7280;font-size:13px}.meta-header-actions{display:flex;gap:10px}.meta-secondary-btn,.meta-connect-btn,.meta-reconnect-btn,.meta-save-btn,.meta-add-account-btn{border-radius:8px;min-height:41px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700}.meta-secondary-btn{background:#fff;border:1px solid #dce1e8;color:#374151}.meta-secondary-btn:hover{background:#f8fafc}.meta-add-account-btn{border:none;background:#7c3aed;color:#fff}.meta-add-account-btn:hover{background:#6d28d9}.meta-connect-btn{border:none;background:#1877f2;color:#fff}.meta-connect-btn:hover{background:#166fe5}.meta-reconnect-btn{border:none;background:#f1eaff;color:#6d28d9}.meta-reconnect-btn:hover{background:#e9ddff}.meta-save-btn{border:none;background:#7c3aed;color:#fff}.meta-save-btn:hover{background:#6d28d9}.meta-secondary-btn:disabled,.meta-reconnect-btn:disabled,.meta-save-btn:disabled,.meta-add-account-btn:disabled{opacity:.5;cursor:not-allowed}.meta-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:21px}.meta-summary-card{padding:18px;background:#fff;border:1px solid #dcefe4;border-radius:13px;display:flex;align-items:center;gap:13px;box-shadow:0 7px 22px #0f172a0a}.meta-summary-icon{width:43px;height:43px;min-width:43px;border-radius:11px;display:flex;align-items:center;justify-content:center}.meta-summary-icon.purple{background:#f1eaff;color:#7c3aed}.meta-summary-icon.green{background:#e9f8ef;color:#16a34a}.meta-summary-icon.blue{background:#eaf2ff;color:#2563eb}.meta-summary-card span{display:block;color:#8a93a2;font-size:10px}.meta-summary-card strong{display:block;margin-top:2px;color:#111827;font-size:21px}.meta-summary-card small{display:block;margin-top:2px;color:#9ca3af;font-size:9px}.meta-card{margin-bottom:21px;background:#fff;border:1px solid #dcefe4;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #0f172a0d}.meta-card-header{padding:22px 27px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;align-items:center;gap:18px}.meta-heading{display:flex;align-items:center;gap:13px}.meta-icon{width:47px;height:47px;min-width:47px;border-radius:12px;display:flex;align-items:center;justify-content:center}.meta-icon.purple{background:#f1eaff;color:#7c3aed}.meta-icon.blue{background:#eaf2ff;color:#2563eb}.meta-icon.green{background:#e9f8ef;color:#16a34a}.meta-heading h2{margin:0;color:#111827;font-size:19px}.meta-heading p{margin:4px 0 0;color:#7b8492;font-size:12px}.meta-admin-only{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:7px;background:#f5f3ff;color:#6d28d9;font-size:10px;font-weight:800}.meta-account-manager{padding:22px 27px 26px}.meta-accounts-list{display:flex;flex-direction:column;gap:11px}.meta-account-row{padding:15px;border:1px solid #e6e9ee;border-radius:11px;display:flex;align-items:center;gap:17px;transition:.18s ease}.meta-account-row:hover{border-color:#cfc4ff;background:#fcfbff}.meta-account-row.selected{border-color:#c4b5fd;background:#faf8ff;box-shadow:0 0 0 2px #7c3aed0d}.meta-account-main{min-width:220px;display:flex;align-items:center;gap:11px}.meta-account-avatar{width:39px;height:39px;min-width:39px;border-radius:10px;background:#f1eaff;color:#7c3aed;display:flex;align-items:center;justify-content:center}.meta-account-main strong{display:block;color:#1f2937;font-size:12px}.meta-account-main span{display:block;margin-top:4px;color:#8a93a2;font-size:9px}.meta-account-details{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.meta-account-details small{display:block;color:#9ca3af;font-size:9px}.meta-account-details strong{display:block;margin-top:4px;color:#374151;font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-account-actions{display:flex;align-items:center;gap:7px}.meta-active-badge{padding:6px 9px;border-radius:999px;background:#ecfdf3;color:#15803d;display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800}.meta-activate-btn,.meta-select-account-btn,.meta-delete-account-btn{border-radius:7px;cursor:pointer;min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:700}.meta-activate-btn{padding:0 9px;border:1px solid #d9dee6;background:#fff;color:#374151}.meta-activate-btn:hover{background:#f8fafc}.meta-select-account-btn{padding:0 10px;border:1px solid #d8caff;background:#f7f3ff;color:#6d28d9}.meta-select-account-btn:hover,.meta-select-account-btn.selected{background:#7c3aed;border-color:#7c3aed;color:#fff}.meta-delete-account-btn{width:31px;border:1px solid #fee2e2;background:snow;color:#dc2626}.meta-delete-account-btn:hover{background:#fef2f2}.meta-no-accounts{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.meta-no-account-icon{width:50px;height:50px;margin-bottom:10px;border-radius:13px;background:#f1eaff;color:#7c3aed;display:flex;align-items:center;justify-content:center}.meta-no-accounts strong{color:#374151;font-size:13px}.meta-no-accounts>span{max-width:430px;margin-top:5px;color:#8a93a2;font-size:10px;line-height:1.5}.meta-add-inline-btn{margin-top:14px;padding:9px 13px;border:none;border-radius:7px;background:#7c3aed;color:#fff;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;cursor:pointer}.meta-status{padding:7px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.meta-status span{width:7px;height:7px;border-radius:50%;background:currentColor}.meta-status.connected{background:#ecfdf3;color:#15803d}.meta-status.disconnected{background:#fef2f2;color:#dc2626}.meta-connection-content{padding:23px 27px;display:flex;justify-content:space-between;align-items:center;gap:30px}.meta-status-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.meta-status-item{padding:13px 15px;background:#fafbfc;border:1px solid #edf0f3;border-radius:9px}.meta-status-item span{display:block;margin-bottom:5px;color:#8a93a2;font-size:10px}.meta-status-item strong{color:#374151;font-size:12px}.meta-connection-actions{display:flex;gap:9px}.meta-warning{margin-bottom:21px;padding:16px 18px;border:1px solid #fde3aa;background:#fffbeb;border-radius:12px;display:flex;align-items:center;gap:12px}.meta-warning-icon{width:38px;height:38px;min-width:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#fef3c7;color:#d97706}.meta-warning strong{display:block;color:#92400e;font-size:13px}.meta-warning p{margin:3px 0 0;color:#a16207;font-size:11px}.meta-warning button{margin-left:auto;border:none;border-radius:7px;background:#d97706;color:#fff;padding:9px 13px;font-size:11px;font-weight:700;cursor:pointer}.meta-selected-account-banner{margin:20px 27px 0;padding:13px 15px;border:1px solid #e7e0ff;background:#faf8ff;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:15px}.meta-selected-account-banner span{display:block;color:#8a93a2;font-size:9px}.meta-selected-account-banner strong{display:block;margin-top:4px;color:#4c1d95;font-size:12px}.meta-selected-status{padding:6px 9px;border-radius:999px;background:#ecfdf3;color:#15803d;display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800}.meta-selected-status.warning{background:#fff7ed;color:#c2410c}.meta-config-grid{padding:25px 27px;display:grid;grid-template-columns:repeat(2,1fr);gap:21px}.meta-field label{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#374151;font-size:12px;font-weight:750}.meta-field select,.meta-field input{width:100%;height:42px;box-sizing:border-box;padding:0 11px;border:1px solid #d9dee6;border-radius:8px;background:#fff;color:#111827;outline:none;font-size:12px}.meta-field input::placeholder{color:#b2b8c2}.meta-field select:focus,.meta-field input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.meta-field select:disabled,.meta-field input:disabled{background:#f5f6f8;color:#9ca3af}.meta-field small{display:block;margin-top:6px;color:#8a93a2;font-size:10px}.meta-config-footer{padding:15px 27px;background:#fafbfc;border-top:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between;gap:20px}.meta-security-note{display:flex;align-items:center;gap:7px;color:#6b7280;font-size:11px}.meta-security-note svg{color:#16a34a}.meta-assets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:21px}.meta-asset-card{min-height:240px;background:#fff;border:1px solid #dcefe4;border-radius:15px;overflow:hidden;box-shadow:0 8px 23px #0f172a0a}.meta-asset-header{padding:17px 18px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;align-items:center}.meta-asset-title{display:flex;align-items:center;gap:10px}.meta-asset-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center}.meta-asset-icon.facebook{background:#edf4ff;color:#1877f2}.meta-asset-icon.ads{background:#f1eaff;color:#7c3aed}.meta-asset-icon.instagram{background:#fff0f7;color:#db2777}.meta-asset-title h3{margin:0;color:#111827;font-size:14px}.meta-asset-title span{display:block;margin-top:3px;color:#8a93a2;font-size:10px}.meta-refresh-icon{width:30px;height:30px;border:none;border-radius:7px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer}.meta-refresh-icon:hover{background:#e9ebef}.meta-refresh-icon:disabled{opacity:.5;cursor:not-allowed}.meta-empty{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#a1a8b3}.meta-empty strong{color:#6b7280;font-size:12px}.meta-empty span{font-size:10px}.meta-asset-list{padding:5px 18px 10px}.meta-asset-row{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f0f2f5}.meta-asset-row:last-child{border-bottom:none}.meta-asset-row strong{display:block;color:#1f2937;font-size:12px}.meta-asset-row span{display:block;margin-top:3px;color:#8a93a2;font-size:9px}.meta-active{margin:0!important;padding:5px 8px;border-radius:999px;background:#ecfdf3;color:#15803d!important;font-size:9px!important;font-weight:800}.meta-health-grid{padding:22px 27px 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.meta-health-item{padding:15px;border:1px solid #edf0f3;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.meta-health-item span{display:block;color:#8a93a2;font-size:10px}.meta-health-item strong{display:block;margin-top:4px;color:#374151;font-size:11px}.health-ok{color:#16a34a}.health-error{color:#dc2626}.meta-flow-card{margin-top:0}.meta-flow{padding:22px 27px 27px;display:flex;align-items:stretch;gap:12px}.meta-flow-step{flex:1;min-height:112px;padding:15px;box-sizing:border-box;border:1px solid #e9ebef;border-radius:10px;background:#fafbfc}.meta-flow-number{width:28px;height:28px;margin-bottom:10px;border-radius:7px;background:#eee8ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}.meta-flow-step strong{display:block;color:#1f2937;font-size:12px}.meta-flow-step span{display:block;margin-top:5px;color:#7b8492;font-size:10px;line-height:1.5}.meta-arrow{align-self:center;color:#a1a8b3;font-size:21px}.meta-security-card{padding:18px 22px;margin-top:21px;margin-bottom:10px;border:1px solid #e8e0ff;border-radius:12px;background:#f8f7ff;color:#7c3aed;display:flex;align-items:flex-start;gap:11px}.meta-security-card strong{display:block;color:#4c1d95;font-size:12px}.meta-security-card p{margin:4px 0 0;color:#6d6280;font-size:10px;line-height:1.6}.meta-modal-overlay{position:fixed;inset:0;z-index:9999;padding:24px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#0f172a7a;overflow:hidden}.meta-modal{width:min(920px,100%);max-height:calc(100vh - 48px);background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 70px #0f172a40;animation:metaModalIn .18s ease-out}@keyframes metaModalIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.meta-modal-header{flex:0 0 auto;padding:22px 25px;border-bottom:1px solid #edf0f3;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.meta-modal-header h2{margin:4px 0 0;color:#111827;font-size:21px;font-weight:800}.meta-modal-header p{margin:6px 0 0;color:#7b8492;font-size:11px}.meta-modal-close{width:35px;height:35px;border:1px solid #e1e5ea;border-radius:8px;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer}.meta-modal-close:hover{background:#f8fafc;color:#111827}.meta-modal-close:disabled{opacity:.5;cursor:not-allowed}.meta-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:21px 25px 28px;scrollbar-width:thin;scrollbar-color:#cbd0d8 #f5f6f8}.meta-modal-body::-webkit-scrollbar{width:7px}.meta-modal-body::-webkit-scrollbar-track{background:#f5f6f8}.meta-modal-body::-webkit-scrollbar-thumb{background:#cbd0d8;border-radius:20px}.meta-modal-section{margin-bottom:25px}.meta-modal-section:last-of-type{margin-bottom:18px}.meta-modal-section-title{display:flex;align-items:center;gap:9px;margin-bottom:13px}.meta-modal-section-icon{width:33px;height:33px;border-radius:8px;background:#f1eaff;color:#7c3aed;display:flex;align-items:center;justify-content:center}.meta-modal-section-title h3{margin:0;color:#374151;font-size:13px;font-weight:800}.meta-modal-section-title span{display:block;margin-top:2px;color:#9ca3af;font-size:9px}.meta-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 15px}.meta-required{color:#dc2626;margin-left:2px}.meta-security-warning{margin-bottom:14px;padding:10px 12px;border:1px solid #fde3aa;background:#fffbeb;border-radius:8px;color:#92400e;display:flex;align-items:center;gap:7px;font-size:9px}.meta-modal-backend-note{padding:13px 14px;border:1px solid #e8e0ff;border-radius:9px;background:#f8f7ff;color:#7c3aed;display:flex;align-items:flex-start;gap:9px}.meta-modal-backend-note strong{display:block;color:#4c1d95;font-size:10px}.meta-modal-backend-note p{margin:3px 0 0;color:#6d6280;font-size:9px;line-height:1.5}.meta-modal-footer{flex:0 0 auto;padding:14px 25px;border-top:1px solid #edf0f3;background:#fafbfc;display:flex;align-items:center;justify-content:space-between;gap:20px}.meta-modal-footer-note{color:#8a93a2;font-size:9px}.meta-modal-footer-note span{color:#dc2626;font-weight:800}.meta-modal-footer-actions{display:flex;align-items:center;gap:9px}.meta-modal-cancel-btn,.meta-modal-save-btn{min-height:40px;padding:0 16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;cursor:pointer}.meta-modal-cancel-btn{border:1px solid #d9dee6;background:#fff;color:#374151}.meta-modal-cancel-btn:hover{background:#f5f6f8}.meta-modal-save-btn{border:none;background:#7c3aed;color:#fff}.meta-modal-save-btn:hover{background:#6d28d9}.meta-modal-save-btn:disabled,.meta-modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.meta-spin{animation:metaSpin .8s linear infinite}@keyframes metaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.meta-account-row{flex-wrap:wrap}.meta-account-main{min-width:200px}.meta-account-details{min-width:100%}}@media(max-width:1100px){.meta-summary-grid,.meta-assets-grid{grid-template-columns:1fr}.meta-health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.meta-integration-page{padding:22px 16px 40px}.meta-page-header{align-items:flex-start;flex-direction:column}.meta-header-actions{width:100%}.meta-header-actions button{flex:1}.meta-connection-content{flex-direction:column;align-items:stretch}.meta-status-grid,.meta-config-grid{grid-template-columns:1fr}.meta-config-footer{align-items:flex-start;flex-direction:column}.meta-save-btn{width:100%}.meta-flow{flex-direction:column}.meta-arrow{display:none}.meta-modal-overlay{padding:12px}.meta-modal{max-height:calc(100vh - 24px)}.meta-modal-grid{grid-template-columns:1fr}}@media(max-width:650px){.meta-account-details{grid-template-columns:1fr}.meta-account-actions{width:100%;flex-wrap:wrap}.meta-account-actions button{flex:1}.meta-modal-footer{align-items:flex-start;flex-direction:column}.meta-modal-footer-actions{width:100%}.meta-modal-footer-actions button{flex:1}}@media(max-width:550px){.meta-card-header{align-items:flex-start;flex-direction:column}.meta-health-grid{grid-template-columns:1fr}.meta-warning{align-items:flex-start;flex-wrap:wrap}.meta-warning button{margin-left:50px}.meta-modal-header,.meta-modal-body{padding:17px}.meta-modal-footer{padding:12px 17px}}.meta-assignment-section{margin:0 27px 25px;padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc}.meta-assignment-header{display:flex;align-items:center;gap:11px;margin-bottom:17px}.meta-assignment-icon{width:39px;height:39px;min-width:39px;border-radius:9px;background:#f1eaff;color:#7c3aed;display:flex;align-items:center;justify-content:center}.meta-assignment-header h3{margin:0;color:#111827;font-size:14px;font-weight:800}.meta-assignment-header p{margin:4px 0 0;color:#7b8492;font-size:10px}.meta-assignment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.meta-assignment-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #e1e5eb;border-radius:9px;background:#fff;cursor:pointer;transition:.2s ease}.meta-assignment-option:hover{border-color:#c4b5fd;background:#faf8ff}.meta-assignment-option.active{border-color:#8b5cf6;background:#f8f5ff;box-shadow:0 0 0 2px #7c3aed0f}.meta-assignment-option input{margin-top:2px;accent-color:#7c3aed;cursor:pointer}.meta-assignment-option strong{display:block;color:#1f2937;font-size:12px;font-weight:800}.meta-assignment-option span{display:block;margin-top:4px;color:#7b8492;font-size:10px;line-height:1.5}@media(max-width:700px){.meta-assignment-options{grid-template-columns:1fr}.meta-assignment-section{margin:0 16px 20px}}.admin-settings-page{width:100%;min-height:calc(100vh - 60px);padding:22px 28px 45px;background:#f5f7fb;box-sizing:border-box;font-family:inherit}.settings-topbar{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.settings-topbar h1{margin:0;color:#172033;font-size:24px;line-height:1.3;font-weight:700}.settings-breadcrumb{display:flex;align-items:center;gap:8px;margin-top:7px;color:#8792a4;font-size:11px}.settings-breadcrumb b{color:#b6bec9;font-size:13px}.settings-breadcrumb strong{color:#526174;font-weight:600}.top-save-btn{min-width:105px;height:34px;padding:0 15px;border:none;border-radius:6px;background:#1769e8;color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #1769e82e}.top-save-btn:hover{background:#0d5bd4}.top-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.settings-card{width:100%;min-width:0;padding:18px 16px;background:#fff;border:1px solid #e6eaf0;border-radius:8px;box-shadow:0 2px 10px #0f172a09;box-sizing:border-box}.settings-card-header{display:flex;align-items:flex-start;gap:10px;padding-bottom:14px;margin-bottom:2px;border-bottom:1px solid #edf0f4}.settings-icon{width:31px;height:31px;min-width:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:15px;font-weight:700}.blue-icon{background:#edf4ff;color:#1769e8}.green-icon{background:#edf9f1;color:#1c9a51}.orange-icon{background:#fff5e7;color:#ee9419}.purple-icon{background:#f2edff;color:#7651dc}.red-icon{background:#fff0f0;color:#e64b4b}.settings-card-header h2{margin:1px 0 3px;color:#202938;font-size:14px;line-height:1.3;font-weight:700}.settings-card-header p{margin:0;color:#8792a4;font-size:10px;line-height:1.45}.settings-options{display:flex;flex-direction:column;width:100%}.settings-option{width:100%;min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #f0f2f5;box-sizing:border-box}.settings-option:last-child{border-bottom:none}.settings-option>div:first-child{min-width:0}.settings-option strong{display:block;margin-bottom:3px;color:#303b4c;font-size:11px;line-height:1.35;font-weight:600}.settings-option small{display:block;color:#8a94a4;font-size:9px;line-height:1.5}.settings-switch{position:relative;width:35px;height:19px;min-width:35px;display:inline-block;flex-shrink:0}.settings-switch input{position:absolute!important;width:0!important;height:0!important;min-width:0!important;padding:0!important;margin:0!important;opacity:0;pointer-events:none}.settings-switch span{position:absolute;inset:0;display:block;border-radius:20px;background:#cfd5de;cursor:pointer;transition:background .2s ease}.settings-switch span:before{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .2s ease}.settings-switch input:checked+span{background:#1769e8}.settings-switch input:checked+span:before{transform:translate(16px)}.small-switch{width:32px;min-width:32px;height:18px}.small-switch span:before{width:12px;height:12px}.small-switch input:checked+span:before{transform:translate(14px)}.contact-fields{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:13px}.settings-field{width:100%;min-width:0;box-sizing:border-box}.full-field{grid-column:1 / -1}.settings-field label{display:block;margin-bottom:6px;color:#354154;font-size:10px;font-weight:600}.settings-field input{width:100%!important;height:36px!important;min-height:36px;padding:0 10px!important;border:1px solid #dce1e8!important;border-radius:6px!important;background:#fff!important;color:#273142;font-family:inherit;font-size:10px;outline:none;box-sizing:border-box}.settings-field input:focus{border-color:#1769e8!important;box-shadow:0 0 0 3px #1769e814!important}.payment-fields{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:13px}.amount-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.amount-grid>div{min-width:0}.amount-grid>div>span{display:block;margin-bottom:5px;color:#8a94a4;font-size:9px}.input-box{width:100%;height:36px;display:flex;align-items:center;border:1px solid #dce1e8;border-radius:6px;overflow:hidden;background:#fff;box-sizing:border-box}.input-box:focus-within{border-color:#1769e8;box-shadow:0 0 0 3px #1769e814}.input-box>b{height:100%;display:flex;align-items:center;justify-content:center;padding:0 9px;flex-shrink:0;background:#f6f8fa;color:#727d8e;font-size:10px;font-weight:600}.prefix-box>b{border-right:1px solid #e5e8ed}.suffix-box>b{border-left:1px solid #e5e8ed}.input-box input{width:100%!important;min-width:0;height:100%!important;padding:0 9px!important;margin:0!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:#273142;font-family:inherit;font-size:10px;box-sizing:border-box}.field-help{display:block;margin-top:5px;color:#8a94a4;font-size:8px;line-height:1.4}.inner-switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:11px;margin-top:11px;border-top:1px solid #eef1f5}.inner-switch-row strong{display:block;margin-bottom:2px;color:#465264;font-size:9px;font-weight:600}.inner-switch-row small{color:#8a94a4;font-size:8px}.payment-gateway-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.payment-gateway-row>div{min-width:0}.payment-gateway-row label{display:block;margin:0 0 3px;color:#354154;font-size:10px;font-weight:600}.payment-gateway-row small{display:block;color:#8a94a4;font-size:8px}.subscription-required-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:13px 0;padding:11px;border:1px solid #e8e1fb;border-radius:7px;background:#faf9ff}.subscription-required-row>div{min-width:0}.subscription-required-row strong{display:block;margin-bottom:3px;color:#4d3d78;font-size:10px;font-weight:600}.subscription-required-row small{display:block;color:#8b83a0;font-size:8px;line-height:1.45}.plans-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.plan-card{min-width:0;padding:11px;border:1px solid #e2e6ed;border-radius:7px;background:#fff;box-sizing:border-box}.plan-card:hover{border-color:#ccd5e2}.plan-header{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid #eef1f5}.plan-header>div{min-width:0}.plan-header h3{margin:0 0 2px;color:#293343;font-size:11px;font-weight:700}.plan-header small{color:#8a94a4;font-size:7px}.plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.plan-fields>div{min-width:0}.plan-fields label{display:block;margin-bottom:4px;color:#677386;font-size:8px;font-weight:600}.plan-fields .input-box{height:31px}.plan-fields .input-box>b{padding:0 6px;font-size:8px}.plan-fields .input-box input{padding:0 5px!important;font-size:8px}.security-number{width:58px!important;min-width:58px!important;height:34px!important;padding:0 5px!important;text-align:center;flex-shrink:0;border:1px solid #dce1e8!important;border-radius:6px!important;outline:none;box-sizing:border-box;font-family:inherit;font-size:10px}.security-number:focus{border-color:#1769e8!important;box-shadow:0 0 0 3px #1769e814!important}.session-input{width:105px;height:34px;display:flex;align-items:center;flex-shrink:0;border:1px solid #dce1e8;border-radius:6px;overflow:hidden;background:#fff;box-sizing:border-box}.session-input:focus-within{border-color:#1769e8;box-shadow:0 0 0 3px #1769e814}.session-input input{width:100%!important;min-width:0;height:100%!important;padding:0 5px!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;text-align:center;color:#273142;font-family:inherit;font-size:10px}.session-input span{padding-right:7px;color:#8993a2;font-size:8px;white-space:nowrap}.settings-bottom-save{display:flex;justify-content:flex-end;padding-top:18px}.bottom-save-btn{min-width:125px;height:38px;padding:0 17px;border:none;border-radius:6px;background:#1769e8;color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #1769e829}.bottom-save-btn:hover{background:#0d5bd4}.bottom-save-btn:disabled{opacity:.6;cursor:not-allowed}.admin-settings-page input[type=text],.admin-settings-page input[type=email],.admin-settings-page input[type=number]{box-sizing:border-box}.admin-settings-page input[type=checkbox]{width:0!important;height:0!important}@media(max-width:1100px){.settings-layout{grid-template-columns:1fr}}@media(max-width:760px){.admin-settings-page{padding:18px 14px 35px}.settings-topbar{flex-direction:column}.top-save-btn{align-self:flex-start}.contact-fields,.payment-fields{grid-template-columns:1fr}.full-field{grid-column:auto}.plans-grid{grid-template-columns:1fr}}@media(max-width:520px){.admin-settings-page{padding:14px 9px 30px}.settings-card{padding:14px}.settings-topbar h1{font-size:21px}.settings-option{gap:10px}.amount-grid{grid-template-columns:1fr}.plan-fields{grid-template-columns:1fr 1fr}.settings-bottom-save{justify-content:stretch}.bottom-save-btn{width:100%}}.profile-page{width:100%;min-height:calc(100vh - 78px);padding:32px 36px 45px;box-sizing:border-box;background:#f8f8fc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#18213a}.profile-container{width:100%;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.profile-card{width:100%;box-sizing:border-box;background:#fff;border:1px solid #eeeef5;border-radius:15px;box-shadow:0 2px 7px #191e4109,0 9px 25px #191e4109}.profile-container>.profile-card:first-child{display:grid;grid-template-columns:minmax(0,1fr) 430px;grid-template-rows:auto auto;column-gap:28px;row-gap:22px;background:transparent;border:0;border-radius:0;box-shadow:none}.profile-header{min-width:0}.profile-container>.profile-card:first-child .profile-header{grid-column:1;grid-row:1;padding:15px 0 0 12px}.profile-header h1{margin:0;color:#18213a;font-size:31px;line-height:1.2;font-weight:750;letter-spacing:-.7px}.profile-header p{margin:10px 0 0;color:#68738a;font-size:12.5px;line-height:1.5;font-weight:400}.profile-container>.profile-card:first-child .profile-header:after{content:"";display:block;width:44px;height:3px;margin-top:23px;border-radius:50px;background:linear-gradient(90deg,#6b3eea,#9a4de9)}.profile-photo-section{grid-column:2;grid-row:1;min-height:210px;padding:20px 24px;box-sizing:border-box;display:grid;grid-template-columns:142px 1fr;grid-template-rows:auto auto;column-gap:18px;row-gap:8px;align-items:center;position:relative;overflow:hidden;background:#fff;border:1px solid #eeeef5;border-radius:16px;box-shadow:0 2px 8px #191e4109,0 9px 25px #191e4109}.profile-photo-section:before{content:"";position:absolute;right:12px;top:8px;width:58px;height:50px;opacity:.42;background-image:radial-gradient(#dddaf4 1.5px,transparent 1.5px);background-size:10px 10px;pointer-events:none}.profile-photo-section:after{content:"";position:absolute;right:15px;bottom:10px;width:18px;height:18px;border:3px solid #eeeafb;border-radius:50%;opacity:.8}.profile-photo-wrapper{width:130px;height:130px;grid-column:1;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border-radius:50%;background:#fff;border:4px solid #e6e2ff;box-shadow:0 0 0 3px #694de20d}.profile-photo{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.profile-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#7046e8,#4e32c9);color:#fff;font-size:44px;font-weight:750}.profile-photo-actions{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;z-index:3}.photo-change-btn{min-width:153px;height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #8069dc;border-radius:7px;background:#fff;color:#6046c8;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.photo-change-btn:before{content:"▣";margin-right:8px;font-size:13px}.photo-change-btn:hover{background:#f5f2ff;transform:translateY(-1px)}.photo-change-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.photo-delete-btn{min-width:153px;height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e9a9ad;border-radius:7px;background:#fff;color:#d6535b;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s ease,border-color .2s ease}.photo-delete-btn:before{content:"♜";margin-right:8px;font-size:13px}.photo-delete-btn:hover{background:#fff5f5;border-color:#dd858a}.photo-delete-btn:disabled{opacity:.55;cursor:not-allowed}.photo-help{grid-column:2;grid-row:2;margin:0;color:#747d91;font-size:11px;line-height:1.4;position:relative;z-index:2}.hidden-file-input{display:none}.profile-form{grid-column:1 / -1;grid-row:2;width:100%;padding:28px 26px 27px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);column-gap:35px;row-gap:21px;background:#fff;border:1px solid #eeeef5;border-radius:15px;box-shadow:0 2px 8px #191e4109,0 9px 25px #191e4109}.profile-form .section-title{grid-column:1 / -1;margin:0 0 5px;color:#18213a;font-size:17px;line-height:1.3;font-weight:700;position:relative;padding-left:50px}.profile-form .section-title:before{content:"♙";position:absolute;left:0;top:-8px;width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f2efff;color:#684be1;font-size:19px}.profile-form .section-title:after{content:"Update your personal details and contact information.";display:block;margin-top:5px;color:#69758a;font-size:11.5px;font-weight:400}.form-group{width:100%;min-width:0;display:flex;flex-direction:column;box-sizing:border-box}.form-group label{margin:0 0 8px;color:#252e43;font-size:11.5px;line-height:1.3;font-weight:650}.form-group>input{width:100%;height:43px;padding:0 13px;box-sizing:border-box;border:1px solid #dedfe6;border-radius:7px;outline:none;background:#fff;color:#515c72;font-size:12px;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease}.form-group>input::placeholder{color:#9aa1af;opacity:1}.form-group>input:hover{border-color:#c9c8d9}.form-group>input:focus{border-color:#7656e1;box-shadow:0 0 0 3px #6f4edc14}.email-input-row{width:100%;position:relative;display:flex;align-items:center}.email-input-row input{width:100%;height:43px;padding:0 80px 0 13px;box-sizing:border-box;border:1px solid #dedfe6;border-radius:7px;outline:none;background:#fff;color:#515c72;font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}.email-input-row input:focus{border-color:#7656e1;box-shadow:0 0 0 3px #6f4edc14}.verified-badge,.not-verified-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:999px;font-size:9px;font-weight:650}.verified-badge{background:#e9f8ef;color:#299261}.verified-badge:before{content:"✓";margin-right:4px}.not-verified-badge{background:#fff0f0;color:#d45757}.change-email-link{width:max-content;margin-top:7px;padding:0;border:0;background:transparent;color:#6548d4;font-size:10.5px;font-weight:600;cursor:pointer}.change-email-link:hover{text-decoration:underline}.update-profile-btn{grid-column:1;justify-self:start;min-width:165px;height:42px;margin-top:6px;padding:0 18px;border:0;border-radius:7px;background:linear-gradient(135deg,#7039e8,#5c3ee2);color:#fff;font-size:12px;font-weight:650;cursor:pointer;box-shadow:0 5px 13px #673cdc2e;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.update-profile-btn:after{content:"→";margin-left:12px;font-size:17px;line-height:1}.update-profile-btn:hover{transform:translateY(-1px);box-shadow:0 7px 17px #673cdc40}.update-profile-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.otp-box{grid-column:1 / -1;width:100%;padding:16px;box-sizing:border-box;border:1px solid #e5dff9;border-radius:9px;background:#faf9ff}.otp-box-title{margin-bottom:11px;color:#3b315f;font-size:12px;font-weight:700}.otp-box>input{width:100%;height:40px;margin-bottom:10px;padding:0 12px;box-sizing:border-box;border:1px solid #ded9ef;border-radius:7px;outline:none;background:#fff;font-size:12px}.otp-box>input:focus{border-color:#7354db;box-shadow:0 0 0 3px #7354db14}.otp-message{margin:0 0 10px;color:#6b7081;font-size:10.5px;line-height:1.5}.otp-buttons{display:flex;align-items:center;gap:9px}.otp-primary-btn,.otp-secondary-btn{min-height:37px;padding:0 14px;border-radius:7px;font-size:11px;font-weight:650;cursor:pointer}.otp-primary-btn{border:0;background:#6744df;color:#fff}.otp-primary-btn:hover{background:#5635cc}.otp-secondary-btn{border:1px solid #d7d1ec;background:#fff;color:#5c4a9e}.otp-secondary-btn:hover{background:#f7f4ff}.security-card{min-height:290px;padding:27px 26px;box-sizing:border-box;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:45px;row-gap:17px;overflow:hidden}.security-card:after{content:"🔒";position:absolute;right:55px;top:53px;width:110px;height:110px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#effaf3;border:10px solid #f5fcf7;color:#31a66a;font-size:42px;opacity:.12;pointer-events:none}.security-card .profile-header{grid-column:1 / -1;padding:0 0 5px 50px}.security-card .profile-header h2{margin:0;color:#18213a;font-size:17px;line-height:1.3;font-weight:700}.security-card .profile-header p{margin-top:5px;color:#69758a;font-size:11.5px}.security-card .profile-header:before{content:"♢";position:absolute;margin-left:-50px;margin-top:-6px;width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ebf9f0;color:#32a269;font-size:22px}.security-card>.section-title{display:none}.security-card>.form-group{grid-row:2}.security-card>.form-group:nth-of-type(2){grid-column:1}.security-card>.form-group:nth-of-type(3){grid-column:2}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper input{width:100%;height:44px;padding:0 52px 0 35px;box-sizing:border-box;border:1px solid #dedfe6;border-radius:7px;outline:none;background:#fff;color:#2d374c;font-size:12px;letter-spacing:1px;transition:border-color .2s ease,box-shadow .2s ease}.password-input-wrapper input::placeholder{color:#969eae;letter-spacing:0;font-size:11.5px}.password-input-wrapper input:focus{border-color:#65a77d;box-shadow:0 0 0 3px #37a56814}.password-input-wrapper:before{content:"♙";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#69758a;font-size:14px;z-index:2;pointer-events:none}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:30px;padding:0;border:0;background:transparent;color:#69758a;font-size:0;cursor:pointer;border-radius:5px}.password-toggle:before{content:"◉";font-size:14px}.password-toggle:hover{background:#f1f2f6;color:#4f5c74}.password-rules{grid-column:1;grid-row:3;width:100%;padding:10px 14px;box-sizing:border-box;border-radius:7px;background:#effaf3;border:1px solid #e0f3e7}.password-rules p{margin:0 0 5px;color:#378c5e;font-size:10.5px;font-weight:650}.password-rules p:before{content:"🔒";margin-right:6px;font-size:10px}.password-rules ul{margin:0;padding-left:17px;color:#558169;font-size:9.5px;line-height:1.55}.password-rules li{margin:0}.change-password-btn{grid-column:2;grid-row:3;justify-self:end;align-self:center;min-width:198px;height:43px;padding:0 17px;border:0;border-radius:7px;background:#229653;color:#fff;font-size:12px;font-weight:650;cursor:pointer;box-shadow:0 5px 12px #22965329;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.change-password-btn:before{content:"♙";margin-right:8px;font-size:13px}.change-password-btn:after{content:"→";margin-left:13px;font-size:17px}.change-password-btn:hover{background:#198447;transform:translateY(-1px);box-shadow:0 7px 16px #22965338}.change-password-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-otp-box{grid-column:1 / -1;grid-row:4;position:relative;z-index:5}.profile-loading{width:100%;min-height:calc(100vh - 78px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f8fc;color:#68738a}.profile-loading p{margin-top:14px;font-size:13px;font-weight:500}.profile-spinner{width:34px;height:34px;border:3px solid #e4e0f5;border-top-color:#6845df;border-radius:50%;animation:adminProfileSpin .8s linear infinite}@keyframes adminProfileSpin{to{transform:rotate(360deg)}}@media(max-width:1050px){.profile-page{padding:28px 24px 40px}.profile-container{max-width:100%}.profile-container>.profile-card:first-child{grid-template-columns:minmax(0,1fr) 380px;column-gap:20px}.profile-photo-section{grid-template-columns:115px 1fr}.profile-photo-wrapper{width:108px;height:108px}.profile-form{column-gap:20px}.security-card{column-gap:25px}}@media(max-width:780px){.profile-page{padding:22px 15px 35px}.profile-container{gap:18px}.profile-container>.profile-card:first-child{display:flex;flex-direction:column;gap:18px}.profile-container>.profile-card:first-child .profile-header{padding:5px 4px 0}.profile-header h1{font-size:27px}.profile-photo-section{min-height:175px;width:100%;grid-template-columns:110px 1fr;padding:18px 20px}.profile-photo-wrapper{width:98px;height:98px}.profile-form{display:grid;grid-template-columns:1fr;padding:23px 18px;gap:17px}.profile-form .section-title{grid-column:1}.profile-form .form-group{grid-column:1!important}.update-profile-btn{grid-column:1;width:100%}.security-card{display:grid;grid-template-columns:1fr;padding:23px 18px;gap:17px}.security-card .profile-header{grid-column:1;padding-left:50px}.security-card>.form-group:nth-of-type(2),.security-card>.form-group:nth-of-type(3){grid-column:1;grid-row:auto}.password-rules{grid-column:1;grid-row:auto}.change-password-btn{grid-column:1;grid-row:auto;width:100%}.password-otp-box{grid-column:1;grid-row:auto}}@media(max-width:520px){.profile-page{padding:17px 10px 28px}.profile-header h1{font-size:24px}.profile-header p{font-size:11px}.profile-photo-section{min-height:auto;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}.profile-photo-wrapper{width:105px;height:105px}.profile-photo-actions{width:100%;align-items:center}.photo-change-btn,.photo-delete-btn{width:180px}.photo-help{width:100%}.profile-form{padding:21px 15px}.profile-form .section-title{padding-left:47px;font-size:16px}.form-group label{font-size:11px}.form-group>input,.email-input-row input,.password-input-wrapper input{height:42px}.update-profile-btn{height:42px}.security-card{padding:21px 15px}.security-card .profile-header h2{font-size:16px}.otp-buttons{flex-direction:column;align-items:stretch}.otp-primary-btn,.otp-secondary-btn{width:100%}}@media(max-width:360px){.profile-page{padding-left:7px;padding-right:7px}.profile-photo-section{padding:17px}.profile-form,.security-card{padding-left:13px;padding-right:13px}.profile-header h1{font-size:22px}}.admin-notifications-page{width:100%;min-height:100%;padding:28px 32px 50px;box-sizing:border-box;background:#f7f8fc;color:#172033}.admin-notification-loading{min-height:400px;display:flex;align-items:center;justify-content:center;gap:12px;color:#64748b;font-size:15px}.loading-spinner{width:20px;height:20px;border:3px solid #e2e8f0;border-top-color:#6d28d9;border-radius:50%;animation:notificationSpin .8s linear infinite}@keyframes notificationSpin{to{transform:rotate(360deg)}}.admin-notification-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-notification-header h1{margin:0;font-size:30px;line-height:1.2;font-weight:750;color:#111827}.admin-notification-header p{margin:7px 0 0;color:#718096;font-size:14px}.header-actions{display:flex;align-items:center;gap:12px}.mark-all-top-btn,.new-message-top-btn{height:42px;padding:0 17px;border-radius:9px;font-size:13px;font-weight:650;cursor:pointer;transition:.2s ease}.mark-all-top-btn{background:#fff;border:1px solid #e2e8f0;color:#273244}.mark-all-top-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.mark-all-top-btn:disabled{opacity:.5;cursor:not-allowed}.new-message-top-btn{border:none;color:#fff;background:#6d28d9;box-shadow:0 5px 15px #6d28d92e}.new-message-top-btn:hover{background:#5b21b6}.mark-all-top-btn span,.new-message-top-btn span{margin-right:7px}.notification-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.notification-stat-card{min-height:122px;padding:20px;box-sizing:border-box;background:#fff;border:1px solid #e8edf5;border-radius:13px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 15px #0f172a09}.stat-icon{width:54px;height:54px;min-width:54px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px}.purple-icon{color:#6d28d9;background:#f1eaff}.orange-icon{color:#ea8a00;background:#fff4df}.green-icon{color:#16a34a;background:#e8faef}.blue-icon{color:#1475d1;background:#e9f4ff}.stat-content{min-width:0}.stat-label{display:block;margin-bottom:5px;color:#64748b;font-size:13px;font-weight:500}.stat-content strong{display:block;color:#111827;font-size:25px;line-height:1;font-weight:750}.stat-content small{display:block;margin-top:7px;color:#94a3b8;font-size:11px}.stat-content small.requires-attention{color:#ef4444;font-weight:600}.notification-main-grid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}.notification-filter-card{background:#fff;border:1px solid #e8edf5;border-radius:13px;padding:18px 12px;box-shadow:0 4px 15px #0f172a09}.notification-filter-card h2{margin:0 8px 16px;color:#202938;font-size:15px;font-weight:700}.filter-item{min-height:44px;padding:0 10px;margin-bottom:5px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;color:#4b5563;font-size:13px;cursor:pointer}.filter-item.active{color:#5b21b6;background:#f3edff;font-weight:650}.filter-left{display:flex;align-items:center;gap:9px}.filter-icon{width:19px;text-align:center;font-size:14px}.filter-count{color:#64748b;font-size:12px;font-weight:650}.purple-count{color:#6d28d9}.red-count{color:#ef4444}.notification-content{min-width:0}.send-message-card{margin-bottom:18px;padding:22px;background:#fff;border:1px solid #e8edf5;border-radius:13px;box-shadow:0 4px 15px #0f172a09}.send-card-header h2,.recent-header h2{margin:0;color:#1f2937;font-size:17px;font-weight:720}.send-card-header p,.recent-header p{margin:5px 0 0;color:#8a94a6;font-size:12px}.send-form{margin-top:18px}.customer-id-field{max-width:360px}.customer-id-field,.message-field{display:flex;flex-direction:column}.customer-id-field label,.message-field label{margin-bottom:7px;color:#475569;font-size:12px;font-weight:650}.customer-id-field input,.message-field textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ee;border-radius:8px;outline:none;background:#fff;color:#1f2937;font-family:inherit;font-size:13px;transition:.2s ease}.customer-id-field input{height:42px;padding:0 12px}.message-field{margin-top:14px}.message-field textarea{min-height:95px;padding:11px 12px;resize:vertical}.customer-id-field input:focus,.message-field textarea:focus,.conversation-reply input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf617}.customer-id-field input::placeholder,.message-field textarea::placeholder,.conversation-reply input::placeholder{color:#a0a9b8}.send-form-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.send-form-footer span{color:#8b95a7;font-size:11px}.send-message-btn{min-width:130px;height:40px;padding:0 18px;border:none;border-radius:8px;background:#6d28d9;color:#fff;font-size:13px;font-weight:650;cursor:pointer}.send-message-btn:hover:not(:disabled){background:#5b21b6}.send-message-btn:disabled{opacity:.55;cursor:not-allowed}.recent-notifications-card{background:#fff;border:1px solid #e8edf5;border-radius:13px;overflow:hidden;box-shadow:0 4px 15px #0f172a09}.recent-header{min-height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6}.unread-summary-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:20px;background:#fff0f0;color:#e5484d;font-size:11px;font-weight:700}.customer-conversation{padding:18px 22px 20px;border-bottom:1px solid #edf1f6}.customer-conversation:last-child{border-bottom:none}.conversation-header{display:flex;align-items:center;gap:12px}.customer-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eee8ff;color:#6d28d9;font-size:15px;font-weight:750}.customer-info{min-width:0;flex:1}.customer-info h3{margin:0;color:#1f2937;font-size:14px;font-weight:700}.customer-info p{margin:4px 0 0;color:#8993a5;font-size:11px}.customer-info strong{color:#64748b}.conversation-unread{flex-shrink:0;padding:5px 9px;border-radius:15px;background:#fff0f0;color:#e5484d;font-size:10px;font-weight:700}.conversation-divider{height:1px;margin:16px 0 13px;background:#edf1f6}.conversation-messages{display:flex;flex-direction:column;gap:8px}.message-line{display:flex;width:100%}.customer-message-line{justify-content:flex-start}.admin-message-line{justify-content:flex-end}.message-content{max-width:72%;padding:10px 13px;border-radius:9px;border:1px solid}.customer-message-content{background:#f8fafc;border-color:#e1e6ed;border-top-left-radius:3px}.admin-message-content{background:#f0fdf4;border-color:#ccebd6;border-top-right-radius:3px}.message-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.message-sender{font-size:11px;font-weight:750}.customer-sender{color:#2563eb}.admin-sender{color:#16a34a}.message-date{color:#94a3b8;font-size:10px;white-space:nowrap}.message-text{margin:5px 0 0;color:#374151;font-size:12px;line-height:1.55;word-break:break-word}.message-bottom{margin-top:7px;display:flex;align-items:center;gap:8px}.message-status{font-size:9px;font-weight:650}.read-status{color:#16a34a}.unread-status{color:#ef4444}.small-read-btn{padding:0;border:none;background:transparent;color:#6d28d9;font-size:9px;font-weight:650;cursor:pointer}.small-read-btn:hover{text-decoration:underline}.conversation-actions{margin-top:13px}.mark-conversation-btn{height:34px;padding:0 12px;border:1px solid #dce3ed;border-radius:7px;background:#fff;color:#475569;font-size:11px;font-weight:600;cursor:pointer}.mark-conversation-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.mark-conversation-btn:disabled{opacity:.45;cursor:not-allowed}.conversation-reply{margin-top:12px;display:flex;gap:8px}.conversation-reply input{flex:1;min-width:0;height:39px;box-sizing:border-box;padding:0 12px;border:1px solid #dfe5ee;border-radius:8px;outline:none;background:#fff;color:#1f2937;font-family:inherit;font-size:12px}.reply-btn{min-width:70px;height:39px;padding:0 14px;border:1px solid #ddd6fe;border-radius:8px;background:#f5f3ff;color:#6d28d9;font-size:12px;font-weight:700;cursor:pointer}.reply-btn:hover:not(:disabled){background:#ede9fe}.reply-btn:disabled{opacity:.55;cursor:not-allowed}.no-notifications{min-height:230px;padding:30px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.no-notification-icon{width:52px;height:52px;margin-bottom:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1eaff;color:#6d28d9;font-size:22px}.no-notifications h3{margin:0;color:#334155;font-size:15px}.no-notifications p{margin:6px 0 0;color:#94a3b8;font-size:12px}@media(max-width:1200px){.notification-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.admin-notifications-page{padding:22px 18px 40px}.notification-main-grid{grid-template-columns:1fr}.notification-filter-card{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.notification-filter-card h2{grid-column:1 / -1;margin-bottom:8px}}@media(max-width:700px){.admin-notification-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.mark-all-top-btn,.new-message-top-btn{flex:1}.notification-stats{grid-template-columns:1fr}.send-form-footer{flex-direction:column;align-items:flex-start}.send-message-btn{width:100%}.message-content{max-width:88%}.recent-header{padding:15px}.customer-conversation{padding:16px 15px}}@media(max-width:480px){.admin-notifications-page{padding:16px 12px 30px}.admin-notification-header h1{font-size:25px}.header-actions{flex-direction:column}.mark-all-top-btn,.new-message-top-btn{width:100%}.notification-filter-card{grid-template-columns:1fr}.notification-filter-card h2{grid-column:auto}.conversation-header{align-items:flex-start}.conversation-unread{display:none}.message-content{max-width:94%}.message-top{align-items:flex-start;flex-direction:column;gap:3px}.conversation-reply{flex-direction:column}.reply-btn{width:100%}}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.delete-selected-btn{border:1px solid #dc2626;background:#fff;color:#dc2626;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.delete-selected-btn:hover:not(:disabled){background:#dc2626;color:#fff}.delete-selected-btn:disabled{opacity:.45;cursor:not-allowed}.delete-all-btn{border:1px solid #b91c1c;background:#b91c1c;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.delete-all-btn:hover:not(:disabled){background:#991b1b}.delete-all-btn:disabled{opacity:.45;cursor:not-allowed}.notification-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:14px;color:#475569}.notification-selection-bar label{display:flex;align-items:center;gap:9px;font-weight:600;cursor:pointer}.notification-selection-bar input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:#dc2626}.notification-selection-bar>span{font-size:13px;font-weight:600;color:#dc2626}.notification-checkbox{flex-shrink:0;width:17px;height:17px;margin-top:4px;cursor:pointer;accent-color:#dc2626}.message-line{display:flex;align-items:flex-start;gap:12px}@media(max-width:768px){.header-actions{width:100%;flex-direction:column;align-items:stretch}.delete-selected-btn,.delete-all-btn{width:100%}.notification-selection-bar{padding:10px 12px}}.legal-page{min-height:100%;padding:32px 24px 48px}.legal-container{max-width:1000px;margin:0 auto}.legal-header{margin-bottom:24px}.legal-title{margin:0 0 8px;font-size:30px;font-weight:700}.legal-subtitle{margin:0;color:#64748b;font-size:14px}.legal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 4px 18px #0f172a0f}.legal-card h2{margin:28px 0 10px;font-size:19px;font-weight:650;color:#0f172a}.legal-card h2:first-of-type{margin-top:0}.legal-card p,.legal-card li{color:#475569;font-size:15px;line-height:1.75}.legal-card ul{padding-left:22px}.legal-card li{margin-bottom:6px}.legal-divider{border:0;border-top:1px solid #e2e8f0;margin:32px 0 24px}.legal-contact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.legal-contact p{margin:7px 0}.legal-contact strong{color:#0f172a}.legal-updated{display:inline-block;margin-top:18px;padding:7px 12px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:13px;font-weight:600}@media(max-width:640px){.legal-page{padding:20px 14px 32px}.legal-card{padding:22px 18px;border-radius:12px}.legal-title{font-size:25px}.legal-card h2{font-size:17px}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}button{margin:0}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6,p{margin:0}#root{min-height:100vh}