:root{--background:#fff;--foreground:#171717;--color-white:#fff;--color-black:#000;--color-gray:#9ca3af;--color-primary:#1bb28f;--color-secondary:#ff5c23;--sidebar-width:250px;--header-height:70px;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--transition:all .2s ease-in-out;font-family:Cairo,sans-serif}.managed-select{min-width:200px;position:relative}.managed-select-toggle{border-radius:var(--border-radius);cursor:pointer;width:100%;color:var(--color-black);background-color:#fff;border:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.managed-select-toggle:hover{border-color:var(--color-primary)}.managed-select-toggle:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1bb28f1a}.managed-select-value.filled{color:#111827;font-weight:500}.managed-select-caret{color:#9ca3af;transition:transform .2s}.managed-select-caret.open{color:#10b981;transform:rotate(180deg)}.managed-select-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;max-height:300px;padding:4px;animation:.2s ease-out slideIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.managed-select-search{z-index:1;background:#fff;border-bottom:1px solid #f3f4f6;padding:8px 8px 6px;position:sticky;top:0}.managed-select-search-input{border-radius:var(--border-radius);color:#111827;width:100%;transition:var(--transition);background-color:#f9fafb;border:2px solid #e2e8f0;outline:none;padding:10px 12px;font-size:.9rem}.managed-select-search-input:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #1bb28f1a}.managed-select-search-input::placeholder{color:#9ca3af}.managed-select-item{cursor:pointer;color:#4b5563;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.625rem 1rem;transition:all .15s;display:flex}.managed-select-item:hover{color:#111827;background-color:#f3f4f6}.managed-select-item.selected{color:#059669;background-color:#ecfdf5;font-weight:600}.managed-select-badge{color:#6b7280;background-color:#f3f4f6;border-radius:9999px;padding:2px 8px;font-size:.75rem}.managed-select-item:hover .managed-select-badge{background-color:#fff}.managed-select-item.selected .managed-select-badge{color:#fff;background-color:#10b981}.managed-select-menu::-webkit-scrollbar{width:6px}.managed-select-menu::-webkit-scrollbar-track{background:0 0}.managed-select-menu::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.managed-select-menu::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.filter-item .managed-select{min-width:220px}.category-select-wide,.edit-select-wide{width:100%;min-width:300px}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}.dashboard-layout{grid-template-columns:var(--sidebar-width)1fr;grid-template-rows:var(--header-height)1fr;background:var(--color-white);grid-template-areas:"sidebar header""sidebar content";min-height:100vh;display:grid}.header{background:var(--color-white);border-bottom:1px solid #e5e7eb;grid-area:header;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header .title{color:var(--color-black);font-size:18px;font-weight:600}.header .actions{align-items:center;gap:8px;display:flex}.user-profile{align-items:center;gap:12px;display:flex}.user-name{color:var(--color-black);margin:0;font-size:14px;font-weight:600}.user-role{color:var(--color-gray);margin:0;font-size:12px}.user-avatar{border:2px solid #e2e8f0;border-radius:50%;width:40px;height:40px;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%}.content{min-height:calc(100vh - var(--header-height));background:#f8fafc;grid-area:content;padding:24px;overflow-x:auto}.sidebar{color:var(--color-black);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e5e7eb;flex-direction:column;grid-area:sidebar;align-items:center;width:250px;height:100vh;padding:16px 12px;display:flex;position:fixed}.sidebar .logo{width:140px;height:auto;margin-bottom:16px}.sidebar .sidebar-title{width:100%;color:var(--color-gray);margin-bottom:12px;padding:0 4px;font-size:14px;font-weight:700}.sidebar nav{flex-direction:column;flex:1;gap:8px;width:100%;display:flex;overflow-y:auto}.sidebar-header{flex-direction:column;align-items:center;gap:8px;width:100%;padding-bottom:8px;display:flex}.nav-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sidebar .nav-item{color:var(--color-black);transition:var(--transition);background:0 0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:600;display:flex;position:relative}.sidebar .nav-item:hover{background:#f8fafc;transform:translateY(-1px)}.sidebar .nav-item.active{color:var(--color-primary);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#1bb28f1f 0%,#1bb28f14 100%)}.sidebar .nav-icon{opacity:.85;width:20px;height:20px}.sidebar .nav-text{flex:1}.sidebar .nav-count-badge{color:#1f2937;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;margin-right:6px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1}.sidebar .nav-item.active .nav-count-badge,.dropdown-toggle.active .nav-count-badge{color:var(--color-primary);background:#1bb28f1f;border-color:#1bb28f4d}.sidebar .nav-indicator{background:var(--color-primary);opacity:0;width:4px;height:60%;transition:var(--transition);border-radius:4px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sidebar .nav-item.active .nav-indicator,.sidebar .nav-item:hover .nav-indicator{opacity:1}.content{background:#f7f7f7;grid-area:content;padding:16px}html,body{direction:rtl;max-width:100vw;font-family:Cairo,sans-serif;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cairo,sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif}.charts-section{grid-template-columns:1fr;gap:20px;margin-bottom:28px;display:grid}.chart-card{box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#fff) padding-box padding-box,radial-gradient(120% 120% at 100% 0,#1bb28f2e,#16a0852e) border-box;border:1px solid #0000;border-radius:16px;padding:18px;transition:transform .2s,box-shadow .2s}.chart-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.chart-header{color:#111827;margin-bottom:12px;font-size:18px;font-weight:800}.donut-chart{filter:drop-shadow(0 12px 20px #00000014);border-radius:50%;width:clamp(220px,28vw,320px);height:clamp(220px,28vw,320px);margin:0 auto 16px;position:relative}.donut-center{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#fffffff2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60%;height:60%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #e5e7eb}.donut-value{color:#111827;font-size:22px;font-weight:800}.donut-title{color:#6b7280;font-size:12px}.chart-legend{flex-direction:column;gap:10px;display:flex}.legend-item{grid-template-columns:16px 1fr auto auto;align-items:center;gap:10px;transition:transform .15s;display:grid}.legend-item:hover{transform:translate(-3px)}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-text{color:#111827;font-weight:700}.legend-value{color:#111827;text-align:right;font-weight:700}.legend-percent{color:#6b7280;text-align:right;font-weight:700}.bars-chart{background-image:linear-gradient(0deg,#1118270f 1px,#0000 1px);background-size:100% 44px;border-radius:12px;grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;height:220px;padding:12px 8px;display:grid}.bar-item{flex-direction:column;align-items:center;gap:8px;display:flex}.bar{--bar-color:var(--color-primary);background:linear-gradient(180deg,#ffffff59 0%,#ffffff0d 100%),var(--bar-color);border-radius:12px 12px 6px 6px;justify-content:center;align-items:flex-end;width:100%;transition:height .3s,transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 16px #1118271f}.bar-value{color:#111827;opacity:0;background:#ffffffe6;border-radius:8px;margin:6px;padding:2px 6px;font-size:12px;font-weight:800;transition:opacity .15s,transform .15s;transform:translateY(6px)scale(.98)}.bar:hover .bar-value{opacity:1;transform:translateY(0)scale(1)}.bar-label{color:#111827;font-size:12px;font-weight:700}@media (max-width:768px){.bars-chart{grid-template-columns:1fr 1fr 1fr;height:200px}.donut-chart{width:clamp(200px,50vw,280px);height:clamp(200px,50vw,280px)}}.activity-filters{gap:8px;margin:8px 0 12px;display:flex}.filter-chip{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px;font-weight:700;transition:all .15s}.filter-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.filter-chip.active{color:var(--color-primary);background:#1bb28f1f;border-color:#1bb28f4d}.sparkline{grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:60px;margin:8px 0 12px;display:grid}.spark-bar{background:linear-gradient(#1bb28f8c 0%,#1bb28fd9 100%);border-radius:6px 6px 2px 2px}.spark-bar:hover{filter:brightness(1.05)}.timeline{gap:12px;display:grid;position:relative}.timeline-item{grid-template-columns:20px 1fr;display:grid;position:relative}.timeline-dot{background:var(--color-primary);border:2px solid #fff;border-radius:50%;place-self:center;width:12px;height:12px;box-shadow:0 2px 6px #00000026}.timeline-line{background:linear-gradient(#1bb28f66,#63f19966);width:2px;height:100%;position:absolute;top:0;bottom:-6px;left:9px}.timeline-content{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.timeline-badge{color:#fff;background:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.timeline-approve .timeline-dot,.timeline-approve .timeline-badge{background:#22c55e}.timeline-reject .timeline-dot,.timeline-reject .timeline-badge{background:#ef4444}.timeline-user .timeline-dot,.timeline-user .timeline-badge{background:var(--color-primary)}.timeline-time{color:#6b7280;margin-right:auto;font-size:12px;font-weight:700}.categories-page{max-width:1400px;min-height:calc(100vh - var(--header-height));background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);margin:0 auto;padding:20px;position:relative}.categories-page:before{content:"";opacity:.5;pointer-events:none;z-index:0;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"categories-grid\" width=\"30\" height=\"30\" patternUnits=\"userSpaceOnUse\"><path d=\"M 30 0 L 0 0 0 30\" fill=\"none\" stroke=\"rgba(27,178,143,0.03)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23categories-grid)\"/></svg>");position:absolute;inset:0}.categories-header{background:linear-gradient(135deg,var(--color-primary)0%,#16a085 100%);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:1;margin-bottom:24px;padding:32px;position:relative;overflow:hidden}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.categories-header .header-content{z-index:2;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.categories-header .header-text{color:#fff}.categories-header .page-title{text-shadow:0 2px 4px #0003;align-items:center;gap:16px;margin:0 0 8px;font-size:2.2rem;font-weight:800;display:flex}.categories-header .page-description{opacity:.95;margin:0;font-size:1.1rem;font-weight:500}.categories-header .header-actions{gap:12px;display:flex}.btn-add-category{color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0000001a}.btn-add-category:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-add-category .btn-icon{font-size:1.2rem;animation:2s infinite pulse}.tabs-navigation{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);z-index:1;background:#fff;border:1px solid #e2e8f0;gap:8px;margin-bottom:24px;padding:8px;display:flex;position:relative}.tab-btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);color:var(--color-gray);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.tab-btn:before{content:"";background:linear-gradient(90deg,#0000,#1bb28f1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tab-btn:hover:before{left:100%}.tab-btn.active{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;box-shadow:var(--shadow);transform:translateY(-2px)}.tab-btn .tab-icon{font-size:1.2rem;transition:transform .3s}.tab-btn:hover .tab-icon{transform:scale(1.2)}.search-filters{z-index:1;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:32px;display:flex;position:relative}.search-container{flex:1;min-width:320px;max-width:500px;position:relative}.search-container:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#1bb28f1a,#3b82f61a);border-radius:16px;transition:all .3s;position:absolute;inset:0}.search-container:after{content:"";z-index:-2;opacity:0;background:linear-gradient(45deg,#0000,#1bb28f4d,#0000,#3b82f64d,#0000) 0 0/400% 400%;border-radius:18px;animation:3s ease-in-out infinite shimmer;position:absolute;inset:-2px}.search-container:hover:before{opacity:1;transform:scale(1.02)}.search-container:focus-within:after{opacity:1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-input{color:#374151;letter-spacing:.025em;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#e2e8f0,#cbd5e1) border-box;border:2px solid #0000;border-radius:16px;width:100%;padding:18px 60px 18px 24px;font-size:1.1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.search-input::placeholder{color:#9ca3af;font-weight:400;transition:all .3s}.search-input:hover{background:linear-gradient(#fff,#fefefe) padding-box padding-box,linear-gradient(135deg,#1bb28f,#3b82f6) border-box;transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.search-input:focus{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#1bb28f,#3b82f6) border-box;outline:none;transform:translateY(-3px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 4px #1bb28f26,inset 0 1px #ffffff4d}.search-input:focus::placeholder{color:#6b7280;transform:translate(4px)}.search-icon{pointer-events:none;filter:drop-shadow(0 1px 2px #0000001a);justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.search-icon svg{width:20px;height:20px;transition:all .3s}.search-container:hover .search-icon{filter:drop-shadow(0 2px 4px #00000026);transform:translateY(-50%)scale(1.1)}.search-input:focus~.search-icon{filter:drop-shadow(0 3px 6px #0003);transform:translateY(-50%)scale(1.15)rotate(15deg)}.search-input:focus~.search-icon svg{animation:2s infinite searchPulse}@keyframes searchPulse{0%,to{opacity:1}50%{opacity:.7}}.filter-actions{gap:12px;display:flex}.filter-select{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;border:2px solid #e2e8f0;padding:16px 20px;font-weight:600}.filter-reset{border-radius:var(--border-radius);color:var(--color-gray);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);white-space:nowrap;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;align-items:center;gap:8px;padding:16px 20px;font-weight:700;display:flex}.filter-reset:hover{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.filter-reset:active{transform:translateY(0)}.results-info{border-radius:var(--border-radius);background:linear-gradient(135deg,#1bb28f0d,#3b82f60d);border:1px solid #1bb28f1a;margin-bottom:20px;padding:12px 20px}.results-count{color:var(--color-black);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.filter-indicator{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;box-shadow:var(--shadow-sm);border-radius:12px;padding:4px 8px;font-size:.8rem;font-weight:700}.no-results{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);text-align:center;background:#fff;border:2px dashed #e2e8f0;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:300px;padding:60px 20px;display:flex}.no-results-icon{opacity:.6;margin-bottom:20px;font-size:4rem;animation:2s infinite pulse}.no-results h3{color:var(--color-black);margin:0 0 12px;font-size:1.5rem;font-weight:700}.no-results p{color:var(--color-gray);margin:0 0 24px;font-size:1.1rem;font-weight:500}.btn-clear-filters{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);border:none;padding:14px 28px;font-size:1rem;font-weight:700}.btn-clear-filters:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.categories-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;display:grid;position:relative}.category-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border:1px solid #e2e8f0;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.category-card .category-fields{display:none}.category-card.manage-active{z-index:1001;border-radius:var(--border-radius-lg);width:min(920px,95vw);max-height:85vh;padding:24px;transition:none;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000040}.category-card.manage-active:hover{transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000040}.category-card.manage-active:hover:before,.category-card.manage-active:hover .category-icon{transform:none}.category-card.manage-active .category-header,.category-card.manage-active .category-actions{display:none}.category-card.manage-active .category-fields{display:block}.manage-overlay{z-index:1000}.manage-close{cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;position:absolute;top:12px;left:12px}.manage-close:hover{color:#ef4444;background:#ef44441f}.btn-manage{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.category-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-card:hover:before{transform:scaleX(1)}.category-content{flex-direction:column;flex:1;display:flex}.category-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.homepage-visibility{justify-content:center;margin:8px 0 16px;display:flex}.category-card .homepage-visibility .toggle-label{box-shadow:var(--shadow-sm);background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:12px 16px}.category-card.manage-active .homepage-visibility{display:none}.category-info{align-items:center;gap:16px;display:flex}.category-icon{box-shadow:var(--shadow-sm);transition:var(--transition);background:linear-gradient(135deg,#1bb28f1a,#1bb28f0d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;min-height:80px;padding:16px;font-size:2.5rem;display:flex}.category-card:hover .category-icon{background:linear-gradient(135deg,#1bb28f33,#1bb28f1a);transform:scale(1.1)rotate(5deg)}.category-icon img{object-fit:contain;width:100%;height:100%}.category-details h3{color:var(--color-black);margin:0 0 4px;font-size:1.3rem;font-weight:700}.category-order{color:var(--color-gray);font-size:.9rem;font-weight:600}.category-status .status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:700}.status-badge.active{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 4px #10b98133}.location-filter{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;flex-wrap:wrap;gap:16px;margin:8px 0 24px;padding:16px 20px;display:flex}.brand-model-filter{margin-top:16px}.inline-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.form-input{width:100%;color:var(--color-black);transition:var(--transition);background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 12px}.form-input:focus{border-color:#1bb28f66;box-shadow:0 0 0 3px #1bb28f1f}.btn-add,.btn-delete{color:#1f2937;cursor:pointer;transition:var(--transition);background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;font-weight:600}.btn-add:hover{color:var(--color-primary);background:#1bb28f1f;border-color:#1bb28f4d}.btn-delete:hover{color:var(--color-secondary);background:#ff5c231f;border-color:#ff5c234d}.location-selector{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.map-button{border-radius:var(--border-radius);background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:10px 16px;font-weight:700}.map-button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.hidden-location-data{display:none}.map-modal{border-radius:var(--border-radius-lg);width:min(900px,95vw);max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border:1px solid #e5e7eb;padding:16px;overflow:auto}.map-canvas{border-radius:var(--border-radius);background:#f3f4f6;width:100%;height:480px;overflow:hidden}.map-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.sticky-image-container{align-self:start;position:sticky;top:0}.ad-modal-main-image{object-fit:cover;width:100%;height:260px;display:block}@media (max-width:768px){.ad-modal-main-image{height:240px}}.map-search{z-index:2200;margin-bottom:8px;position:sticky;top:0}.map-search-results{box-shadow:var(--shadow-lg);background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.map-search-item{text-align:right;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.map-search-item:hover{background:#f8fafc}.map-search-item-title{color:#1f2937;font-weight:700}@media (max-width:768px){.modal-overlay{padding:8px}.ad-modal{border-radius:14px;width:98%!important;max-width:none!important}.ad-modal .modal-header{padding:12px 16px!important}.ad-modal .modal-header h3{font-size:1.1rem!important}.ad-modal .modal-content{padding:0!important}.ad-modal .sticky-image-container{background:#fff;border-bottom:1px solid #e5e7eb;border-left:none!important;padding:12px!important}.ad-modal .ad-modal-main-image{border-radius:10px;height:220px}.ad-modal .modal-footer{background:#fff;border-radius:0 0 12px 12px;position:sticky;bottom:0;padding:12px 16px!important}}.form-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:12px;display:grid}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inline-actions{flex-wrap:wrap}.form-textarea{width:100%;color:var(--color-black);transition:var(--transition);resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 12px}.form-textarea:focus{border-color:#1bb28f66;box-shadow:0 0 0 3px #1bb28f1f}@media (max-width:768px){.map-canvas{height:360px}}.models-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.model-tag{color:#1f2937;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.model-tag .tag-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:12px}.model-tag .tag-edit{color:#1bb28f;cursor:pointer;background:0 0;border:none;font-size:12px}.year-input{max-width:180px}.location-group{flex:1;min-width:220px}.location-label{color:var(--color-black);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.managed-select{position:relative}.managed-select-toggle{width:100%;color:var(--color-black);cursor:pointer;transition:var(--transition);background:#fff;border:2px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:flex}.managed-select-toggle:hover{border-color:#1bb28f4d;box-shadow:0 0 0 3px #1bb28f1f}.managed-select-value{text-align:right;color:#1f2937;flex:1;font-weight:700}.managed-select-value.filled{color:var(--color-black)}.managed-select-caret{font-size:14px;transition:transform .2s}.managed-select-caret.open{transform:rotate(180deg)}.managed-select-menu{box-shadow:var(--shadow-lg);z-index:2100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:220px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.managed-select-item{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.managed-select-item:hover{background:#f8fafc}.managed-select-item.selected{background:#ecfdf5}.managed-select-text{color:#1f2937;font-weight:700}.managed-select-badge{color:#1f2937;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;margin-right:6px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1}.managed-select-item.selected .managed-select-badge{color:var(--color-primary);background:#1bb28f1f;border-color:#1bb28f4d}.managed-select-actions{align-items:center;gap:8px;display:inline-flex}.managed-select-delete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;padding:6px 10px;font-weight:700}.managed-select-delete:hover{transform:translateY(-1px);box-shadow:0 4px 10px #ef444440}.managed-select-edit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1bb28f,#16a085);border:none;border-radius:8px;padding:6px 10px;font-weight:700}.managed-select-edit:hover{transform:translateY(-1px);box-shadow:0 4px 10px #1bb28f40}.managed-select-editing{align-items:center;gap:8px;width:100%;display:flex}.managed-select-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:6px 10px;font-weight:700}.managed-select-cancel{cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-weight:700}.managed-select.disabled .managed-select-toggle{opacity:.6;cursor:not-allowed}.managed-select-empty{color:var(--color-gray);text-align:center;padding:12px;font-weight:700}.category-select-wide{width:200px;min-width:200px}@media (max-width:768px){.category-select-wide{width:100%;min-width:auto}}.filter-select-wide{width:180px;min-width:180px}@media (max-width:768px){.filter-select-wide{width:100%;min-width:auto}}.status-badge.disabled{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 2px 4px #ef444433}.category-fields{border-radius:var(--border-radius);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;flex:1;margin:20px 0;padding:16px}.category-fields h4{color:var(--color-black);margin:0 0 12px;font-size:1rem;font-weight:700}.fields-list{flex-wrap:wrap;gap:8px;display:flex}.field-tag{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:16px;padding:6px 12px;font-size:.8rem;font-weight:600}.field-tag:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.fields-list .field-tag{cursor:pointer;border:none;outline:none;align-items:center;gap:6px;display:inline-flex}.field-tag.clickable{filter:saturate(1.05)}.field-tag.non-select{background:linear-gradient(135deg,#9ca3af,#6b7280)}.tag-action{opacity:.95;font-size:.9rem}.category-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;display:flex}.category-actions button{border-radius:var(--border-radius);cursor:pointer;min-width:100px;transition:var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;font-weight:700;display:flex}.btn-edit{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-edit:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-toggle.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-toggle.disabled{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.homepage-content{z-index:1;position:relative}.settings-header{text-align:center;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;margin-bottom:32px;padding:24px}.settings-header h2{color:var(--color-black);justify-content:center;align-items:center;gap:12px;margin:0 0 8px;font-size:1.8rem;font-weight:800;display:flex}.settings-header p{color:var(--color-white);margin:0;font-size:1.1rem;font-weight:500}.homepage-categories{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:32px;display:grid}.homepage-category-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border:1px solid #e2e8f0;flex-direction:column;align-items:stretch;gap:20px;max-width:100%;padding:20px;display:flex}.homepage-category-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.read-status{margin-inline-start:6px;font-size:.8rem;font-weight:800}.read-status.unread{color:#9ca3af}.read-status.read{color:#3b82f6}.chat-date-group{justify-content:center;align-items:center;margin:8px 0;display:flex}.chat-date-block{flex-direction:column;gap:10px;display:flex}.date-separator{color:#111827;background:#e5e7eb;border-radius:9999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.category-preview{border-radius:var(--border-radius);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.preview-image{border-radius:var(--border-radius);width:80px;height:80px;box-shadow:var(--shadow-sm);overflow:hidden}.category-image{object-fit:cover;width:100%;height:100%}.placeholder-image{background:linear-gradient(135deg,var(--color-primary),#16a085);border-radius:var(--border-radius);flex-shrink:0;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;min-height:80px;display:flex}.placeholder-icon{color:#fff;font-size:2rem}.category-info h3{color:var(--color-black);margin:0 0 8px;font-size:1.2rem;font-weight:700}.category-info p{color:var(--color-gray);margin:4px 0;font-weight:600}.homepage-controls{grid-template-columns:repeat(2,1fr);align-items:end;gap:16px;width:100%;display:grid}.control-group{flex-direction:column;gap:8px;display:flex}.control-group label{color:var(--color-black);font-size:.9rem;font-weight:700}.cards-count-input,.order-input{border-radius:var(--border-radius);transition:var(--transition);background:#fff;border:2px solid #e2e8f0;padding:12px 16px;font-weight:600}.cards-count-input:focus,.order-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1bb28f1a}.image-upload{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:#fff;border:2px dashed #e2e8f0;padding:12px 16px}.image-upload:hover{border-color:var(--color-primary);background:#1bb28f0d}.action-buttons{grid-column:1/-1;gap:12px;width:100%;margin-top:8px;display:flex}.btn-homepage-toggle,.btn-save-settings{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:700;display:flex}.btn-homepage-toggle{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-save-settings{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff}.btn-homepage-toggle:hover,.btn-save-settings:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hidden-categories{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;padding:24px}.hidden-categories h3{color:var(--color-black);align-items:center;gap:12px;margin:0 0 20px;font-size:1.4rem;font-weight:700;display:flex}.hidden-categories h3:before{content:"👁️‍🗨️";font-size:1.2rem}.hidden-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.hidden-category-item{border-radius:var(--border-radius);transition:var(--transition);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px;display:flex}.hidden-category-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.hidden-category-item .category-icon{box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;min-height:50px;padding:8px;font-size:1.5rem;display:flex}.hidden-category-item .category-name{color:var(--color-black);flex:1;font-weight:700}.btn-show-homepage{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:700;display:flex}.btn-show-homepage:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overscroll-behavior:contain;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;left:24px}.toast{border-radius:var(--border-radius);min-width:300px;max-width:400px;box-shadow:var(--shadow-lg);pointer-events:auto;background:#fff;border-right:4px solid #0000;flex-direction:column;gap:12px;padding:16px;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.toast-header{align-items:center;gap:12px;display:flex}.toast-icon{font-size:1.2rem}.toast-message{color:var(--color-black);flex:1;font-size:.95rem;font-weight:600}.toast-actions{justify-content:flex-end;gap:8px;display:flex}.toast-action-btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:6px 12px;font-size:.85rem;font-weight:700}.toast-action-primary{background:var(--color-primary);color:#fff}.toast-action-secondary{color:var(--color-black);background:#f1f5f9}.toast-success{border-right-color:#22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-right-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-right-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-right-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.modal-content{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:90%;max-width:600px;max-height:90vh;animation:.3s slideIn;overflow-y:auto}.modal-header h2,.modal-header h3{color:var(--color-black);margin:0;font-size:1.5rem;font-weight:700}.modal-close{cursor:pointer;transition:var(--transition);color:var(--color-gray);background:0 0;border:none;border-radius:50%;padding:8px;font-size:1.5rem}.modal-close:hover{color:#ef4444;background:#ef44441a;transform:scale(1.1)}.modal-body{padding:24px}.category-form{flex-direction:column;gap:20px;display:flex}.form-input,.form-group input,.form-group textarea{border-radius:var(--border-radius);transition:var(--transition);color:#111827;background:#fff;border:2px solid #e2e8f0;padding:14px 16px;font-size:1rem;font-weight:600}.form-group input:focus,.form-group textarea:focus,.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1bb28f1a}.icon-selector{flex-direction:column;gap:12px;display:flex}.icon-input{text-align:center;font-size:1.2rem}.icon-suggestions{flex-wrap:wrap;gap:8px;display:flex}.icon-option{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;padding:12px;font-size:1.5rem}.icon-option:hover{border-color:var(--color-primary);background:#1bb28f1a;transform:scale(1.1)}.custom-fields{flex-direction:column;gap:12px;display:flex}.field-item{align-items:center;gap:12px;display:flex}.field-name,.field-type{border-radius:var(--border-radius);background:#fff;border:2px solid #e2e8f0;flex:1;padding:12px 16px;font-weight:600}.btn-remove-field{color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#ef4444,#dc2626);border:none;padding:12px}.btn-remove-field:hover{transform:scale(1.1)}.btn-add-field{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-self:flex-start;padding:12px 20px;font-weight:700}.btn-add-field:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.image-uploads{flex-direction:column;gap:16px;display:flex}.upload-item{flex-direction:column;gap:8px;display:flex}.upload-item label{color:var(--color-black);font-weight:600}.image-input{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:#fff;border:2px dashed #e2e8f0;padding:12px 16px}.image-input:hover{border-color:var(--color-primary);background:#1bb28f0d}.form-actions{border-top:1px solid #e2e8f0;gap:12px;padding-top:20px;display:flex}.btn-save,.btn-cancel{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:700;display:flex}.btn-save{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff}.btn-cancel{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563)}.btn-save:hover,.btn-cancel:hover{box-shadow:var(--shadow);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.homepage-categories{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.homepage-category-card{grid-template-columns:1fr;gap:16px}.homepage-controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.categories-page{padding:16px}.categories-header{padding:24px 20px}.categories-header .header-content{text-align:center;flex-direction:column;align-items:center;gap:16px}.categories-header .page-title{text-align:center;justify-content:center;font-size:1.8rem}.categories-header .page-description{text-align:center}.categories-grid{grid-template-columns:1fr}.search-filters{flex-direction:column;align-items:stretch;gap:12px}.search-container{width:100%;min-width:auto;max-width:100%}.filter-actions,.filter-select{width:100%}.tabs-navigation,.category-actions{flex-direction:column}.category-actions button{min-width:auto}.hidden-list{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}.field-item,.form-actions{flex-direction:column}.homepage-categories{grid-template-columns:1fr;gap:16px}.homepage-category-card{max-width:100%;padding:16px}.category-preview{flex-flow:row;align-items:center;gap:12px;padding:12px}.preview-image,.placeholder-image{flex-shrink:0;width:60px;min-width:60px;height:60px;min-height:60px}.placeholder-icon{font-size:1.5rem}.category-info{text-align:right;flex:1;min-width:0}.category-info h3{word-wrap:break-word;margin-bottom:4px;font-size:1.1rem}.category-info p{margin:2px 0;font-size:.9rem}.homepage-controls{grid-template-columns:1fr;gap:12px}.action-buttons{flex-direction:column;gap:8px}}@media (max-width:480px){.categories-header .page-title{text-align:center;justify-content:center;font-size:1.5rem}.categories-header .page-description{text-align:center;font-size:1rem}.category-card{padding:16px}.category-preview{flex-flow:row;align-items:center;gap:8px;padding:10px}.preview-image,.placeholder-image{flex-shrink:0;width:50px;min-width:50px;height:50px;min-height:50px}.placeholder-icon{font-size:1.2rem}.category-info{text-align:right;flex:1;min-width:0}.category-info h3{word-wrap:break-word;overflow-wrap:break-word;margin-bottom:2px;font-size:1rem}.category-info p{margin:1px 0;font-size:.85rem}.homepage-controls{grid-template-columns:1fr;gap:8px}.action-buttons{flex-direction:column;gap:6px}.btn-homepage-toggle,.btn-save-settings{padding:10px 16px;font-size:.9rem}.search-input{padding:16px 50px 16px 20px;font-size:1rem}.filter-select{padding:14px 16px;font-size:1rem}}a{color:inherit;text-decoration:none}option,select,input{font-family:cairo}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-slide-in{animation:.5s ease-out slideIn}.animate-pulse{animation:2s infinite pulse}.animate-bounce{animation:1s infinite bounce}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;animation:1.5s infinite shimmer}.hover-lift{transition:var(--transition)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:var(--transition)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:var(--transition)}.hover-glow:hover{box-shadow:0 0 20px #1bb28f4d}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #1bb28f33}.loading-skeleton{border-radius:var(--border-radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;animation:1.5s infinite shimmer}.status-indicator{display:inline-block;position:relative}.status-indicator:before{content:"";border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}.status-indicator.online:before{background:#16a34a}.status-indicator.offline:before{background:#ef4444}.status-indicator.pending:before{background:#f59e0b}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#16a085,#e67e22)}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{visibility:hidden;color:#fff;text-align:center;border-radius:var(--border-radius-sm);z-index:1000;opacity:0;background-color:#000c;width:120px;margin-left:-60px;padding:8px;font-size:12px;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.btn-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;padding:12px 24px;font-weight:600}.btn-gradient:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-gradient:active{transform:translateY(0)}.card-enhanced{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border:1px solid #e2e8f0;overflow:hidden}.card-enhanced:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-enhanced .card-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;padding:20px}.card-enhanced .card-body{padding:20px}.card-enhanced .card-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}@media (max-width:1200px){.dashboard-layout{grid-template-columns:200px 1fr}:root{--sidebar-width:200px}}.hamburger-btn:hover .hamburger-line{background:var(--color-primary)}@media (max-width:968px){.hamburger-btn{display:flex!important}}.header-title{display:none}.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;background:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-close-btn{cursor:pointer;z-index:1001;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:none;position:absolute;top:16px;left:16px}.sidebar-close-btn:hover{background:#0003;transform:scale(1.1)}.close-icon{color:var(--color-black);font-size:20px;font-weight:700;line-height:1}@media (max-width:968px){.sidebar.open .sidebar-close-btn{display:flex}.dashboard-layout{grid-template-columns:1fr;grid-template-rows:var(--header-height)1fr;grid-template-areas:"header""content"}.sidebar{z-index:1000;background:var(--color-white);width:280px;height:100vh;transition:right .3s;position:fixed;top:0;right:-280px;box-shadow:-2px 0 15px #0003}.sidebar.open{right:0}.header{z-index:999;padding:12px 16px;position:relative}.header-title{display:none}.content{margin-top:0;padding:16px}.user-info{display:none}.user-profile{gap:0}.hamburger-btn{display:flex!important}.header-title{font-size:1.1rem;display:block}}.reports-page{max-width:1200px;margin:0 auto;padding:16px}.reports-header .header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.reports-header .header-text{flex-direction:column;gap:4px;display:flex}.reports-header .page-title{margin:0;font-size:20px;font-weight:700}.reports-header .page-description{color:var(--color-white);margin:0;font-size:14px}.reports-header .header-actions{align-items:center;gap:8px;display:flex}.btn-export.excel,.btn-export-table.excel{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition);border:none;padding:10px 14px;font-weight:700}.btn-export.excel:hover,.btn-export-table.excel:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.filters-section{margin-top:12px}.filters-container{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;padding:16px;display:grid}.filters-container .filter-group label{color:var(--color-gray);margin-bottom:6px;font-size:12px;display:block}.filters-container .filter-input,.filters-container .filter-select{border-radius:var(--border-radius-sm);background:#fff;border:1.5px solid #e5e7eb;width:100%;padding:8px 10px}.filters-container .btn-filter{background:linear-gradient(135deg,var(--color-secondary),#e67e22);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:10px 14px;font-weight:700}.tabs-navigation{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin:16px 0;padding:12px;display:flex}.tab-btn{color:var(--color-black);cursor:pointer;transition:var(--transition);background:#fff;border:2px solid #e5e7eb;border-radius:24px;padding:8px 12px;font-weight:700}.tab-btn.active{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-color:#0000}.tab-btn:hover{transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;align-items:center;gap:10px;padding:12px;display:flex}.stat-icon{font-size:18px}.stat-info h3{margin:0;font-size:14px}.stat-info .stat-number{font-size:18px;font-weight:800}.chart-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.data-table-section{margin-top:12px}.data-table-section .table-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.data-table-section .table-actions{gap:8px;display:flex}.table-container{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;padding:8px}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table th,.data-table td{text-align:right;word-break:break-word;border-bottom:1px solid #f1f5f9;padding:10px;font-size:13px}.data-table thead th{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);font-weight:700}.status-badge,.activity-badge{border-radius:16px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}@media (max-width:1200px){.reports-page{padding:12px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:968px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-section{grid-template-columns:1fr}}@media (max-width:640px){.reports-header .page-title{font-size:18px}.reports-header .page-description{font-size:12px}.stats-grid{grid-template-columns:1fr}.tab-btn{text-align:center;flex:100%}.data-table th,.data-table td{padding:8px;font-size:12px}}html,body,.dashboard-layout,.content,.reports-page{max-width:100%;overflow-x:hidden}@media (max-width:480px){.header{padding:8px 12px}.header-title{display:none}.content{padding:12px}.sidebar{width:100%;right:-100%}.page-container{padding:16px}}@media (max-width:968px){html,body{overflow-x:hidden}.dashboard-layout{width:100%;overflow-x:hidden}.header-title{display:none}}.ads-header{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex;position:relative;overflow:hidden}.ads-header:before{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"ads-grid\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><path d=\"M 20 0 L 0 0 0 20\" fill=\"none\" stroke=\"rgba(27,178,143,0.05)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23ads-grid)\"/></svg>");position:absolute;inset:0}.ads-header h3{color:var(--color-black);z-index:1;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex;position:relative}.ads-header h3:before{content:"📢";background:linear-gradient(135deg,var(--color-primary),#16a085);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;display:flex}.ads-filter{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.ads-filter label{color:var(--color-black);white-space:nowrap;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.ads-filter label:before{content:"🔍";opacity:.7;font-size:1rem}.category-select{border-radius:var(--border-radius);min-width:200px;color:var(--color-black);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);appearance:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%231BB28F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6,9 12,15 18,9\"></polyline></svg>") 12px 50%/16px no-repeat;border:2px solid #e2e8f0;padding:12px 40px 12px 16px;font-size:.9rem;font-weight:600;position:relative}.category-select:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #1bb28f1a}.category-select:focus{border-color:var(--color-primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #1bb28f33}.dashboard-container{padding:24px}.dashboard-hero{color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#059669 0%,#4e9a88 45%,#545454 100%);border-radius:20px;grid-template-columns:1fr 1.3fr;align-items:center;margin-bottom:24px;padding:28px;display:grid}.hero-time{flex-direction:column;gap:8px;margin-right:50%;display:flex}.hero-clock{letter-spacing:2px;font-size:42px;font-weight:800}.hero-date{opacity:.9;font-size:16px}.hero-text{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hero-title{font-size:34px;font-weight:800}.hero-subtitle{opacity:.95;font-size:16px;font-weight:600}.dashboard-container .stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0 24px;display:grid}.dashboard-container .stat-card{box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px 18px;display:grid}.dashboard-container .stat-icon{font-size:26px}.dashboard-container .stat-content .stat-value{font-size:22px;font-weight:800}.dashboard-container .stat-content .stat-title{font-size:14px;font-weight:700}.dashboard-container .stat-trend{border-radius:12px;margin-top:6px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-block}.dashboard-container .stat-trend.positive{color:#065f46;background:#10b98126}.dashboard-container .stat-trend.negative{color:#b91c1c;background:#ef444426}.dashboard-container .stat-red{background:#fee2e2}.dashboard-container .stat-yellow{background:#fef3c7}.dashboard-container .stat-green{background:#dcfce7}.dashboard-container .stat-blue{background:#e0f2fe}.recent-activities-section{margin-top:24px}.activities-list{flex-direction:column;gap:12px;display:flex}.activity-indicator{background:#16a085;border-radius:8px;width:8px;height:100%}.activity-user .activity-indicator{background:#3b82f6}.activity-approve .activity-indicator{background:#16a34a}.activity-reject .activity-indicator{background:#ef4444}.activity-action{font-weight:700}.activity-time{color:var(--color-gray);font-weight:600}.activity-actions{gap:8px;display:flex}.activity-btn{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-weight:800}.btn-view{color:#1e40af;background:#e0f2fe}.btn-approve{color:#065f46;background:#dcfce7}.btn-delete{color:#991b1b;background:#fee2e2}@media (max-width:992px){.dashboard-hero{text-align:center;grid-template-columns:1fr}.hero-text{text-align:center;order:1;align-items:center}.hero-time{text-align:center;order:2;align-items:center;margin-top:10px;margin-right:0}.dashboard-container .stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.hero-text{text-align:center;order:1;align-items:center}.hero-time{text-align:center;order:2;align-items:center;margin-top:12px;margin-right:0}.dashboard-container .stats-grid,.quick-actions-grid{grid-template-columns:1fr}}.category-select option{color:var(--color-black);background:#fff;padding:12px;font-weight:600}.category-select option:hover{background:linear-gradient(135deg,#1bb28f1a,#1bb28f0d)}.ads-list{gap:16px;margin-top:24px;display:grid}.ad-item{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.ad-item:before{content:"";opacity:0;transition:var(--transition);pointer-events:none;background:linear-gradient(135deg,#1bb28f05,#1bb28f03);position:absolute;inset:0}.ad-item:hover{box-shadow:var(--shadow-md);border-color:#1bb28f4d;transform:translateY(-2px)}.ad-item:hover:before{opacity:1}.ad-image{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);flex-shrink:0;position:relative;overflow:hidden}.ad-image:after{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#1bb28f1a,#0000);position:absolute;inset:0}.ad-item:hover .ad-image:after{opacity:1}.ad-content{flex-direction:column;flex:1;gap:12px;display:flex}.ad-content h4{color:var(--color-black);margin:0;font-size:1.1rem;font-weight:700;line-height:1.4}.ad-details{flex-direction:column;gap:8px;display:flex}.ad-details p{align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.detail-label{color:var(--color-gray);min-width:60px;font-weight:600}.category-badge{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.category-badge:before{content:"🏷️";font-size:.7rem}.status-badge.published{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#16a34a,#15803d);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.status-badge.published:before{content:"✅";font-size:.7rem}.status-badge.pending{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.status-badge.pending:before{content:"⏳";font-size:.7rem}.no-ads-message{text-align:center;border-radius:var(--border-radius-lg);color:var(--color-gray);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px dashed #cbd5e1;padding:60px 20px;position:relative;overflow:hidden}.no-ads-message:before{content:"";opacity:.5;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"no-ads-pattern\" width=\"30\" height=\"30\" patternUnits=\"userSpaceOnUse\"><circle cx=\"15\" cy=\"15\" r=\"2\" fill=\"rgba(148,163,184,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23no-ads-pattern)\"/></svg>");position:absolute;inset:0}.no-ads-icon{opacity:.7;z-index:1;margin-bottom:16px;font-size:3rem;position:relative}.no-ads-message p{z-index:1;margin:0;font-size:1.1rem;font-weight:600;position:relative}@media (max-width:768px){.ads-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.ads-header h3{justify-content:center;font-size:1.3rem}.ads-filter{flex-wrap:wrap;justify-content:center}.ads-filter label{font-size:.8rem}.category-select{min-width:180px;padding:10px 36px 10px 14px;font-size:.8rem}.ad-item{flex-direction:column;padding:16px}.ad-image{align-self:center}.ad-details{gap:6px}.ad-details p{font-size:.8rem}}@media (max-width:480px){.ads-header{padding:12px}.ads-header h3{font-size:1.1rem}.ads-header h3:before{width:32px;height:32px;font-size:1rem}.category-select{min-width:160px;padding:8px 32px 8px 12px;font-size:.75rem}.ad-item{padding:12px}.ad-content h4{font-size:1rem}}@media (max-width:968px){.nav-item,.nav-sub-item,button,.btn{min-width:44px;min-height:44px}.nav-list{padding:8px 0}.nav-item{margin:4px 0;padding:12px 16px}.sidebar{-webkit-overflow-scrolling:touch;overflow-y:auto}.bulk-actions button{margin:4px 0;padding:12px 16px}.header-title{display:none}}.rejected-ads-header{color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);margin-bottom:0;padding:2rem;position:relative;overflow:hidden}.reports-review-header{color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#f59e0b 0%,#d97706 50%,#b45309 100%);margin-bottom:0;padding:2rem;position:relative;overflow:hidden}.reports-review-header .header-content{z-index:1;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.reports-review-header .title-section{align-items:center;gap:1rem;display:flex}.reports-review-header .title-icon{font-size:2rem}.reasons-list{flex-wrap:wrap;gap:6px;display:flex}.reason-badge{color:#b45309;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:16px;padding:6px 10px;font-size:12px;font-weight:700}.reports-actions{justify-content:center;gap:8px;display:flex}.reports-actions .btn-approve,.reports-actions .btn-reject,.reports-actions .btn-view{border-radius:20px;align-items:center;gap:8px;min-width:100px;padding:8px 12px;font-size:.9rem;font-weight:700;display:flex}.reports-actions .btn-view{width:auto;height:auto}.btn-icon{font-size:1rem}@media (max-width:640px){.reports-actions .btn-text{display:inline}.reports-actions .btn-approve,.reports-actions .btn-reject,.reports-actions .btn-view{min-width:unset;padding:10px 12px}}@media (max-width:768px){.reports-review-page .data-table thead{display:none}.reports-review-page .data-table,.reports-review-page .data-table tbody,.reports-review-page .data-table tr,.reports-review-page .data-table td{width:100%;display:block}.reports-review-page .data-table tr{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;margin-bottom:10px;padding:12px}.reports-review-page .data-table td{text-align:right;border:none;grid-template-columns:110px 1fr;align-items:center;gap:8px;width:auto;padding:8px 0;display:grid}.reports-review-page .data-table td:before{content:attr(data-label);color:var(--color-gray);font-weight:700}.reports-review-page .reasons-list{justify-content:flex-start}.reports-review-page .reports-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.reports-review-page .reports-actions .btn-approve,.reports-review-page .reports-actions .btn-reject,.reports-review-page .reports-actions .btn-view{justify-content:center;height:40px;padding:10px 12px}.reports-review-page .reports-actions .btn-reject{margin-bottom:0}}.rejected-ads-header:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.rejected-ads-header .header-content{z-index:1;position:relative}.rejected-ads-table{border-collapse:collapse;border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-md);background:#fff;border:1px solid #e5e7eb;overflow:hidden}.rejected-ads-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.rejected-ads-table th{text-align:right;color:var(--color-black);white-space:nowrap;border-bottom:2px solid #e5e7eb;padding:.6rem .4rem;font-size:.75rem;font-weight:700}.rejected-ads-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.6rem .4rem;font-size:.75rem}.rejected-ads-table tbody tr{transition:all var(--transition)}.rejected-ads-table tbody tr:hover{background:linear-gradient(135deg,#ef444405 0%,#ef44440d 100%);transform:translateY(-1px);box-shadow:0 2px 8px #ef44441a}.rejected-ads-table tbody tr:last-child td{border-bottom:none}.category-badge{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:20px;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.category-badge:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.rejection-reason{color:#dc2626;border-radius:var(--border-radius);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;max-width:200px;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:inline-block;overflow:hidden}.reviewer-name{color:#0369a1;border-radius:var(--border-radius);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.price-value{color:#059669;font-size:.9rem;font-weight:700}.ad-title-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;color:var(--color-black);font-weight:500;overflow:hidden}.action-buttons{justify-content:center;gap:.5rem;display:flex}.btn-reconsider{color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);width:32px;height:32px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f59e0b,#d97706);border:none;justify-content:center;align-items:center;padding:.5rem;font-size:.9rem;display:flex}.btn-reconsider:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.btn-view{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);width:32px;height:32px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:.5rem;font-size:.9rem;display:flex}.pagination-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;display:flex}.pagination-info{color:#6b7280;font-size:.9rem;font-weight:500}.pagination{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pagination-btn{color:var(--color-black);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);background:#fff;border:2px solid #e5e7eb;justify-content:center;align-items:center;min-width:40px;height:40px;padding:.5rem .75rem;font-size:.9rem;font-weight:600;display:flex}.pagination-btn:hover{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow)}.pagination-nav{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:1rem;font-weight:700}.pagination-nav:hover{background:linear-gradient(135deg,var(--color-secondary),#e67e22)}.pagination-dots{color:#9ca3af;align-items:center;padding:0 .5rem;font-weight:700;display:flex}.pagination-jump{color:#6b7280;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.page-jump-input{border-radius:var(--border-radius);text-align:center;width:60px;transition:var(--transition);border:2px solid #e5e7eb;padding:.5rem;font-weight:600}.page-jump-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1bb28f1a}.results-info{border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin:1rem 0;padding:1rem 1.5rem;display:flex}.results-count{color:var(--color-black);font-size:.95rem;font-weight:600}.page-info{color:#6b7280;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;font-size:.9rem}.empty-state{text-align:center;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:4rem 2rem;display:flex}.empty-icon{opacity:.6;margin-bottom:1rem;font-size:4rem;animation:2s infinite pulse}.empty-state h3{color:var(--color-black);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.empty-state p{color:#6b7280;opacity:.8;margin:0;font-size:1rem}@media (max-width:1200px){.rejected-ads-table{font-size:.85rem}.rejected-ads-table th,.rejected-ads-table td{padding:.75rem .5rem}.pagination-container{text-align:center;flex-direction:column}}@media (max-width:968px){.rejected-ads-header{padding:1.5rem}.header-content{text-align:center;flex-direction:column;gap:1.5rem}.stats-section{justify-content:center}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.rejected-ads-table{min-width:800px}.filter-bar{grid-template-columns:1fr;gap:1rem}.results-info{text-align:center;flex-direction:column;gap:.5rem}.pagination,.pagination-jump{justify-content:center}}@media (max-width:480px){.rejected-ads-header{padding:1rem}.page-title{font-size:1.8rem}.stats-section{flex-direction:column;gap:.75rem}.stat-card{padding:.75rem 1rem}.pagination-container{padding:1rem}.pagination-btn{min-width:35px;height:35px;font-size:.8rem}}@keyframes tableRowSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.rejected-ads-table tbody tr{animation:.3s ease-out tableRowSlide}.rejected-ads-table tbody tr:nth-child(2n){animation-delay:50ms}.rejected-ads-table tbody tr:nth-child(odd){animation-delay:.1s}.moderation-container{background:#f8fafc;min-height:100vh;padding:0;font-family:Cairo,sans-serif}.moderation-header{color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#0f9c85 0%,#6b7280 100%);margin-bottom:0;padding:2rem}.header-content{justify-content:space-between;align-items:center;gap:3rem;max-width:1400px;margin:0 auto;display:flex}.title-section{align-items:center;gap:1.5rem;display:flex}.title-icon{font-size:3rem;animation:2s infinite pulse}.page-title{text-shadow:0 2px 4px #0000004d;margin:0;font-size:2.5rem;font-weight:700}.page-subtitle{opacity:.9;margin:.5rem 0 0;font-size:1.1rem}.stats-section{gap:1.5rem;display:flex}.stat-card{border-radius:var(--border-radius-lg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;padding:1rem 1.5rem}.stat-number{margin-bottom:.25rem;font-size:2rem;font-weight:700;display:block}.stat-label{opacity:.9;font-size:.9rem}.moderation-layout{grid-template-columns:1fr 520px;gap:0;max-width:1400px;min-height:calc(100vh - 200px);margin:0 auto;display:grid}.queue-section{background:#fff;border-left:1px solid #e5e7eb;height:220vh;max-height:220vh;overflow-y:auto}.queue-header{z-index:10;background:#f8fafc;border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15rem;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.queue-header h2{color:var(--color-black);margin:0;font-size:1.5rem;font-weight:700}.queue-filters{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000d}.filter-label{color:#475569;white-space:nowrap;font-size:.9rem;font-weight:600}.filter-select{color:#1e293b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 1.25rem;font-family:Cairo,sans-serif;font-size:.9rem;transition:all .3s;box-shadow:0 1px 3px #0000001a}.filter-select:hover{border-color:#0f9c85;box-shadow:0 2px 8px #0f9c8526}.filter-select:focus{border-color:#0f9c85;outline:none;box-shadow:0 0 0 3px #0f9c851a}.ads-queue{flex-direction:column;gap:1rem;padding:1rem;display:flex}.ad-card{border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);background:#fff;border:2px solid #e5e7eb;padding:1.5rem}.ad-card:hover{box-shadow:var(--shadow-md);border-color:#0f9c85;transform:translateY(-2px)}.ad-card.selected{background:linear-gradient(135deg,#0f9c8505 0%,#fff 100%);border-color:#0f9c85;box-shadow:0 0 0 3px #0f9c851a}.ad-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ad-status{color:#fff;background-color:#f4605b;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.users-page{background:#f8fafc;min-height:100vh}.users-header{color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#1bb28f 0%,#16a085 50%,#0d8471 100%);margin-bottom:0;padding:2rem;position:relative;overflow:hidden}.users-header:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.users-header .header-content{z-index:1;position:relative}.users-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.users-header p{opacity:.9;margin:0;font-size:1.1rem}.users-content{padding:2rem}.search-section{margin-bottom:2rem}.search-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;align-items:center;max-width:600px;display:flex;overflow:hidden}.search-input{background:0 0;border:none;outline:none;flex:1;padding:1rem 1.5rem;font-family:Cairo,sans-serif;font-size:1rem}.search-input::placeholder{color:#9ca3af}.search-btn{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:1rem 1.5rem;font-size:1.2rem}.search-btn:hover{background:linear-gradient(135deg,#16a085,#0d8471)}.mobile-view{display:none}.desktop-view{display:block}.users-table-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;background:#fff;border:1px solid #e5e7eb;overflow:hidden}.btn-add-user{background:linear-gradient(135deg,var(--color-primary),#659a8f);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;margin:10px;padding:6px 8px;font-size:12px;font-weight:500}.btn-add-user:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.add-user-modal{border-radius:var(--border-radius-lg);width:94%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;display:flex;overflow:hidden}.add-user-modal .modal-header{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.add-user-modal .modal-content{padding:16px 20px;overflow-y:auto}.add-user-modal .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:12px 20px;display:flex}.btn-save-user{color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;padding:10px 16px;font-size:14px;font-weight:700}.btn-save-user:hover{transform:translateY(-2px)}.btn-cancel{color:var(--color-black);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;padding:10px 16px;font-size:14px;font-weight:700}.btn-cancel:hover{transform:translateY(-2px)}.packages-modal{border-radius:var(--border-radius-lg);width:94%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;display:flex;overflow:hidden}.packages-modal .modal-header{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.packages-modal .modal-content{flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.packages-modal .inline-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.packages-modal .inline-fields .field{flex-direction:column;gap:6px;display:flex}.packages-modal .inline-fields .field.expiry{flex:280px}.packages-modal .inline-fields .plan-days{color:var(--color-primary);font-size:12px;font-weight:700}.input-with-days{align-items:center;display:inline-flex;position:relative}.form-input.has-days{padding-left:120px}.days-inside{color:var(--color-primary);white-space:nowrap;pointer-events:none;background:linear-gradient(135deg,#1bb28f1f,#1bb28f14);border:1px solid #1bb28f40;border-radius:14px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.packages-modal .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:12px 20px;display:flex}.btn-save-package{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;padding:10px 16px;font-size:14px;font-weight:700}.btn-save-package:hover{transform:translateY(-2px)}.verify-modal{border-radius:var(--border-radius-lg);width:92%;max-width:540px;max-height:80vh;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;display:flex;overflow:hidden}.verify-modal .modal-header{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.verify-modal .modal-content{padding:20px}.verify-modal .code-row{align-items:center;gap:10px;display:flex}.verify-modal .code-display{letter-spacing:6px;border-radius:var(--border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e5e7eb;padding:10px 16px;font-size:1.6rem;font-weight:800}.verify-modal .copy-icon,.verify-modal .whatsapp-icon{border-radius:var(--border-radius);cursor:pointer;width:36px;height:36px;transition:var(--transition);color:#fff;border:none;justify-content:center;align-items:center;display:inline-flex}.verify-modal .copy-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.verify-modal .whatsapp-icon{background:linear-gradient(135deg,#25d366,#1da955)}.verify-modal .copy-icon:hover,.verify-modal .whatsapp-icon:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.verify-modal .verify-helper{color:var(--color-gray);margin-top:10px;font-size:.9rem}.favorites-modal{box-shadow:var(--shadow-lg);background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;width:min(800px,95vw);max-height:85vh;display:flex;overflow:hidden}.favorites-modal .modal-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.favorites-modal .modal-content{box-sizing:border-box;flex:1;width:100%;padding:20px;overflow-y:auto}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;width:100%;display:grid}.favorite-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.favorite-label{color:#111827;font-weight:700}.favorites-modal .modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;bottom:0}.btn-favorites{color:#fff;cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow);background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.btn-favorites:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-verify-done{color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#3bf699,#248342);border:none;padding:10px 16px;font-size:14px;font-weight:700}.btn-verify-done:hover{transform:translateY(-2px)}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.users-table th{color:var(--color-black);white-space:nowrap;border-bottom:2px solid #e5e7eb;padding:1rem;font-size:.9rem;font-weight:700}.users-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;margin-top:10%;padding:.5rem;font-size:.7rem}.users-table tbody tr{transition:all var(--transition)}.users-table tbody tr:hover{background:linear-gradient(135deg,#1bb28f05 0%,#1bb28f0d 100%);transform:translateY(-1px);box-shadow:0 2px 8px #1bb28f1a}.users-table tbody tr:last-child td{border-bottom:none}.user-name{color:var(--color-black);font-weight:600}.verified-badge{color:#fff;width:18px;height:18px;box-shadow:var(--shadow-sm);vertical-align:middle;background:linear-gradient(135deg,#3bf699,#248342);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.user-code{color:var(--color-primary);border-radius:var(--border-radius-sm);text-align:center;padding:.25rem .5rem;font-size:1.2rem;font-weight:800}.delegate-code{color:#374151;border-radius:var(--border-radius-sm);text-align:center;padding:.25rem .5rem;font-size:.95rem;font-weight:600}.phone-with-whatsapp{align-items:center;gap:8px;display:inline-flex}.phone-with-whatsapp .phone-number{direction:ltr;unicode-bidi:plaintext}.phone-with-whatsapp .whatsapp-icon{cursor:pointer;transition:var(--transition);width:auto;height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.phone-with-whatsapp .whatsapp-icon:hover{box-shadow:none;transform:translateY(-1px)}.status-badge{box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:20px;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.status-badge.banned{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.ads-count{color:var(--color-primary);font-size:1rem;font-weight:700}.user-role{color:#0369a1;border-radius:var(--border-radius);padding:.5rem .75rem;font-size:.85rem;font-weight:600}.action-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.action-buttons button{border-radius:var(--border-radius);cursor:pointer;width:36px;height:36px;transition:all var(--transition);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-size:.7rem;display:flex}.btn-view{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff}.btn-view:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#16a085,#0d8471);transform:translateY(-2px)}.btn-ban{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-ban.unban{background:linear-gradient(135deg,#16a34a,#15803d)}.btn-ban:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-reset-password{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-reset-password:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.btn-change-password{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-change-password:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px)}.btn-set-pin{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2)}.btn-set-pin:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-2px)}.btn-verify-phone{color:#fff;background:linear-gradient(135deg,#3bf699,#248342)}.btn-verify-phone:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#34d986,#1f6f38);transform:translateY(-2px)}.btn-packages{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-packages:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px)}.btn-delete-user{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-delete-user:hover{box-shadow:var(--shadow);transform:translateY(-2px)}@media (min-width:800px) and (max-width:1400px){.users-page .desktop-view .action-buttons{grid-template-rows:repeat(3,auto);grid-auto-columns:36px;grid-auto-flow:column;place-content:center;gap:8px;min-width:80px;display:grid}}.user-profile-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);background:#fff;border:1px solid #e5e7eb;overflow:hidden}.profile-tabs{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e5e7eb;display:flex;overflow-x:auto}.tab-btn{cursor:pointer;color:#6b7280;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600}.tab-content{padding:2rem}.data-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.data-item{flex-direction:column;gap:.5rem;display:flex}.data-item label{color:#111827;margin-bottom:4px;font-size:.95rem;font-weight:700}.data-item span{border-radius:var(--border-radius);color:#111827;background:#fff;border:1.5px solid #e5e7eb;min-height:44px;padding:.75rem 1rem;font-size:.95rem;line-height:1.5;display:block;box-shadow:inset 0 1px 2px #00000005}.user-data-tab .tab-actions{justify-content:flex-end;gap:10px;margin-bottom:12px;display:flex}.user-data-tab .tab-actions .btn-edit,.user-data-tab .tab-actions .btn-save{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:10px 16px;font-size:.95rem;font-weight:700}.user-data-tab .tab-actions .btn-edit{color:#fff;background:linear-gradient(135deg,#5ab4a4,#3f766c);border:none}.user-data-tab .tab-actions .btn-edit:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.user-data-tab .tab-actions .btn-save{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff}.user-data-tab .tab-actions .btn-save:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.user-data-tab.edit-mode .data-item label{color:var(--color-primary)}.user-data-tab .input{border-radius:var(--border-radius);color:#374151;width:100%;transition:var(--transition);background:#fff;border:2px solid #e5e7eb;outline:none;padding:12px 14px;font-size:.95rem;box-shadow:inset 0 1px #00000005}.user-data-tab .input:hover{border-color:#cbd5e1}.user-data-tab .input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1bb28f1a}.user-data-tab .input[type=number]{-moz-appearance:textfield}.user-data-tab .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.user-data-tab .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.user-ads-tab h3,.user-transactions-tab h3,.user-logs-tab h3,.user-permissions-tab h3{color:var(--color-black);margin:0 0 1.5rem;font-size:1.3rem}.ads-list{flex-direction:column;gap:1rem;display:flex}.ad-item{border-radius:var(--border-radius);transition:var(--transition);background:#f9fafb;border:1px solid #e5e7eb;padding:1.5rem}.ad-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ad-item h4{color:var(--color-black);margin:0 0 .5rem;font-size:1.1rem}.ad-item p{color:#6b7280;margin:.25rem 0;font-size:.9rem}.transactions-list{flex-direction:column;gap:.5rem;display:flex}.subscription-form{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.subscription-form h4{color:var(--color-black);margin:0 0 1rem;font-size:1.1rem}.subscription-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.subscription-actions{gap:10px;margin-top:10px;display:flex}.transaction-item{border-radius:var(--border-radius);background:#f9fafb;border:1px solid #e5e7eb;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.transaction-item span:nth-child(2){color:#059669;font-weight:700}.transaction-item span:nth-child(3){color:#6b7280;font-size:.9rem}.logs-list{flex-direction:column;gap:.5rem;display:flex}.log-item{border-radius:var(--border-radius);background:#f9fafb;border:1px solid #e5e7eb;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.log-item span:nth-child(2){color:#6b7280;font-size:.9rem}.permissions-list{flex-direction:column;gap:1rem;display:flex}.permission-item{border-radius:var(--border-radius);background:#f9fafb;border:1px solid #e5e7eb;padding:1rem}.permission-item label{cursor:pointer;align-items:center;gap:.75rem;font-weight:500;display:flex}.permission-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.back-btn{color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:#fff3;border:2px solid #ffffff4d;margin-bottom:1rem;padding:.75rem 1.5rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600}.back-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width:1200px){.users-table{font-size:.85rem}.users-table th,.users-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.action-buttons button{width:32px;height:32px;font-size:.9rem}}@media (max-width:968px){.users-header{padding:1.5rem}.users-content{padding:1rem}.search-container{max-width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.profile-tabs{overflow-x:auto}.tab-content{padding:1.5rem}.data-grid{grid-template-columns:1fr}}@media (max-width:480px){.users-header h1{font-size:1.5rem}.users-header p{font-size:1rem}.tab-content{padding:1rem}.search-input,.search-btn{padding:.75rem 1rem}.profile-tabs{text-align:center;gap:2rem;width:100%;overflow-x:auto}}.pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:30px 0;display:flex}.pagination-info{color:#64748b;margin:0 10px;font-size:14px;font-weight:500}.pagination-controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex;box-shadow:0 2px 8px #0000001a}.pagination-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:44px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){color:#3182ce;background:#f1f5f9;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg,var(--color-primary),#177865);color:#fff;font-weight:600;box-shadow:0 2px 8px #3182ce4d}.pagination-btn.active:hover{color:#fff;background:linear-gradient(135deg,#2c5aa0,#2a4a8a);transform:translateY(-1px)}.pagination-ellipsis{color:#94a3b8;-webkit-user-select:none;user-select:none;padding:10px 8px;font-weight:500}.pagination-nav-btn{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;padding:10px 14px;font-weight:600}.pagination-nav-btn:hover:not(:disabled){color:#fff;background:#3182ce;border-color:#3182ce}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;min-width:320px;max-width:500px;padding:16px 20px;animation:.3s ease-out slideInDown;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.toast:before{content:"";background:#3182ce;width:4px;height:100%;position:absolute;top:0;right:0}.toast.success:before{background:#38a169}.toast.error:before{background:#e53e3e}.toast.warning:before{background:#ed8936}.toast-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.toast.success .toast-icon{background:#38a169}.toast.error .toast-icon{background:#e53e3e}.toast.warning .toast-icon{background:#ed8936}.toast.info .toast-icon{background:#3182ce}.toast-title{color:#2d3748;margin:0 0 4px;font-size:14px;font-weight:600}.toast-message{color:#64748b;margin:0;font-size:13px;line-height:1.4}.toast-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.toast-action{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-family:Cairo,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.toast-action.primary{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-action.primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.toast-action.secondary{color:#1f2937;background:#f3f4f6;border:1px solid #e5e7eb}.toast-action.secondary:hover{background:#e5e7eb}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .2s}.toast-close:hover{color:#64748b;background:#f1f5f9}.toast-content{flex-direction:column;flex:1;gap:8px;display:flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.desktop-view{display:none!important}.mobile-view{display:block!important}.users-cards-container{flex-direction:column;gap:16px;padding:0;display:flex}.user-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.user-card .card-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.user-card .user-info h3{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.3}.user-card .user-code{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.user-card .delegate-code{color:#374151;background:#f9fafb;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.user-card .card-body{padding:16px}.user-card .info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.user-card .info-item{flex-direction:column;gap:4px;display:flex}.user-card .info-label{color:#6b7280;font-size:12px;font-weight:500}.user-card .info-value{color:#1f2937;font-size:14px;font-weight:600}.user-card .card-actions{background:#fafbfc;border-top:1px solid #f1f3f4;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 16px 16px;display:flex}.user-card .card-actions button{cursor:pointer;text-align:center;border:none;border-radius:8px;flex:1;min-width:calc(50% - 4px);padding:10px 12px;font-family:Cairo,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.user-card .btn-view{color:#fff;background:linear-gradient(135deg,#1bb28f,#16a085)}.user-card .btn-view:hover{background:linear-gradient(135deg,#16a085,#0d8471);transform:translateY(-1px)}.user-card .btn-ban{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.user-card .btn-ban.unban{background:linear-gradient(135deg,#10b981,#059669)}.user-card .btn-ban:hover{transform:translateY(-1px)}.user-card .btn-reset-password,.user-card .btn-change-password,.user-card .btn-set-pin{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.user-card .btn-reset-password:hover,.user-card .btn-change-password:hover,.user-card .btn-set-pin:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.pagination-container{flex-direction:column;gap:15px;margin:20px 0}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:6px;padding:12px}.pagination-btn{min-width:40px;padding:8px 12px;font-size:13px}.pagination-nav-btn{padding:8px 12px;font-size:13px}.pagination-info{text-align:center;font-size:13px}.toast-container{top:10px;left:10px;right:10px;transform:none}.toast{min-width:auto;max-width:none;margin:0}.users-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.users-table{min-width:900px;font-size:13px}.users-table th,.users-table td{white-space:nowrap;padding:12px 8px}.users-table th{font-size:13px}.action-buttons{flex-direction:column;gap:6px;min-width:120px}.action-buttons button{justify-content:center;width:100%;padding:8px 10px;font-size:11px}.status-badge{min-width:60px;padding:4px 8px;font-size:11px}}@media (max-width:480px){.user-card .card-actions button{min-width:100%;margin-bottom:4px}.user-card .card-actions button:last-child{margin-bottom:0}.user-card .card-header,.user-card .card-body{padding:12px}.user-card .card-actions{padding:8px 12px 12px}.user-card .user-info h3{font-size:14px}.user-card .info-label{font-size:11px}.user-card .info-value{font-size:13px}.user-card .card-actions button{padding:8px 10px;font-size:11px}.pagination-btn{min-width:36px;padding:6px 10px;font-size:12px}.pagination-nav-btn{padding:6px 10px;font-size:12px}.toast{padding:12px 16px}.toast-title{font-size:13px}.toast-message{font-size:12px}.users-table{min-width:800px;font-size:12px}.users-table th,.users-table td{padding:10px 6px}.action-buttons button{padding:6px 8px;font-size:10px}.status-badge{padding:3px 6px;font-size:10px}}.ad-id{color:#6b7280;font-size:.9rem;font-weight:600}.ad-card-content{gap:1rem;margin-bottom:1rem;display:flex}.ad-image-preview{flex-shrink:0;position:relative}.preview-image{border-radius:var(--border-radius);object-fit:cover;cursor:pointer;transition:var(--transition)}.preview-image:hover{transform:scale(1.05)}.image-count{color:#fff;background:#000000b3;border-radius:10px;padding:2px 6px;font-size:.7rem;position:absolute;bottom:4px;right:4px}.ad-info{flex:1}.ad-title{color:var(--color-black);margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.ad-category,.ad-price,.ad-location,.ad-time{color:#6b7280;margin:.25rem 0;font-size:.9rem}.ad-price{color:#0f9c85;font-weight:600}.ad-card-actions{justify-content:flex-end;gap:.5rem;display:flex}.ads-actions{align-items:stretch;gap:8px;display:flex}.ads-actions .btn-view,.ads-actions .btn-delete{border-radius:10px;justify-content:center;align-items:center;height:40px;padding:10px 12px;font-weight:700;display:inline-flex}.ad-card-actions .btn-view,.ad-card-actions .btn-delete{justify-content:center;align-items:center;height:40px;padding:10px 12px;display:inline-flex}.action-btn{border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);border:none;padding:.5rem 1rem;font-family:Cairo,sans-serif;font-size:.8rem;font-weight:600}.approve-btn{color:#fff;background:#0f9c85}.approve-btn:hover{background:#0d8471;transform:translateY(-1px)}.reject-btn{color:#fff;background:#ef4444}.reject-btn:hover{background:#dc2626;transform:translateY(-1px)}.modify-btn{color:#fff;background:#6b7280}.modify-btn:hover{background:#4b5563;transform:translateY(-1px)}.package-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.package-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-1px)}.contact-btn{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d)}.contact-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.details-pane{background:#f8fafc;border-right:1px solid #e5e7eb;height:100vh;max-height:100vh;padding:0;overflow-y:auto}.ad-details{height:100%}.details-header{z-index:10;background:#fff;border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.details-header h2{color:var(--color-black);margin:0;font-size:1.3rem;font-weight:700}.ad-status-large{color:#fff;background-color:#f4605b;border-radius:25px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600}.details-content{padding:2rem}.detail-section{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;margin-bottom:2rem;padding:1.5rem}.detail-section h3{color:var(--color-black);border-bottom:2px solid #0f9c85;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;font-size:.9rem;font-weight:600}.detail-item span{color:var(--color-black);font-size:1rem}.image-container{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.detail-image{object-fit:cover;cursor:pointer;width:100%;height:90px;transition:var(--transition)}.detail-image:hover{transform:scale(1.05)}.image-actions{opacity:0;transition:var(--transition);gap:4px;display:flex;position:absolute;top:4px;right:4px}.image-container:hover .image-actions{opacity:1}.image-action-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:4px;padding:4px 6px;font-size:.8rem}.quick-tools{flex-wrap:wrap;gap:.75rem;display:flex}.tool-btn{color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#0f9c85 0%,#6b7280 100%);border:none;padding:.75rem 1rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600}.tool-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.detail-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.detail-action-btn{border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition);border:none;flex:1;max-width:200px;padding:.5rem 1rem;font-family:Cairo,sans-serif;font-size:.7rem;font-weight:500}.no-selection{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.no-selection-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.no-selection h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.no-selection p{opacity:.8;margin:0;font-size:1rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal{border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;position:relative;overflow:hidden}.modal-image{object-fit:contain;width:100%;height:auto;max-height:80vh}.modal-close{color:#fff;cursor:pointer;z-index:1001;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;position:absolute;top:1rem;right:1rem}.reason-modal{border-radius:var(--border-radius-lg);width:90%;max-width:600px;max-height:80vh;box-shadow:var(--shadow-lg);background:#fff;overflow-y:auto}.modal-header{background:#f8fafc;border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-content{padding:2rem}.reason-templates{margin-bottom:1.5rem}.reason-templates h4{color:var(--color-black);margin:0 0 1rem;font-size:1rem;font-weight:600}.reason-btn{text-align:right;border-radius:var(--border-radius);cursor:pointer;width:100%;transition:all var(--transition);background:#f8fafc;border:2px solid #e5e7eb;margin-bottom:.5rem;padding:.75rem 1rem;font-family:Cairo,sans-serif;font-size:.9rem;display:block}.reason-btn:hover{color:#fff;background:#0f9c85;border-color:#0f9c85}.custom-reason{flex-direction:column;gap:.5rem;display:flex}.custom-reason label{color:var(--color-black);font-weight:600}.custom-reason textarea{border-radius:var(--border-radius);resize:vertical;border:2px solid #e5e7eb;min-height:100px;padding:1rem;font-family:Cairo,sans-serif;font-size:1rem}.custom-reason textarea:focus{border-color:#0f9c85;outline:none;box-shadow:0 0 0 3px #0f9c851a}.modal-actions{background:#f8fafc;border-top:2px solid #e5e7eb;gap:1rem;padding:1.5rem 2rem;display:flex}.toast-container{z-index:2000;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);background:#fff;border:1px solid #e5e7eb;align-items:flex-start;gap:12px;min-width:280px;padding:12px 14px;display:flex}.toast-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.toast-content{flex:1}.toast-title{color:var(--color-black);font-size:.95rem;font-weight:800}.toast-message{color:#475569;margin-top:4px;font-size:.85rem}.toast-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1rem}.toast-success{border-color:#0f9c85}.toast-success .toast-icon{color:#0f9c85;background:linear-gradient(135deg,#1bb28f26,#1bb28f1a)}.toast-error{border-color:#ef4444}.toast-error .toast-icon{color:#ef4444;background:linear-gradient(135deg,#ef444426,#ef44441a)}.toast-info{border-color:#8b5cf6}.toast-info .toast-icon{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf626,#8b5cf61a)}@media (max-width:480px){.toast-container{top:10px;left:10px;right:10px}.toast{width:100%;min-width:auto}}.confirm-btn{color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);background:#0f9c85;border:none;flex:1;padding:1rem 2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600}.confirm-btn:hover{background:#0d8471;transform:translateY(-1px)}.cancel-btn{color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);background:#6b7280;border:none;flex:1;padding:1rem 2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600}.cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}.value-danger{color:#dc2626;font-size:1.7rem;font-weight:800}@media (max-width:1200px){.moderation-layout{grid-template-columns:1fr 420px}}@media (max-width:968px){.moderation-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.details-pane{height:auto;max-height:none;display:none;position:relative}.header-content{text-align:center;flex-direction:column;gap:1rem}.stats-section{justify-content:center}.detail-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.detail-actions{flex-direction:column}.detail-action-btn{max-width:none}}@media (max-width:480px){.moderation-header{padding:1rem}.page-title{font-size:1.8rem}.stats-section{flex-direction:column;gap:.75rem}.queue-header,.ad-card{padding:1rem}.ad-card-content{flex-direction:column}.ad-card-actions{justify-content:center}}@media (max-width:768px){.header-title{display:none}.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.filter-bar{flex-direction:column!important;gap:12px!important}.filter-row{flex-direction:column!important;gap:8px!important}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.ads-table{min-width:800px}.ads-table th,.ads-table td{padding:8px 6px!important;font-size:12px!important}.bulk-actions{flex-direction:column!important;gap:8px!important}.bulk-actions button{justify-content:center!important;width:100%!important}.ad-detail-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.ad-detail-tabs{flex-direction:column!important;gap:4px!important}.ad-detail-tabs button{text-align:center!important;width:100%!important}.info-cards-grid{grid-template-columns:1fr!important;gap:16px!important}.images-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.chat-input{flex-direction:column!important;gap:8px!important}.chat-input button{width:100%!important}}@media (max-width:480px){.stats-grid,.images-grid{grid-template-columns:1fr!important}.header h1{font-size:20px!important}.page-title{font-size:24px!important}.card-enhanced{border-radius:0;margin:0 -8px}}@media (hover:none) and (pointer:coarse){button,.clickable{min-width:44px;min-height:44px}.ads-table td{padding:12px 8px!important}.filter-input{padding:12px 16px!important}.tab-button{padding:16px 20px!important}}@media print{.sidebar,.header,.bulk-actions,.filter-bar,button:not(.print-visible){display:none!important}.content{grid-area:unset!important;padding:0!important}.dashboard-layout{display:block!important}.ads-table{border-collapse:collapse;width:100%}.ads-table th,.ads-table td{border:1px solid #000!important;padding:8px!important;font-size:12px!important}}@media (prefers-contrast:high){:root{--color-primary:#000;--color-secondary:#333;--color-gray:#666;--shadow-sm:0 2px 4px #000c;--shadow:0 4px 8px #000c;--shadow-lg:0 8px 16px #000c}.card-enhanced,button{border:2px solid #000!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fade-in,.animate-slide-in,.animate-pulse,.animate-bounce{animation:none!important}}.rules-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;padding:2rem;animation:.6s ease-out fadeIn}.success-message{color:#16a34a;border-radius:var(--border-radius);background:#22c55e33;border:1px solid #22c55e4d;padding:.75rem 1rem;font-weight:600;animation:.3s ease-out slideIn}.btn{border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:cairo;font-size:.9rem;font-weight:600;display:flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;margin:10px;padding:10px;font-family:cairo}.btn-primary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);font-family:cairo}.btn-secondary:hover{background:linear-gradient(135deg,#4b5563 0%,#374151 100%)}.btn-edit{color:#fff;background:linear-gradient(135deg,#4b5563 0%,#9ca3af 100%);font-family:cairo}.btn-edit:hover{background:linear-gradient(135deg,#9ca3af 0%,#4b5563 100%)}.rules-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.rule-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0cc;overflow:hidden}.rule-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-bottom:1px solid #e2e8f0cc;align-items:center;gap:1rem;padding:1.5rem;display:flex}.card-controls{background-color:#065f46;border-radius:12px;align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.card-icon{background:linear-gradient(135deg,var(--color-primary)0%,#a6a6a6 100%);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.75rem;font-size:2rem;display:flex}.card-title{color:var(--color-black);margin:0;font-size:1.25rem;font-weight:700}.card-description{color:var(--color-gray);margin:.25rem 0 0;font-size:.9rem}.card-content{padding:1.5rem}.pricing-group{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.pricing-item{flex-direction:column;gap:.5rem;display:flex}.pricing-label{color:var(--color-black);font-size:.85rem;font-weight:700}.pricing-stack{flex-direction:column;gap:1rem;display:flex}.pricing-bottom{border-top:1px solid #f1f5f9;gap:1rem;padding-top:1rem;display:flex}@media (max-width:768px){.pricing-group{grid-template-columns:1fr}}.input-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.input-group{flex-direction:column;gap:.75rem;display:flex}.input-label{color:var(--color-black);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.label-icon{font-size:1.1rem}.form-input{border-radius:var(--border-radius);transition:all var(--transition);background:#fff;border:2px solid #e2e8f0;flex:1;padding:.75rem 1rem;font-size:1rem}.form-input.editable{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input.editable:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #a855f733}.form-input.readonly{color:var(--color-gray);cursor:not-allowed;background:#f8fafc}.input-suffix{color:var(--color-gray);pointer-events:none;font-size:.9rem;font-weight:600}.input-hint{color:var(--color-gray);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.hint-icon{font-size:1rem}@media (max-width:768px){.rules-container{padding:1rem}.rules-grid{grid-template-columns:1fr}.input-row{grid-template-columns:1fr;gap:1rem}.action-buttons{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}}.page-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;padding:32px}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ads-header{background-color:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.stats-grid{gap:16px;display:flex}.stat-card{border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center;background:#fff;min-width:120px;padding:16px 24px}.stat-card .value-primary{color:var(--color-primary);font-size:24px;font-weight:700}.stat-card .value-secondary{color:var(--color-secondary);font-size:24px;font-weight:700}.stat-card .label{color:var(--color-gray);font-size:12px;font-weight:700}.filter-bar{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:24px;display:flex}.filter-item{min-width:200px;position:relative}.filter-label{color:var(--color-black);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-select,.form-input{border-radius:var(--border-radius-sm);width:100%;transition:var(--transition);background:#fff;border:2px solid #e2e8f0;outline:none;padding:12px 16px;font-size:14px}.form-select:focus,.form-input:focus{border-color:var(--color-primary)}.accent-primary{accent-color:var(--color-primary)}.bulk-actions{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #0ea5e9;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;animation:.3s ease-out slideIn;display:flex}.count-pill{background:var(--color-primary);color:#fff;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:600}.btn-approve{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;padding:10px 20px;font-size:14px;font-weight:600}.btn-reject{color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ef4444,#dc2626);border:none;margin-bottom:10px;padding:10px 20px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600}.btn-extend{background:linear-gradient(135deg,var(--color-secondary),#e55a1f);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;padding:10px 20px;font-size:14px;font-weight:600}.btn-pause{background:linear-gradient(135deg,var(--color-gray),#64748b);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;padding:10px 20px;font-size:14px;font-weight:600}.table-container{border-radius:var(--border-radius);box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f0;overflow:hidden}.ads-table{border-collapse:collapse;width:100%}.ads-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.ads-table th{text-align:right;color:var(--color-black);padding:8px;font-size:12px;font-weight:700}.ads-table td{padding:8px}.table-row{transition:var(--transition);cursor:pointer;border-bottom:1px solid #f1f5f9}.table-row:hover{background-color:#f8fafc;transform:scale(1.01)}.status-badge{color:#fff;box-shadow:var(--shadow-sm);background:#9ca3af;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-draft{background:#9ca3af}.status-pending{background:#ff5c23}.status-published{background:#1bb28f}.status-rejected{background:#ef4444}.status-expired{background:#6b7280}.owner-code-badge{color:var(--color-primary);background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.value-strong{color:var(--color-primary);font-size:14px;font-weight:700}.views-badge{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.views-high{color:#16a34a;background:#dcfce7}.views-low{color:#d97706;background:#fef3c7}.reports-text{border-radius:6px;padding:4px 8px;font-size:12px}.reports-has{color:#ef4444;background:#fef2f2;font-weight:700}.reports-none{color:var(--color-gray);font-weight:500}.btn-view{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;padding:8px 16px;font-family:cairo;font-size:12px;font-weight:600}.btn-view:hover{transform:translateY(-2px)}.ad-detail-header{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;align-items:center;gap:20px;margin-bottom:32px;padding:20px;display:flex}.back-button{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.back-button:hover{transform:translateY(-2px)}.details-title{margin:0;font-size:28px;font-weight:800}.details-subtitle{color:var(--color-gray);margin:4px 0 0;font-size:14px}.ad-detail-tabs{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;gap:4px;margin-bottom:24px;padding:8px;display:flex}.tab-button{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);color:var(--color-gray);background:0 0;border:none;flex:1;padding:16px 20px;font-size:14px;font-weight:600}.tab-button:hover{color:var(--color-black);background:#f8fafc}.tab-button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.chat-input{align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex}.chat-input .chat-input-field{transition:var(--transition);border:2px solid #e2e8f0;border-radius:20px;outline:none;flex:1;padding:12px 14px}.chat-input .chat-input-field:focus{border-color:var(--color-primary)}.send-btn{color:#fff;width:40px;height:40px;box-shadow:var(--shadow-md);background:#10b981;border:1px solid #10b981;border-radius:50%;justify-content:center;align-items:center;display:flex}.send-btn .send-icon{font-size:18px}.emoji-menu{z-index:3;box-shadow:var(--shadow-md);background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;gap:6px;max-width:420px;max-height:180px;padding:10px 12px;display:flex;position:absolute;bottom:70px;right:12px;overflow-y:auto}.emoji-chip{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:6px 8px}.attachments-popover{gap:8px;padding:8px 12px;display:inline-flex}.attachments-title{color:#64748b;font-size:12px;font-weight:800}.attachment-option{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px}.notifications-page{max-width:1200px;margin:0 auto;padding:16px}.notifications-header{background:linear-gradient(135deg,var(--color-primary)0%,#16a085 100%);color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.notifications-header:before{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"notifications-pattern\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23notifications-pattern)\"/></svg>");width:200%;height:200%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-50%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.notifications-header .header-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.notifications-header .page-title{text-shadow:0 2px 4px #0000001a;margin:0;font-size:1.8rem;font-weight:700}.notifications-header .page-description{opacity:.9;margin:4px 0 0;font-size:1rem}.notifications-unread-badge{color:#065f46;background:#ffffffe6;border-radius:9999px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #0000001f}.notifications-unread-badge.has-unread{color:#b91c1c}.notifications-toolbar{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.notifications-counter{align-items:center;gap:10px;display:flex}.notifications-counter-dot{background:#ef4444;border-radius:9999px;width:10px;height:10px;box-shadow:0 0 0 4px #ef444429}.notifications-counter-label{color:#0f172a;font-weight:800}.notifications-counter-value{color:#b91c1c;background:#fee2e2;border-radius:9999px;justify-content:center;align-items:center;min-width:34px;height:28px;padding:0 10px;font-weight:900;display:inline-flex}.notifications-pagination{align-items:center;gap:10px;display:flex}.notifications-page-btn{color:#111827;cursor:pointer;transition:var(--transition);background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;font-weight:800}.notifications-page-btn:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #1bb28f1f}.notifications-page-btn:disabled{opacity:.6;cursor:not-allowed}.notifications-page-info{color:#374151;font-weight:800}.notifications-list{flex-direction:column;gap:16px;display:flex}.notification-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;background:#fff;border:1px solid #e2e8f0;padding:16px 20px}.notification-card.notification-unread{border-color:#fed7aa;background:linear-gradient(#fff 0%,#fffbeb 100%);border-inline-start:6px solid #f97316}.notification-card.notification-read{border-color:#86efac;background:linear-gradient(#fff 0%,#ecfdf5 100%);border-inline-start:6px solid #22c55e}.notification-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.notification-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.notification-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.notification-mark-read-btn{color:#166534;cursor:pointer;transition:var(--transition);background:#22c55e1f;border:1px solid #22c55e59;border-radius:10px;padding:7px 10px;font-weight:900}.notification-mark-read-btn:hover{background:#22c55e2e}.notification-mark-read-btn:disabled{opacity:.65;cursor:not-allowed}.notification-type-badge{color:#374151;background:#f3f4f6;border-radius:9999px;padding:6px 10px;font-size:.75rem;font-weight:900}.notification-type-listing_pending{color:#92400e;background:#fef3c7}.notification-type-new_report{color:#b91c1c;background:#fee2e2}.notification-title{color:var(--color-black);margin:0;font-size:1.1rem;font-weight:700}.notification-meta{align-items:right;color:#6b7280;flex-direction:column;gap:12px;margin-bottom:8px;font-size:.9rem;display:flex}.meta-item{font-weight:600}.meta-sep{color:#9ca3af}.notification-description{color:#4b5563;margin:0 0 8px;font-size:.9rem;line-height:1.6}.notification-time{color:#9ca3af;font-size:.8rem}.status-badge.approved{color:#065f46;background:#d1fae5}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.rejected{color:#b91c1c;background:#fee2e2}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;width:100%;max-width:900px;max-height:calc(100vh - 40px);animation:.3s ease-out modalSlideIn;display:flex;position:relative;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h3{margin:0;font-size:1.3rem;font-weight:700}.modal-close{cursor:pointer;color:var(--color-gray);width:32px;height:32px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.modal-close:hover{color:#ef4444;background:#ef44441a}.campaign-form,.quick-reply-form{padding:24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--color-black);font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border-radius:var(--border-radius);transition:var(--transition);background:#fff;border:2px solid #e2e8f0;padding:12px 16px;font-family:inherit;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1bb28f1a}.form-group textarea{resize:vertical;min-height:100px}.audience-builder{border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;margin:20px 0;padding:20px}.audience-builder h4{color:var(--color-black);margin:0 0 16px;font-size:1.1rem;font-weight:700}.audience-filters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.audience-preview{border-radius:var(--border-radius);text-align:center;background:#fff;border:1px solid #e2e8f0;padding:12px 16px}.audience-count{color:var(--color-primary);font-size:.95rem;font-weight:600}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.btn-cancel{color:var(--color-gray);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:#f8fafc;border:2px solid #e2e8f0;padding:12px 24px;font-weight:600}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-submit{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:2px solid #16a085;padding:12px 24px;font-weight:600}.btn-submit:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.campaigns-section,.quick-replies-section{margin-top:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 0;display:flex}.section-header h3{color:var(--color-black);margin:0;font-size:1.3rem;font-weight:700}.quick-replies-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.quick-reply-card{border-radius:var(--border-radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;overflow:hidden}.quick-reply-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quick-reply-card .card-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.quick-reply-card .card-header h4{color:var(--color-black);margin:0;font-size:1rem;font-weight:600}.category-badge{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:16px;padding:4px 12px;font-size:.8rem;font-weight:600}.quick-reply-card .card-body{padding:16px 20px}.quick-reply-card .card-body p{color:var(--color-gray);margin:0;font-size:.9rem;line-height:1.5}.quick-reply-card .card-actions{background:#f8fafc;border-top:1px solid #e2e8f0;gap:8px;padding:12px 20px;display:flex}.action-buttons{gap:6px;display:flex}.btn-action{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #e2e8f0;padding:6px 10px;font-size:.8rem;font-weight:600}.btn-action.view{color:var(--color-primary);border-color:var(--color-primary)}.btn-action.view:hover{background:var(--color-primary);color:#fff}.btn-action.edit{color:#f59e0b;border-color:#f59e0b}.btn-action.edit:hover{color:#fff;background:#f59e0b}.btn-action.delete{color:#ef4444;border-color:#ef4444}.btn-action.delete:hover{color:#fff;background:#ef4444}.btn-action.copy{color:#6366f1;border-color:#6366f1}.btn-action.copy:hover{color:#fff;background:#6366f1}@media (max-width:968px){.notifications-page{padding:12px}.notifications-header .header-content{flex-direction:column;align-items:flex-start;gap:12px}.notifications-header .page-title{font-size:1.5rem}.modal-content{max-height:95vh;margin:0}.form-grid,.audience-filters,.quick-replies-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}@media (max-width:640px){.notifications-header{padding:16px}.notifications-header .page-title{font-size:1.3rem}.modal-header,.campaign-form,.quick-reply-form,.audience-builder{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.action-buttons{flex-wrap:wrap}}.tabs-navigation .tab-btn{position:relative;overflow:hidden}.tabs-navigation .tab-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tabs-navigation .tab-btn:hover:before{left:100%}.notifications-loading{color:var(--color-gray);justify-content:center;align-items:center;padding:40px;display:flex}.notifications-loading:before{content:"📡";margin-left:12px;font-size:2rem;animation:2s infinite pulse}.notification-message{border-radius:var(--border-radius);align-items:center;gap:8px;margin:16px 0;padding:12px 16px;font-weight:600;display:flex}.notification-message.success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.notification-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.notification-message.success:before{content:"✅"}.notification-message.error:before{content:"❌"}.settings-page{max-width:1200px;min-height:calc(100vh - var(--header-height));background:#f8fafc;margin:0 auto;padding:24px}.settings-header{background:linear-gradient(135deg,var(--color-primary)0%,#16a085 100%);color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:32px;padding:32px;position:relative;overflow:hidden}.settings-header:before{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"settings-grid\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><path d=\"M 20 0 L 0 0 0 20\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23settings-grid)\"/></svg>");position:absolute;inset:0}.settings-header .header-content{z-index:1;position:relative}.settings-header .page-title{align-items:center;gap:16px;margin:0;font-size:2rem;font-weight:800;display:flex}.settings-header .page-title:before{content:"⚙️";background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:12px;font-size:2.5rem;display:flex}.settings-header .page-description{opacity:.9;margin:12px 0 0;font-size:1.1rem;font-weight:400}.settings-container{grid-template-columns:280px 1fr;align-items:start;gap:32px;display:grid}.settings-tabs{border-radius:var(--border-radius-lg);box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f0;padding:24px;position:sticky;top:24px}.tab-button{width:100%;color:var(--color-black);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:12px;margin-bottom:8px;padding:16px 20px;font-size:1rem;font-weight:600;display:flex;position:relative}.tab-button:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translate(-4px)}.tab-button.active{background:linear-gradient(135deg,var(--color-primary)0%,#16a085 100%);color:#fff;box-shadow:var(--shadow)}.tab-button.active:after{content:"";border-right:12px solid var(--color-primary);border-top:12px solid #0000;border-bottom:12px solid #0000;width:0;height:0;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.tab-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;display:flex}.tab-label{text-align:right;flex:1}.settings-content{border-radius:var(--border-radius-lg);box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f0;min-height:600px;padding:32px}.settings-section{animation:.5s ease-out fadeIn}.section-title{color:var(--color-black);border-bottom:3px solid var(--color-primary);margin-bottom:32px;padding-bottom:16px;font-size:1.75rem;font-weight:700;position:relative}.section-title:after{content:"";background:var(--color-secondary);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-3px;right:0}.settings-group{border-radius:var(--border-radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;margin-bottom:40px;padding:24px}.group-title{color:var(--color-black);align-items:center;gap:12px;margin-bottom:20px;font-size:1.25rem;font-weight:700;display:flex}.group-title:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:2px;width:4px;height:24px}.form-group{margin-bottom:24px}.form-group label{color:var(--color-black);margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border-radius:var(--border-radius);width:100%;color:var(--color-black);transition:var(--transition);background:#fff;border:2px solid #e2e8f0;padding:12px 16px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:500}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #1bb28f1a}.form-textarea{resize:vertical;min-height:120px}.form-help{color:var(--color-gray);margin-top:6px;font-size:.85rem;font-style:italic}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.toggle-label{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;min-height:70px;margin-bottom:12px;padding:20px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000d}.toggle-label:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.toggle-input{display:none}.toggle-text{color:#374151;text-align:right;flex:1;font-size:16px;font-weight:500;line-height:1.6;transition:color .3s}.toggle-switch-container{flex-shrink:0;align-items:center;gap:16px;display:flex}.toggle-slider{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:2px solid #dc2626;border-radius:24px;flex-shrink:0;width:64px;height:36px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider:before{content:"";background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border-radius:50%;width:26px;height:26px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;right:3px;box-shadow:0 3px 8px #00000040}.toggle-status{color:#ef4444;text-align:center;min-width:80px;font-size:14px;font-weight:700;transition:color .3s}.toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669;box-shadow:inset 0 2px 4px #0000001a,0 0 0 4px #10b9811a}.toggle-input:checked+.toggle-slider:before{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);transform:translate(-28px);box-shadow:0 3px 12px #10b98166}.toggle-input:checked~.toggle-status{color:#10b981}.toggle-slider:hover{transform:scale(1.05);box-shadow:inset 0 2px 4px #0000001a,0 6px 16px #0003}.toggle-input:checked+.toggle-slider:hover{box-shadow:inset 0 2px 4px #0000001a,0 0 0 4px #10b98133,0 6px 16px #10b9814d}.toggle-input:checked~.toggle-text{color:#059669}.toggle-label:has(.toggle-input:checked){background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#10b981}.toggle-label:has(.toggle-input:checked):hover{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-color:#059669}.checkbox-group{flex-direction:column;gap:12px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:12px;padding:8px 0;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-text{color:var(--color-black)}.settings-actions{border-top:2px solid #f1f5f9;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:24px;display:flex}.btn-save,.btn-reset{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:14px 24px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;display:flex}.btn-save{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;box-shadow:var(--shadow)}.btn-save:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-reset{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#6b7280,#4b5563)}.btn-reset:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-icon{width:18px;height:18px}@media (max-width:1024px){.settings-container{grid-template-columns:1fr;gap:24px}.settings-tabs{gap:8px;padding:16px;display:flex;position:static;overflow-x:auto}.tab-button{flex-shrink:0;min-width:140px;margin-bottom:0}.tab-button.active:after{display:none}}@media (max-width:768px){.settings-page{padding:16px}.settings-header{text-align:center;padding:24px}.settings-header .page-title{flex-direction:column;gap:12px;font-size:1.5rem}.settings-header .page-title:before{width:50px;height:50px;font-size:2rem}.settings-content{padding:20px}.form-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.btn-save,.btn-reset{justify-content:center;width:100%}}@media (max-width:480px){.settings-tabs{flex-direction:column}.tab-button{min-width:unset;width:100%}.settings-group{padding:16px}.section-title{font-size:1.5rem}.group-title{font-size:1.1rem}}.reports-page{min-height:calc(100vh - var(--header-height));background:#f8fafc;padding:0}.reports-header{color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1bb28f 0%,#16a085 50%,#0d8471 100%);border-radius:20px;margin-bottom:0;padding:2rem;position:relative;overflow:hidden}.reports-header:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.reports-header .header-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}.reports-header .header-text h1{text-shadow:0 2px 4px #0000001a;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.reports-header .page-description{opacity:.9;margin:0;font-size:1.1rem;font-weight:400}.reports-header .header-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-export{color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:cairo;font-weight:600;display:flex}.btn-export:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-export.excel{background:#10452351;border-color:#22c55e4d}.btn-export.excel:hover{background:#22c55e4d;border-color:#22c55e80}.filters-section{box-shadow:var(--shadow-sm);background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.filters-container{flex-wrap:wrap;align-items:end;gap:1.5rem;max-width:1400px;margin:0 auto;display:flex}.filter-group{flex-direction:column;gap:.5rem;min-width:150px;display:flex}.filter-group label{color:var(--color-black);font-size:.9rem;font-weight:600}.filter-input,.filter-select{border-radius:var(--border-radius);transition:all var(--transition);background:#fff;border:2px solid #e5e7eb;padding:.75rem;font-family:cairo;font-size:.9rem}.filter-input:focus,.filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1bb28f1a}.btn-filter{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:.5rem;height:fit-content;padding:.75rem 1.5rem;font-family:cairo;font-weight:600;display:flex}.btn-filter:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tabs-navigation{background:#fff;border-bottom:1px solid #e5e7eb;gap:0;padding:0 2rem;display:flex;overflow-x:auto}.tab-btn{cursor:pointer;transition:all var(--transition);color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-family:cairo;font-weight:600;display:flex}.tab-btn:hover{color:var(--color-primary);background:#1bb28f0d}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#1bb28f0d}.tab-content{max-width:1400px;margin:0 auto;padding:2rem}.stat-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);background:#fff;border:1px solid #e5e7eb;padding:1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(135deg,var(--color-primary),#16a085);height:4px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card .stat-icon{opacity:.8;margin-bottom:1rem;font-size:2.5rem}.stat-card h3{color:#6b7280;margin:0 0 .5rem;font-size:1rem;font-weight:600}.stat-card .stat-number{color:var(--color-black);margin:0 0 .5rem;font-size:2.2rem;font-weight:800}.stat-change{border-radius:20px;padding:.25rem .5rem;font-size:.85rem;font-weight:600;display:inline-block}.stat-change.positive{color:#16a34a;background:#22c55e1a}.stat-change.negative{color:#dc2626;background:#ef44441a}.stat-change.neutral{color:#6b7280;background:#6b72801a}.stat-card.registrations:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.activity:before{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.blocked:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.traffic:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.total-ads:before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card.active-ads:before{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.pending-ads:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.rejected-ads:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.spending:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.advertiser-ads:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.discounts:before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.chart-section{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.chart-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;padding:1.5rem}.chart-container.full-width{grid-column:1/-1}.chart-container h3{color:var(--color-black);border-bottom:2px solid #f1f5f9;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.2rem;font-weight:700}.chart-placeholder{border-radius:var(--border-radius);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px dashed #e5e7eb;justify-content:center;align-items:end;height:300px;padding:1rem;display:flex}.chart-bars{align-items:end;gap:1rem;height:100%;display:flex}.bar{background:linear-gradient(135deg,var(--color-primary),#16a085);width:40px;transition:all var(--transition);cursor:pointer;border-radius:4px 4px 0 0;position:relative}.bar:hover{box-shadow:var(--shadow);transform:scale(1.05)}.bar span{color:#6b7280;white-space:nowrap;font-size:.8rem;font-weight:600;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.pie-chart-placeholder{justify-content:center;align-items:center;height:250px;display:flex;position:relative}.pie-segment{border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.pie-label{border-radius:var(--border-radius);color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff;padding:.5rem 1rem;font-weight:600}.chart-placeholder.horizontal{align-items:center;height:250px}.horizontal-bars{flex-direction:column;gap:1rem;width:100%;display:flex}.h-bar{align-items:center;gap:1rem;display:flex}.bar-label{min-width:100px;color:var(--color-black);text-align:right;font-weight:600}.bar-fill{background:linear-gradient(135deg,var(--color-primary),#16a085);border-radius:var(--border-radius);height:30px;transition:all var(--transition);position:relative}.bar-fill:hover{box-shadow:var(--shadow);transform:scaleY(1.1)}.bar-value{color:var(--color-black);min-width:60px;font-weight:700}.data-table-section{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;overflow:hidden}.table-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.table-header h3{color:var(--color-black);margin:0;font-size:1.2rem;font-weight:700}.table-actions{gap:.75rem;display:flex}.mobile-actions{display:none}@media (max-width:768px){.mobile-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}}.btn-export-table{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);border:none;padding:.5rem 1rem;font-family:cairo;font-size:.85rem;font-weight:600}.btn-export-table:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-export-table.excel{background:linear-gradient(135deg,#22c55e,#16a34a);margin:10px}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:center;color:var(--color-black);white-space:nowrap;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e5e7eb;padding:1rem;font-size:.9rem;font-weight:700}.data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.9rem}.data-table tbody tr{transition:all var(--transition)}.data-table tbody tr:hover{background:linear-gradient(135deg,#1bb28f05 0%,#1bb28f0d 100%);transform:translateY(-1px);box-shadow:0 2px 8px #1bb28f1a}.data-table tbody tr:last-child td{border-bottom:none}.category-rules-table th:first-child{width:28%}.category-rules-table th:nth-child(2),.category-rules-table th:nth-child(3),.category-rules-table th:nth-child(4){width:24%}.category-rules-table .form-input{text-align:right;padding:10px 12px;font-size:.95rem}.category-rules-table .form-input.readonly{background:#f8fafc}.activity-badge,.status-badge{border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.activity-badge.high{color:#16a34a;background:#22c55e1a}.activity-badge.medium{color:#d97706;background:#f59e0b1a}.activity-badge.low{color:#6b7280;background:#6b72801a}.status-badge.active{color:#16a34a;background:#22c55e1a}.status-badge.blocked{color:#dc2626;background:#ef44441a}@media (max-width:1200px){.reports-header .header-content{text-align:center;flex-direction:column}.chart-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:968px){.reports-header{padding:1.5rem}.reports-header .header-text h1{font-size:2rem}.tab-content{padding:1rem}.filters-container{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.tabs-navigation{padding:0 1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.chart-section{gap:1rem}.chart-bars{width:100%}.chart-container{width:90%;padding:1rem}.table-header{flex-direction:column;align-items:stretch;gap:1rem}.table-actions{justify-content:center}}@media (max-width:640px){.reports-header{padding:1rem}.reports-header .header-text h1{font-size:1.5rem}.filters-section{padding:1rem}.tab-content{padding:.5rem}.chart-placeholder{height:200px}.data-table th,.data-table td{text-align:right;width:100px;padding:.5rem;font-size:.8rem}.category-rules-table th,.category-rules-table td{width:auto}.category-rules-table th{white-space:normal;line-height:1.3}.btn-export,.btn-filter,.btn-export-table{padding:.5rem 1rem;font-size:.8rem}}.mobile-modal .modal-header{z-index:1002;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.mobile-modal .modal-header h3{margin:0;font-size:1.2rem;font-weight:700}.mobile-modal .modal-close{cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.mobile-modal .modal-content{padding:1rem 1rem 2rem}.mobile-ad-status{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.mobile-detail-section{border-radius:var(--border-radius);background:#f8fafc;border:1px solid #e5e7eb;margin-bottom:2rem;padding:1rem}.mobile-detail-section h4{color:var(--color-black);border-bottom:2px solid var(--color-primary);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.mobile-detail-grid{flex-direction:column;gap:.75rem;display:flex}.mobile-detail-item{flex-direction:column;gap:.25rem;display:flex}.mobile-detail-item.full-width{grid-column:1/-1}.mobile-detail-item label{color:#374151;font-size:.9rem;font-weight:600}.mobile-detail-item span{color:var(--color-black);word-wrap:break-word;font-size:.95rem;line-height:1.4}.mobile-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.mobile-image-container{border-radius:var(--border-radius);transition:var(--transition);border:2px solid #e5e7eb;position:relative;overflow:hidden}.mobile-image-container:hover{border-color:var(--color-primary);transform:scale(1.02)}.mobile-detail-image:hover{opacity:.8}.mobile-detail-actions{border-top:2px solid #e5e7eb;flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.mobile-action-btn{border-radius:var(--border-radius);cursor:pointer;width:100%;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.mobile-action-btn.approve-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.mobile-action-btn.approve-btn:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.mobile-action-btn.reject-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.mobile-action-btn.reject-btn:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.mobile-action-btn.modify-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.mobile-action-btn.modify-btn:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.mobile-action-btn.package-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.mobile-action-btn.package-btn:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-2px)}.mobile-action-btn.contact-btn{color:#fff;background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.mobile-action-btn.contact-btn:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#0891b2,#0284c7);transform:translateY(-2px)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-modal{z-index:1001;-webkit-overflow-scrolling:touch;background:#fff;animation:.4s cubic-bezier(.25,.46,.45,.94) slideInFromBottom;position:fixed;inset:0;overflow-y:auto}.mobile-modal .modal-header{z-index:1002;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem;animation:.5s ease-out .2s both fadeIn;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.mobile-modal .modal-close{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex}.mobile-modal .modal-close:hover{background:#e5e7eb;transform:scale(1.1)rotate(90deg)}.mobile-modal .modal-close:active{transform:scale(.95)rotate(90deg)}.mobile-ad-status{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;animation:.6s ease-out .3s both bounceIn;display:inline-block}.mobile-detail-section{border-radius:var(--border-radius);animation:.5s ease-out both slideInFromRight;animation-delay:calc(var(--section-index,0)*.1s + .4s);background:#f8fafc;border:1px solid #e5e7eb;margin-bottom:2rem;padding:1rem}.mobile-detail-section:first-child{--section-index:0}.mobile-detail-section:nth-child(2){--section-index:1}.mobile-detail-section:nth-child(3){--section-index:2}.mobile-detail-section:nth-child(4){--section-index:3}.mobile-detail-section:nth-child(5){--section-index:4}.mobile-image-container{border-radius:var(--border-radius);animation:.4s ease-out both fadeIn;animation-delay:calc(var(--image-index,0)*50ms + .6s);border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.mobile-image-container:hover{border-color:var(--color-primary);transform:scale(1.05)translateY(-2px);box-shadow:0 8px 25px #00000026}.mobile-detail-image{object-fit:cover;cursor:pointer;width:100%;height:75px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-detail-image:hover{opacity:.9;transform:scale(1.1)}.mobile-action-btn{border-radius:var(--border-radius);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);animation:.5s ease-out both slideInFromRight;animation-delay:calc(var(--btn-index,0)*.1s + .8s);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.mobile-action-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.mobile-action-btn:hover:before{left:100%}.mobile-action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.mobile-action-btn:active{animation:.3s ease-out pulse;transform:translateY(-1px)}.mobile-action-btn.approve-btn:first-child{--btn-index:0}.mobile-action-btn.reject-btn:nth-child(2){--btn-index:1}.mobile-action-btn.modify-btn:nth-child(3){--btn-index:2}@media (max-width:968px){.moderation-container{overflow-x:hidden;display:block!important}.queue-section{width:100%!important;max-width:100%!important}.queue-filters,.filter-select{width:60%}.details-pane{display:none!important}.ads-queue{overflow-x:hidden}.ad-card{box-sizing:border-box;min-width:unset!important;width:100%!important}.ad-card-content{flex-wrap:wrap;overflow:hidden}.ad-info{word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0}.ad-title{word-wrap:break-word;overflow-wrap:break-word;font-size:.9rem;line-height:1.3}.ad-card-actions{flex-wrap:wrap;gap:.5rem}.action-btn{flex:1;min-width:calc(50% - .25rem);padding:.5rem;font-size:.8rem}}@media (max-width:480px){.mobile-modal .modal-content{padding:.75rem}.mobile-detail-section{margin-bottom:1.5rem;padding:.75rem}.mobile-images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.mobile-detail-image{height:60px}.mobile-action-btn{padding:.875rem;font-size:.95rem}.ad-card{margin-bottom:.75rem}.ad-card-content{padding:.75rem}.ad-image-preview{width:60px;height:45px}.preview-image{width:60px!important;height:45px!important}}.modern-login-container{justify-content:center;align-items:center;width:1200px;min-height:100vh;font-family:Cairo,sans-serif;display:flex;position:relative;overflow:hidden}.background-wrapper{z-index:1;position:absolute;inset:0}.gradient-orb{filter:blur(40px);opacity:.7;border-radius:50%;animation:8s ease-in-out infinite float-orb;position:absolute}.orb-1{background:radial-gradient(circle,#667eea66 0%,#0000 70%);width:300px;height:300px;animation-delay:0s;top:-150px;right:-150px}.orb-2{background:radial-gradient(circle,#f093fb4d 0%,#0000 70%);width:400px;height:400px;animation-delay:4s;bottom:-200px;left:-200px}.orb-3{background:radial-gradient(circle,#764ba266 0%,#0000 70%);width:250px;height:250px;animation-delay:2s;top:50%;left:50%;transform:translate(-50%,-50%)}.mesh-gradient{animation:10s ease-in-out infinite mesh-move;position:absolute;inset:0}@keyframes float-orb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.1)}}@keyframes mesh-move{0%,to{opacity:.3}50%{opacity:.6}}.login-wrapper{z-index:2;width:100%;max-width:480px;padding:20px;position:relative}.login-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:32px;padding:48px 40px;animation:.8s ease-out card-entrance;position:relative;overflow:hidden;box-shadow:0 32px 64px #0000001f,0 0 0 1px #fff3,inset 0 1px #ffffff4d}.login-card-modern:before{content:"";border-radius:32px 32px 0 0;height:2px;position:absolute;top:0;left:0;right:0}@keyframes card-entrance{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-header-modern{text-align:center}.logo-glow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f9fbfa,#f9fbfa);border:1px solid #fff3;border-radius:24px;padding:16px;transition:all .3s;display:inline-block;position:relative}.logo-glow:hover{transform:translateY(-2px);box-shadow:0 16px 32px #667eea33}.logo-modern{border-radius:16px;width:135px;height:85px;transition:all .3s}.logo-glow:hover .logo-modern{transform:scale(1.05)}.modern-form{flex-direction:column;gap:28px;display:flex}.error-alert{color:#dc2626;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;font-weight:500;animation:.5s ease-in-out error-shake;display:flex}.error-icon-wrapper{background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.error-icon{stroke:currentColor;width:16px;height:16px}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.input-group{position:relative}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;z-index:2;width:20px;height:20px;transition:all .3s;position:absolute;right:20px}.modern-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1e293b;background:#fffc;border:2px solid #94a3b833;border-radius:16px;width:100%;padding:20px 56px 20px 20px;font-size:16px;font-weight:500;transition:all .3s}.modern-input:focus{background:#fffffff2;border-color:#059669;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #667eea1a}.modern-input:focus+.floating-label,.modern-input:not(:placeholder-shown)+.floating-label{color:#059669;font-weight:600;transform:translateY(-32px)scale(.85)}.modern-input:focus~.input-icon{color:#667eea;transform:scale(1.1)}.floating-label{color:#94a3b8;pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#ffffffe6 20% 80%,#0000 100%);padding:0 8px;font-size:16px;font-weight:500;transition:all .3s;position:absolute;top:50%;right:56px;transform:translateY(-50%)}.password-toggle-modern{cursor:pointer;color:#94a3b8;z-index:2;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .3s;position:absolute;left:16px}.password-toggle-modern:hover{color:#667eea;background:#667eea1a;transform:scale(1.1)}.password-toggle-modern svg{width:20px;height:20px}.form-options-modern{justify-content:space-between;align-items:center;margin-top:-8px;display:flex}.modern-checkbox{cursor:pointer;color:#334155;align-items:center;gap:12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.modern-checkbox:hover{color:#334155}.modern-checkbox input[type=checkbox]{display:none}.checkmark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #94a3b84d;border-radius:6px;width:20px;height:20px;transition:all .3s;position:relative}.modern-checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#047857,#059669);border-color:#047857;transform:scale(1.1)}.modern-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-text{-webkit-user-select:none;user-select:none}.modern-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#047857 0%,#059669 50%,#666 100%);border:none;border-radius:16px;width:100%;padding:18px 24px;font-size:16px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea4d}.modern-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 48px #667eea66}.modern-submit-btn:active:not(:disabled){transform:translateY(0)}.modern-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-content{z-index:2;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.btn-icon{stroke:currentColor;width:20px;height:20px;transition:transform .3s}.modern-submit-btn:hover:not(:disabled) .btn-icon{transform:translate(-2px)}.btn-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.modern-submit-btn:hover:not(:disabled) .btn-shine{left:100%}.loading-dots{gap:4px;display:flex}.loading-dots div{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both loading-bounce}.loading-dots div:first-child{animation-delay:-.32s}.loading-dots div:nth-child(2){animation-delay:-.16s}.loading-dots div:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.demo-info-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea0d,#f093fb0d);border:1px solid #667eea1a;border-radius:20px;margin-top:32px;padding:24px}.demo-header{color:#667eea;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.info-icon{stroke:currentColor;width:18px;height:18px}.demo-credentials{flex-direction:column;gap:12px;display:flex}.credential-item{align-items:center;gap:12px;font-size:14px;display:flex}.credential-label{color:#64748b;min-width:80px;font-weight:500}.credential-item code{color:#667eea;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;padding:6px 12px;font-family:Courier New,monospace;font-size:13px;font-weight:600}@media (max-width:768px){.login-wrapper{max-width:400px;padding:16px}.login-card-modern{border-radius:24px;padding:32px 24px}.welcome-title{font-size:28px}.modern-input{padding:18px 52px 18px 18px;font-size:16px}.floating-label{font-size:15px;right:52px}.modern-submit-btn{padding:16px 20px;font-size:15px}.demo-info-modern{padding:20px}}@media (max-width:480px){.login-wrapper{max-width:100%;padding:12px}.login-card-modern{border-radius:20px;padding:24px 20px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:14px}.modern-input{padding:16px 48px 16px 16px;font-size:15px}.floating-label{font-size:14px;right:48px}.form-options-modern{flex-direction:column;align-items:flex-start;gap:16px}.modern-submit-btn{padding:14px 18px;font-size:14px}.demo-info-modern{padding:16px}.credential-item{flex-direction:column;align-items:flex-start;gap:8px}.credential-label{min-width:auto}}.sidebar-footer{border-top:1px solid #e5e7eb;width:100%;margin-top:auto;padding-top:20px}.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s ease-in-out;display:flex;box-shadow:0 2px 4px #ef444433}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.logout-btn:active{transform:translateY(0)}.logout-icon{flex-shrink:0;width:18px;height:18px}.logout-text{text-align:right;flex:1}.sidebar{color:var(--color-black);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e5e7eb;flex-direction:column;grid-area:sidebar;align-items:center;min-height:100vh;padding:16px 12px;display:flex}@media (max-width:968px){.sidebar-footer{padding-top:16px}.logout-btn{padding:14px 16px;font-size:16px}.logout-icon{width:20px;height:20px}}.auth-layout{background:linear-gradient(135deg,#5dbba7 0%,#a1a1a1 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}:is(body:has(.auth-layout) .dashboard-layout .sidebar,body:has(.auth-layout) .dashboard-layout .header){display:none!important}body:has(.auth-layout) .dashboard-layout .content{grid-area:1/1/-1/-1;margin:0;padding:0}body:has(.auth-layout) .dashboard-layout{grid-template:none!important;display:block!important}.pending-counter{justify-content:center;align-items:center;display:flex}.counter-badge{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:25px;flex-direction:column;align-items:center;min-width:120px;padding:12px 20px;transition:all .3s;display:flex;box-shadow:0 4px 15px #ff6b6b4d}.counter-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.counter-number{margin-bottom:2px;font-size:24px;font-weight:700;line-height:1}.counter-label{opacity:.9;text-align:center;font-size:12px;line-height:1.2}@media (max-width:768px){.counter-badge{min-width:100px;padding:8px 16px}.counter-number{font-size:20px}.counter-label{font-size:11px}}.gallery-modal{border-radius:var(--border-radius-lg);width:96%;max-width:960px;max-height:90vh;box-shadow:var(--shadow-lg);background:#0b0f14;flex-direction:column;gap:12px;padding:16px;display:flex;overflow:hidden}.gallery-main{border-radius:var(--border-radius);background:#0e141b;flex-shrink:0;justify-content:center;align-items:center;max-height:60vh;padding:8px;display:flex;position:relative;overflow:hidden}.gallery-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:#fff3}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:25vh;margin-top:8px;padding:4px;display:grid;overflow-y:auto}.thumb{border-radius:var(--border-radius-sm);cursor:pointer;background:#0e141b;border:2px solid #0000;overflow:hidden}.thumb.active{border-color:var(--color-primary)}.edit-modal{border-radius:var(--border-radius-lg);width:96%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);background:#0b0f14;flex-direction:column;display:flex;overflow:hidden}.edit-modal .modal-header{background:#0e141b;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.edit-modal h3{color:#fff;font-size:20px;font-weight:600}.edit-modal .modal-content{flex:1;max-height:calc(90vh - 120px);padding:16px 20px;overflow-y:auto}.edit-form .form-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.edit-form .form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edit-form input,.edit-form textarea{color:#fff;background:#9ca3af;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:10px 12px}.edit-form input:focus,.edit-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1bb28f26}.edit-images{flex-wrap:wrap;gap:10px;display:flex}.edit-image-item{background:#0e141b;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.add-image-row{gap:8px;display:flex}.attributes-editor{background:#0e141b;border:1px solid #ffffff14;border-radius:10px;gap:10px;padding:12px;display:grid}.attribute-row{grid-template-columns:180px 1fr auto;align-items:center;gap:10px;display:grid}.attr-key{color:#cbd5e1;white-space:nowrap;background:#1a2530;border-radius:10px;padding:8px 10px;font-size:.85rem}.attribute-row input{color:#fff;background:#9ca3af;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:8px 10px}.attribute-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1bb28f26}.attribute-add-row{grid-template-columns:180px 1fr auto;align-items:center;gap:10px;display:grid}.attribute-row:hover .attr-key{background:#0f1722}@media (max-width:768px){.attributes-editor{max-height:50vh}.attribute-row,.attribute-add-row{grid-template-columns:1fr}.attr-key{width:100%}}.edit-modal .modal-actions{background:#0e141b;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.edit-modal .confirm-btn{background:var(--color-primary);color:#081117}.edit-modal .confirm-btn:hover{filter:brightness(1.05)}.edit-modal .cancel-btn{color:#cbd5e1;background:#1a2530;border:1px solid #ffffff14}.image-action-btn.zoom-btn{background:#1bb28fd9}.image-action-btn.delete-btn{background:#ef4444d9}@media (max-width:768px){.edit-modal{width:95%;max-width:95%;max-height:95vh;margin:10px}.edit-modal .modal-content{max-height:calc(95vh - 140px);padding:12px 16px}.edit-form .form-grid{grid-template-columns:1fr;gap:8px}.gallery-modal{width:95%;max-width:95%;max-height:95vh;padding:12px}.gallery-main{max-height:50vh}.gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));max-height:20vh}}@media (max-width:480px){.edit-modal,.gallery-modal{width:98%;max-width:98%;max-height:98vh;margin:5px}.edit-modal .modal-header,.edit-modal .modal-actions{padding:10px 12px}.gallery-main{max-height:45vh}.gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:15vh}}@media (max-width:1024px){.page-container{padding:20px 16px}.ads-header{flex-direction:column;align-items:flex-start;gap:20px}.stats-grid{justify-content:flex-start;width:100%}.filter-bar{gap:12px;padding:20px}.filter-item{flex:1;min-width:180px}}@media (max-width:768px){.page-container{padding:16px 12px}.ads-header{margin-bottom:20px}.page-title{font-size:24px!important}.details-subtitle{font-size:14px}.stats-grid{flex-direction:column;gap:12px;width:100%}.stat-card{min-width:unset;padding:12px 16px}.stat-card .value-primary,.stat-card .value-secondary{font-size:20px}.filter-bar{flex-direction:column;gap:16px;padding:16px}.filter-item{min-width:unset;width:100%}.filter-label{font-size:13px}.form-select,.form-input{padding:10px 12px;font-size:14px}.bulk-actions{flex-direction:column;gap:8px;padding:12px 16px}.bulk-actions button{width:100%;padding:12px;font-size:14px}.count-pill{align-self:flex-start;margin-bottom:8px}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-sm);overflow-x:auto}.ads-table{min-width:900px;font-size:13px}.ads-table th,.ads-table td{white-space:nowrap;padding:10px 8px}.ads-table th{z-index:10;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);font-size:12px;position:sticky;top:0}.status-badge{padding:4px 8px;font-size:11px}.owner-code-badge,.views-badge{padding:3px 6px;font-size:11px}.btn-view{padding:6px 12px;font-size:11px}.value-strong{font-size:12px}}@media (max-width:480px){.page-container{padding:12px 8px}.page-title{font-size:20px!important}.details-subtitle{font-size:13px}.filter-bar{margin-bottom:16px;padding:12px}.bulk-actions{padding:10px 12px}.ads-table{min-width:800px;font-size:12px}.ads-table th,.ads-table td{padding:8px 6px}.ads-table th{font-size:11px}.status-badge{padding:3px 6px;font-size:10px}.btn-view{padding:5px 10px;font-size:10px}}@media (max-width:768px) and (orientation:landscape){.ads-header{flex-direction:row;align-items:center}.stats-grid{flex-direction:row;gap:12px}.filter-bar{flex-flow:wrap;gap:12px}.filter-item{flex:1;min-width:150px}}@media (hover:none) and (pointer:coarse){.ads-table td{padding:14px 10px}.btn-view{min-width:44px;min-height:44px;padding:8px 16px}.form-select,.form-input{min-height:44px;padding:12px 16px}.bulk-actions button{min-height:44px;padding:12px 20px}input[type=checkbox]{width:20px;height:20px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ads-table{border-collapse:separate;border-spacing:0}.ads-table th,.ads-table td{border-bottom:.5px solid #e2e8f0}}@media (max-width:640px){.table-container.card-view{box-shadow:none;background:0 0;border:none}.ads-table.card-layout{display:none}.ads-cards{flex-direction:column;gap:12px;display:flex}.ad-card{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border:1px solid #e2e8f0;padding:16px}.ad-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.ad-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.ad-card-status{align-items:center;gap:8px;display:flex}.ad-card-checkbox{margin-right:8px}.ad-card-body{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;font-size:13px;display:grid}.ad-card-field{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.ad-card-label{color:var(--color-gray);text-transform:none;letter-spacing:.2px;font-size:12px;font-weight:600}.ad-card-value{color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ad-card-actions{border-top:1px solid #f1f5f9;justify-content:space-between;gap:8px;padding-top:8px;display:flex}.mobile-view .ad-card-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mobile-view .ad-card-actions button{border-radius:10px;width:100%;height:38px;font-size:13px}.ad-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:480px){.ad-card-body{grid-template-columns:1fr;gap:8px}.ad-card-label{font-size:11px}.ad-card-value{font-size:12px}.ad-card{padding:12px}.ad-card-header{flex-direction:column;align-items:flex-start;gap:8px}.ad-card-status{justify-content:space-between;width:100%}}}.homepage-container{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;animation:.8s ease-out fadeIn}.homepage-header{color:#fff;background:linear-gradient(135deg,#0f9c85 0%,#6b7280 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f9c854d}.homepage-header:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"rgba(255,255,255,0.05)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;inset:0}.welcome-section{z-index:1;position:relative}.welcome-title{text-shadow:2px 2px 4px #0000004d;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;animation:1s ease-out slideInRight}.welcome-subtitle{opacity:.9;font-size:1.2rem;animation:1s ease-out .2s both slideInRight}.time-section{text-align:center;z-index:1;position:relative}.current-time{margin-bottom:.5rem;font-size:2rem;font-weight:600;animation:1s ease-out slideInLeft}.current-date{opacity:.8;font-size:1rem;animation:1s ease-out .2s both slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:1rem;min-height:100px;padding:1.25rem;transition:all .3s;animation:.6s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014}.stat-card:before{content:"";background:linear-gradient(90deg,var(--stat-color),var(--stat-color-light));height:4px;transition:height .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.stat-card:hover:before{height:8px}.stat-card.stat-blue{--stat-color:#3b82f6;--stat-color-light:#60a5fa;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.stat-card.stat-green{--stat-color:#10b981;--stat-color-light:#34d399;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.stat-card.stat-orange{--stat-color:#f59e0b;--stat-color-light:#fbbf24;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.stat-card.stat-red{--stat-color:#ef4444;--stat-color-light:#f87171;cursor:pointer;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.stat-card.stat-red:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #ef444433}.stat-icon{background:linear-gradient(135deg,var(--stat-color),var(--stat-color-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;animation:2s infinite pulse}.stat-content{flex:1}.stat-value{color:var(--stat-color);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.stat-title{color:#64748b;margin-bottom:.25rem;font-size:.875rem}.stat-trend{border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.stat-trend.positive{color:#0f9c85;background:#0f9c851a}.stat-trend.negative{color:#6b7280;background:#6b72801a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-title{color:#1e293b;margin-bottom:2rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#0f9c85,#6b7280);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.quick-actions-section{margin-bottom:3rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.quick-action-card{text-align:center;cursor:pointer;background:#fff;border-radius:16px;padding:2rem;transition:all .3s;animation:.6s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.quick-action-card:before{content:"";background:linear-gradient(135deg,var(--action-color),var(--action-color-light));opacity:0;transition:opacity .3s;position:absolute;inset:0}.quick-action-card:hover:before{opacity:.05}.quick-action-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.quick-action-card.action-blue,.quick-action-card.action-green{--action-color:#0f9c85;--action-color-light:#0f9c85}.quick-action-card.action-purple,.quick-action-card.action-gray{--action-color:#6b7280;--action-color-light:#6b7280}.quick-action-card.action-teal,.quick-action-card.action-violet,.quick-action-card.action-indigo,.quick-action-card.action-pink{--action-color:#0f9c85;--action-color-light:#0f9c85}.action-icon{z-index:1;margin-bottom:1rem;font-size:3rem;position:relative}.action-title{color:#1e293b;z-index:1;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;position:relative}.action-button{background:linear-gradient(135deg,var(--action-color),var(--action-color-light));color:#fff;cursor:pointer;z-index:1;border:none;border-radius:25px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative}.action-button:hover{transform:scale(1.05);box-shadow:0 10px 20px #0003}.arrow{transition:transform .3s}.action-button:hover .arrow{transform:translate(-3px)}.recent-activities-section{margin-bottom:3rem}.activities-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.activity-item{border-bottom:1px solid #f1f5f9;align-items:center;padding:1.5rem 2rem;transition:all .3s;display:flex;position:relative}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f8fafc;transform:translate(5px)}.activity-indicator{border-radius:50%;width:12px;height:12px;margin-left:1rem;position:relative}.activity-indicator:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.activity-success .activity-indicator{background:#0f9c85;box-shadow:0 0 0 4px #0f9c8533}.activity-error .activity-indicator{background:#6b7280;box-shadow:0 0 0 4px #6b728033}.activity-info .activity-indicator{background:#0f9c85;box-shadow:0 0 0 4px #0f9c8533}.activity-content{flex:1}.activity-action{color:#1e293b;margin-bottom:.25rem;font-weight:600}.activity-time{color:#64748b;font-size:.875rem}.system-status-section{margin-bottom:2rem}.status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.status-item{background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 5px 15px #00000014}.status-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001f}.status-indicator{border-radius:50%;width:12px;height:12px;position:relative}.status-online .status-indicator{background:#0f9c85;animation:2s infinite statusPulse;box-shadow:0 0 0 4px #0f9c8533}@keyframes statusPulse{0%,to{box-shadow:0 0 0 4px #0f9c8533}50%{box-shadow:0 0 0 8px #0f9c851a}}.status-item span{color:#1e293b;font-weight:600}@media (max-width:768px){.homepage-container{padding:1rem}.homepage-header{text-align:center;flex-direction:column;gap:2rem}.welcome-title{font-size:2rem}.current-time{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem}.quick-actions-grid,.status-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.homepage-container{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}.stat-card,.quick-action-card,.activities-list,.status-item{color:#fff;background:#334155}.section-title{color:#fff}.stat-title,.activity-time{color:#94a3b8}.activity-action{color:#fff}.activity-item:hover{background:#475569}}.hamburger-btn{cursor:pointer;border-radius:var(--border-radius-sm);width:40px;height:40px;transition:var(--transition);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:none}.hamburger-btn:hover{background:#f3f4f6}.hamburger-line{background:var(--color-black);width:24px;height:2px;transition:var(--transition);border-radius:2px;margin:2px 0}.header-content{flex:1;justify-content:center;align-items:center;display:flex}.header-title{color:var(--color-primary);margin:0;font-size:20px;font-weight:800}.sidebar-overlay{z-index:998;opacity:0;visibility:hidden;transition:var(--transition);background:#00000080;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}.nav-sub-list{opacity:0;flex-direction:column;gap:4px;max-height:0;margin:8px 0 0;padding:0 20px 0 0;list-style:none;transition:all .3s ease-in-out;display:flex;overflow:hidden}.nav-sub-list.open{opacity:1;max-height:200px}.dropdown-toggle{text-align:right;cursor:pointer;background:0 0;border:none;width:100%;position:relative}.dropdown-arrow{color:var(--color-gray);font-size:12px;transition:transform .3s ease-in-out;position:absolute;top:50%;left:12px;transform:translateY(-50%)rotate(0)}.dropdown-arrow.open{transform:translateY(-50%)rotate(180deg)}.nav-sub-item{color:var(--color-gray);transition:var(--transition);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-sub-item:hover{color:var(--color-black);background:#f1f5f9}.nav-sub-item.active{color:var(--color-primary);background:linear-gradient(135deg,#1bb28f26 0%,#1bb28f1a 100%)}.nav-sub-icon{opacity:.7;width:16px;height:16px}.nav-sub-text{flex:1}.nav-sub-indicator{background:var(--color-primary);opacity:0;width:3px;height:50%;transition:var(--transition);border-radius:3px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.nav-sub-item.active .nav-sub-indicator,.nav-sub-item:hover .nav-sub-indicator{opacity:1}.ad-detail-content{border-radius:var(--border-radius);box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f0;min-height:500px;padding:32px}.section-title{color:var(--color-black);align-items:center;gap:12px;margin-bottom:24px;font-size:24px;font-weight:700;display:flex}.info-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px;display:grid}.card-blue{border-radius:var(--border-radius);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #0ea5e9;padding:20px}.card-green{border-radius:var(--border-radius);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #16a34a;padding:20px}.card-amber{border-radius:var(--border-radius);background:linear-gradient(135deg,#fefce8 0%,#fef3c7 100%);border:1px solid #d97706;padding:20px}.card-purple{border-radius:var(--border-radius);background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:1px solid #a855f7;padding:24px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.image-card{border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);background:#fff;border:1px solid #e2e8f0;position:relative;overflow:hidden}.image-card:hover{transform:translateY(-4px)}.image-preview{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);justify-content:center;align-items:center;width:100%;height:200px;font-size:48px;display:flex}.image-card .body{padding:16px}.image-title{text-align:center;margin:0 0 12px;font-size:14px;font-weight:700}.image-select{accent-color:var(--color-primary)}.user-profile{border-radius:var(--border-radius);transition:var(--transition);align-items:center;gap:12px;padding:8px;display:flex}.user-profile:hover{background:#f8fafc}.user-info{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.user-name{color:var(--color-black);font-size:14px;font-weight:600;line-height:1.2}.user-role{color:var(--color-gray);font-size:12px}.user-avatar{width:40px;height:40px;transition:var(--transition);border:2px solid #e5e7eb;border-radius:50%;position:relative;overflow:hidden}.user-avatar:hover{border-color:var(--color-primary)}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.decisions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.decision-card{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;padding:16px}.decision-approve{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#16a34a}.decision-reject{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.decision-pending{background:linear-gradient(135deg,#fefce8,#fef3c7);border-color:#d97706}.decision-title{margin:0 0 8px;font-weight:700}.decision-meta{color:var(--color-white);font-size:12px}.chat-section{margin-top:24px}.chat-messages{border-radius:var(--border-radius);background:#f8fafc;border:1px solid #e2e8f0;max-height:300px;padding:12px;overflow-y:auto}.chat-message{border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;padding:12px}.message-meta{color:var(--color-gray);margin-top:4px;font-size:12px}.chat-input{gap:10px;margin-top:12px;display:flex}.chat-input input[type=text]{border-radius:var(--border-radius-sm);transition:var(--transition);border:2px solid #e2e8f0;outline:none;flex:1;padding:10px 14px}.chat-input input[type=text]:focus{border-color:var(--color-primary)}.chat-input button{border-radius:var(--border-radius-sm);padding:10px 16px}.filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.filter-label{color:#6b7280;font-weight:600}.filter-group{align-items:center;gap:8px;display:flex}.filter-input{color:#111827;border:1px solid #e5e7eb;border-radius:6px;min-width:160px;padding:6px 8px}.filter-reset{margin-inline-start:auto}@media (max-width:768px){.filter-bar{gap:10px;padding:10px}.filter-input{min-width:140px;padding:6px 8px}}@media (max-width:480px){.filter-bar{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between;width:100%}.filter-input{width:100%;min-width:0;height:36px;font-size:.95rem}.filter-label{font-size:.9rem}.filter-reset{width:100%;margin-inline-start:0}}.date-input-wrapper{align-items:center;gap:8px;display:inline-flex;position:relative}.filter-group .date-input-wrapper{flex:1}.date-input-wrapper .filter-input{width:100%}.calendar-button{color:#374151;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition);background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px}.calendar-button:hover{color:#1f2937;background:#eef2ff;border-color:#c7d2fe}.date-popover{top:calc(100% + 8px);width:500px;box-shadow:var(--shadow-lg);z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;position:absolute;inset-inline-start:0;overflow:hidden}.calendar-header{background:linear-gradient(135deg,#1bb28f14,#3b82f614);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.calendar-title{color:#111827;font-weight:700}.calendar-nav-btn{cursor:pointer;transition:var(--transition);background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px}.calendar-nav-btn:hover{background:#f3f4f6}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:6px;padding:8px 10px 0;display:grid}.weekday-cell{text-align:center;color:#6b7280;font-size:.85rem;font-weight:700}.weekday-short{display:none}.weekday-full{display:inline}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;padding:8px 10px 12px;display:grid}.calendar-cell{justify-content:center;align-items:center;height:38px;display:flex}.calendar-cell.empty{background:0 0}.calendar-cell.day{cursor:pointer;color:#111827;transition:var(--transition);background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-weight:600}.calendar-cell.day:hover{background:#f9fafb;transform:translateY(-1px)}.calendar-cell.day.today{box-shadow:inset 0 0 0 2px #1bb28f40}.calendar-cell.day.selected{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff;border-color:#0000}@media (max-width:480px){.date-popover{width:300px;inset-inline-start:0}.weekday-full{display:none}.weekday-short{display:inline}.calendar-grid{grid-template-columns:repeat(6,1fr);gap:4px}.calendar-cell{height:30px}}@media (max-width:768px){.calendar-title{font-size:.95rem}.calendar-grid{gap:5px}.calendar-cell{height:36px}}.display-rules-banner{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#065f46 0%,#0f9c85 50% 100%);border-radius:20px;margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #667eea4d}.display-rules-banner:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-wrapper{z-index:2;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:relative}.banner-info-section{align-items:center;gap:1.5rem;display:flex}.banner-icon-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;padding:1rem;animation:3s ease-in-out infinite floatIcon;display:flex;box-shadow:0 8px 32px #0000001a}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.banner-gear-icon{filter:drop-shadow(0 4px 8px #0003);font-size:3.5rem}.banner-text-content h1{text-shadow:0 4px 8px #0000004d;background:linear-gradient(45deg,#fff,#f8fafc);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.banner-text-content p{opacity:.95;text-shadow:0 2px 4px #0003;margin:0;font-size:1.2rem;font-weight:500}.banner-controls-section{align-items:center;gap:1rem;display:flex}.success-notification{color:#10b981;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b98133;border:2px solid #10b9814d;border-radius:12px;padding:.875rem 1.25rem;font-weight:700;animation:.4s ease-out slideInSuccess;box-shadow:0 8px 32px #10b98133}@keyframes slideInSuccess{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.banner-button-group{align-items:center;gap:.75rem;display:flex}.rules-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-family:cairo;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.rules-action-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.rules-action-btn:hover:before{left:100%}.rules-action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.btn-save-changes{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #fff3}.btn-save-changes:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-cancel-changes{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:2px solid #fff3}.btn-cancel-changes:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.btn-edit-rules{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid #fff6}.btn-edit-rules:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);border-color:#fff9}@media (max-width:768px){.display-rules-banner{padding:2rem 1.5rem}.banner-wrapper{text-align:center;flex-direction:column;gap:1.5rem}.banner-info-section{flex-direction:column;gap:1rem}.banner-text-content h1{font-size:2rem}.banner-text-content p{font-size:1rem}.banner-button-group{flex-direction:column;width:100%}.rules-action-btn{justify-content:center;width:100%}}@media (max-width:480px){.display-rules-banner{padding:1.5rem 1rem}.banner-icon-container{padding:.75rem}.banner-gear-icon{font-size:2.5rem}.banner-text-content h1{font-size:1.75rem}.banner-text-content p{font-size:.95rem}.rules-action-btn{padding:.875rem 1.25rem;font-size:.95rem}}.field-options-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.field-options-modal{max-width:720px}.options-editor{flex-direction:column;gap:16px;display:flex}.options-list{flex-direction:column;gap:10px;display:flex}.option-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.option-input{color:#374151;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#e2e8f0,#cbd5e1) border-box;border:2px solid #0000;border-radius:12px;padding:12px 14px;font-weight:600}.option-input:focus{background:linear-gradient(white,white)padding-box,linear-gradient(135deg,var(--color-primary),#3b82f6)border-box;outline:none;box-shadow:0 0 0 4px #1bb28f1f}.option-delete{color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;padding:10px 12px;font-weight:700}.option-delete:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.options-actions{justify-content:flex-start;display:flex}.btn-add-option{color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:12px 16px;font-weight:800}.btn-add-option:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn-save-options{color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:12px 18px;font-weight:800}.btn-save-options:disabled{opacity:.6;cursor:not-allowed}.btn-save-options:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.non-select-message{border-radius:var(--border-radius);color:var(--color-gray);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;padding:16px;font-weight:700}.category-card .toggle-label{min-height:auto;box-shadow:none;background:0 0;border:none;gap:12px;margin:6px 0 0;padding:8px 12px}.category-card .toggle-text{font-size:12px}.category-card .toggle-switch-container{gap:10px}.category-card .toggle-slider{border-width:2px;width:44px;height:24px}.category-card .toggle-slider:before{width:20px;height:20px;top:2px;right:2px}.category-card .toggle-input:checked+.toggle-slider:before{transform:translate(-20px)}.category-card .toggle-status{min-width:60px;font-size:12px}.users-tabs{border-bottom:2px solid #e5e7eb;align-items:center;gap:8px;margin:12px 0 16px;padding-bottom:8px;display:flex}.users-tabs .tab-btn{color:#fff;background:linear-gradient(135deg,#0f9c85,#10b981);border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 14px;font-weight:700}.users-tabs .tab-btn.active{box-shadow:var(--shadow-md);color:#111827;background:#fff}.messages-page{max-width:1400px;min-height:calc(100vh - var(--header-height));margin:0 auto;padding:16px}.messages-header{color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#0f9c85,#10b981);margin-bottom:1rem;padding:1.5rem}.messages-header .header-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.messages-header .title-section{align-items:center;gap:.75rem;display:flex}.messages-header .title-icon{font-size:1.6rem}.messages-layout{grid-template-columns:340px 1fr;gap:16px;display:grid}.messages-sidebar{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;flex-direction:column;height:100vh;display:flex;overflow:hidden}.messages-search{border-bottom:1px solid #e5e7eb;padding:12px}.messages-list{border-radius:10px;padding:12px;overflow-y:auto}.messages-user-item{cursor:pointer;background:linear-gradient(#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:12px;display:flex}.messages-user-item:hover{background:linear-gradient(135deg,#3b82f614,#3b82f605)}.messages-user-item.active{background:linear-gradient(135deg,#0f9c8529,#0f9c851a);border-right:3px solid #0f9c85}.messages-avatar{border-radius:50%}.messages-user-meta{flex-direction:column;display:flex}.messages-user-name{color:#0f172a;text-align:right;font-weight:700}.unread-badge{color:#fff;background:#22c55e;border-radius:999px;justify-content:center;align-items:center;margin-inline-start:8px;padding:2px 8px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.messages-user-code{color:#475569;font-size:12px}.messages-user-extra{align-items:center;gap:8px;margin-top:4px;display:flex}.messages-user-extra .last-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;width:150px;font-size:12px;overflow:hidden}.messages-user-extra .last-time{color:#94a3b8;font-size:11px}.chat-pane{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;flex-direction:column;height:100vh;display:flex;position:relative}.chat-header{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-user{align-items:center;gap:10px;display:flex}.chat-user-name{color:#111827;font-weight:800}.chat-user-code{color:#6b7280;font-size:12px}.chat-actions{gap:8px;display:flex}.quick-replies-toggle{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:8px 12px;font-weight:700}.quick-replies-menu{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.quick-reply-chip{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:6px 10px;font-size:12px;font-weight:700}.quick-reply-chip:hover{background:#f8fafc}.smart-suggestions{flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.smart-chip{color:#0f172a;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:6px 10px;font-size:12px;font-weight:700}.smart-chip:hover{background:#f1f5f9}.chat-bubbles{scroll-behavior:smooth;background:linear-gradient(#f8fafc,#fff);flex-direction:column;flex:1;gap:10px;height:500px;min-height:0;padding:16px 16px 84px;display:flex;overflow-y:auto}.chat-input-bar{z-index:2;background:#fff;border-top:1px solid #e5e7eb;padding:8px 10px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000a}.chat-bubble{max-width:68%;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:4px;padding:10px 12px;display:inline-flex}.chat-bubble.admin{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e5e7eb;align-self:flex-start;margin-bottom:4%}.chat-bubble.user{background:linear-gradient(135deg,#0f9c8542,#0f9c851a);border:1px solid #1bb28f;align-self:flex-end;margin-bottom:4%}.bubble-content{color:#0f172a;word-break:break-word}.bubble-image{object-fit:contain;border-radius:12px;max-width:320px;max-height:240px;display:block}.bubble-time{color:#64748b;align-self:flex-end;gap:8px;font-size:11px;display:inline-flex}.bubble-status{font-weight:800}.bubble-status.sent{color:#94a3b8}.bubble-status.delivered{color:#10b981}.typing-indicator{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:12px;align-self:flex-start;gap:4px;padding:8px 10px;display:inline-flex}.typing-indicator span{background:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}to{opacity:.6;transform:translateY(0)}}.input-actions{gap:8px;display:flex}.input-action{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px}@media (max-width:900px){.messages-layout{grid-template-columns:1fr}.messages-sidebar{min-height:220px}}.ad-details-modal{border-radius:var(--border-radius-lg);width:860px;max-width:95vw;box-shadow:var(--shadow-lg);background:#fff}.ad-details-modal .modal-content{max-height:70vh;padding:16px 20px;overflow-y:auto}.ad-details-grid{grid-template-columns:380px 1fr;gap:16px;display:grid}.ad-details-image{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.ad-details-info{flex-direction:column;gap:8px;display:flex}.ad-details-title{color:#111827;margin:0;font-size:20px;font-weight:800}.ad-details-meta{align-items:center;gap:8px;display:flex}.publish-date{color:#6b7280;font-size:12px}.ad-details-rows{margin-top:8px}.detail-row{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.detail-label{color:#374151;font-weight:700}.detail-value{color:#111827}@media (max-width:900px){.ad-details-grid{grid-template-columns:1fr}}.start-chat-btn{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:8px;padding:10px 12px;font-weight:700}.start-chat-modal{border-radius:var(--border-radius-lg);width:720px;max-width:95vw;box-shadow:var(--shadow-lg);background:#fff}.start-search{padding:8px 0}.start-list{flex-direction:column;gap:6px;max-height:60vh;display:flex;overflow-y:auto}.start-item{cursor:pointer;background:linear-gradient(#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.start-item:hover{background:linear-gradient(135deg,#3b82f614,#3b82f605)}.start-avatar{border-radius:50%}.start-meta{flex-direction:column;display:flex}.start-name{color:#111827;font-weight:800}.start-sub{color:#475569;gap:8px;font-size:12px;display:flex}.start-code{color:#475569}.customer-chats-page{max-width:1400px;margin:0 auto;padding:16px}.customer-chats-header{color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#0f9c85,#0f9c85);margin-bottom:1rem;padding:1.5rem}.customer-chats-header .title-section{align-items:center;gap:10px;display:flex}.customer-chats-header .title-icon{font-size:1.6rem}.customer-chats-layout{grid-template-columns:360px 1fr;gap:16px;display:grid}.customer-chats-sidebar{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;flex-direction:column;display:flex;overflow:hidden}.customer-chats-search{border-bottom:1px solid #e5e7eb;padding:12px}.customer-chats-list{height:100vh;padding:10px;overflow-y:auto}.customer-chat-item{cursor:pointer;background:linear-gradient(#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:12px;display:flex}.customer-chat-item.active{background:linear-gradient(135deg,#0ea5e929,#0ea5e91a);border-right:3px solid #0ea5e9}.chat-avatar{border-radius:50%}.chat-avatar.small{width:28px;height:28px}.customer-chat-meta{flex-direction:column;display:flex}.customer-chat-names{color:#111827;text-align:right;font-weight:800}.customer-chat-last{color:#64748b;gap:8px;font-size:12px;display:flex}.customer-chat-last .last-text{white-space:nowrap;text-overflow:ellipsis;text-align:right;direction:rtl;flex:1;width:150px;overflow:hidden}.customer-chat-pane{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;flex-direction:column;height:70vh;display:flex}.customer-chat-header{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.participants{align-items:center;gap:16px;display:flex}.participant{align-items:center;gap:8px;display:flex}.participant-name{color:#111827;font-weight:800}.participant-role{color:#64748b;font-size:12px}.view-only{color:#dc2626;font-weight:800}.customer-chat-bubbles{background:linear-gradient(#f8fafc,#fff);flex-direction:column;flex:1;gap:10px;height:100vh;min-height:0;padding:16px;display:flex;overflow-y:auto}.cust-bubble{max-width:68%;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:4px;padding:10px 12px;display:inline-flex}.cust-bubble.advertiser{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e5e7eb;align-self:flex-start}.cust-bubble.user{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;align-self:flex-end}.cust-bubble .bubble-content{color:#0f172a}.cust-bubble .bubble-time{color:#64748b;align-self:flex-end;font-size:11px}.chat-showcase{border-radius:var(--border-radius-lg);background:radial-gradient(800px 400px at 100% -200px,#1bb28f1f,#0000 60%),linear-gradient(#f8fafc,#fff);border:1px dashed #e5e7eb;justify-content:center;align-items:center;min-height:360px;padding:24px;display:flex}.showcase-card{border-radius:var(--border-radius-lg);width:100%;max-width:1020px;height:450px;box-shadow:var(--shadow-lg);text-align:center;background:#ffffffeb;border:1px solid #e5e7eb;padding:32px}.showcase-brand{color:#1f2937;justify-content:center;align-items:center;gap:12px;margin-top:20%;font-weight:700;display:inline-flex}.showcase-logo{width:64px;height:64px;box-shadow:var(--shadow);background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.showcase-title{color:#0f172a;margin:8px 0 4px;font-size:1.25rem}.showcase-subtitle{color:#64748b;font-size:.95rem}.showcase-actions{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}@media (max-width:900px){.customer-chats-layout{grid-template-columns:1fr}.customer-chats-sidebar{min-height:220px}}.manage-footer{border-top:1px solid #e2e8f0;justify-content:flex-start;gap:10px;margin-top:12px;padding-top:12px;display:flex}.btn-manage-save,.btn-manage-cancel{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;padding:12px 20px;font-weight:700}.btn-manage-save{background:linear-gradient(135deg,var(--color-primary),#16a085);color:#fff}.btn-manage-cancel{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563)}.btn-manage-save:hover,.btn-manage-cancel:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.toast-container{z-index:5000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;left:20px;right:20px}.toast{pointer-events:auto;box-shadow:var(--shadow-lg);color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-weight:700}.toast-success{background:#ecfdf5;border-color:#10b981}.toast-error{background:#fee2e2;border-color:#ef4444}.toast-info{background:#dbeafe;border-color:#3b82f6}.toast-warning{background:#fef3c7;border-color:#f59e0b}.queue-header .filters-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.category-select-wide .managed-select-toggle{min-height:55px;padding:8px 12px}.category-select-wide .managed-select-value{font-size:14px}.toggle-label.compact{border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-end;gap:8px;min-height:40px;padding:8px 12px;display:flex}.toggle-label.compact .toggle-text{width:100%;font-size:14px}.toggle-label.compact .toggle-switch-container{justify-content:flex-end;gap:10px}.toggle-label.compact .toggle-slider{border-radius:18px;width:48px;height:28px}.toggle-label.compact .toggle-slider:before{width:22px;height:22px;top:3px;right:3px}.toggle-label.compact .toggle-input:checked+.toggle-slider:before{transform:translate(-20px)}.toggle-label.compact .toggle-status{min-width:60px;font-size:12px}.packages-modal .plan-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;display:grid}@media (max-width:640px){.packages-modal .plan-cards{grid-template-columns:1fr;gap:12px}.packages-modal{width:96%;max-height:85vh}.packages-modal .modal-content{padding:12px}}.packages-modal .plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 2px 4px #0000000d}.packages-modal .plan-title{color:#1f2937;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:800;display:flex}.packages-modal .plan-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin-bottom:8px;display:grid}.packages-modal .field label{color:#374151;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.packages-modal .field .form-input{width:80%}.packages-modal .plan-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.packages-modal .meta-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.packages-modal .meta-label{color:#6b7280;font-size:12px;font-weight:700}.packages-modal .meta-value{color:#111827;font-size:12px;font-weight:800}.packages-modal .status-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.packages-modal .status-pill.success{color:#166534;background:#dcfce7}.packages-modal .status-pill.danger{color:#991b1b;background:#fee2e2}.packages-modal .status-pill.neutral{color:#374151;background:#e5e7eb}.packages-modal .plan-progress{align-items:center;gap:8px;margin-bottom:10px;display:flex}.packages-modal .progress-track{background:#e5e7eb;border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.packages-modal .progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;height:100%;position:absolute;top:0;left:0}.packages-modal .progress-label{color:#065f46;font-size:12px;font-weight:800}@media (max-width:640px){.packages-modal .plan-meta{grid-template-columns:1fr}}.category-rules-table .category-name{color:var(--color-primary);font-size:1.15rem;font-weight:800;line-height:1.4}.category-rules-table td:first-child{vertical-align:center;text-align:center}.advertisers-table{border-collapse:separate;border-spacing:0;width:100%;box-shadow:var(--shadow);background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.advertisers-table thead th{color:#0f172a;z-index:1;background:linear-gradient(135deg,#1bb28f14,#3b82f614);padding:14px 16px;font-weight:800;position:sticky;top:0}.advertisers-table th,.advertisers-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px}.advertisers-table tbody tr{transition:var(--transition)}.advertisers-table tbody tr:hover{background:#f8fafc;transform:translateY(-1px)}.advertisers-table tbody tr:last-child td{border-bottom:none}.name-cell{align-items:center;gap:10px;display:flex}.name-cell .name{color:#111827;font-weight:700}.phone{color:#334155;font-weight:700}.type-badge,.package-badge{box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.type-badge.single_ad{color:#065f46;background:#ecfdf5;border:1px solid #10b98140}.type-badge.package{color:#1e3a8a;background:#eff6ff;border:1px solid #3b82f640}.type-badge.subscription{color:#92400e;background:#fef3c7;border:1px solid #f59e0b59}.package-badge.standard{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0}.package-badge.featured{color:#075985;background:#f0f9ff;border:1px solid #0ea5e959}.package-badge.premium{color:#7c2d12;background:#fff7ed;border:1px solid #f9731659}.money{color:#0f172a;background:#1bb28f14;border-radius:10px;padding:6px 10px;font-weight:800}.reports-actions .btn-view{color:#0f172a;transition:var(--transition);background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-weight:700}.reports-actions .btn-view:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reports-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#080d178c;justify-content:center;align-items:center;animation:.2s ease-out overlayFade;display:flex;position:fixed;inset:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.reports-modal{width:min(840px,96%);max-height:88vh;box-shadow:var(--shadow-lg);background:linear-gradient(#ffffffeb,#fffffffa);border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;padding:0;animation:.22s ease-out modalPop;display:flex;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.reports-modal .modal-header{background:linear-gradient(135deg,#1bb28f1f,#3b82f61f);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.reports-modal .modal-header h3{color:#0f172a;font-size:18px;font-weight:800}.reports-modal .modal-close{color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#0f172a;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.reports-modal .modal-close:hover{filter:brightness(1.1);transform:rotate(5deg)}.reports-modal .modal-content{flex:1;padding:20px;overflow-y:auto}.reports-modal .modal-actions{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.reports-modal .btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:10px;padding:10px 16px;font-weight:800}.reports-modal .btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}@media (max-width:768px){.reports-modal{width:96%;max-height:92vh}.advertisers-table th,.advertisers-table td{padding:10px 12px}.reports-actions .btn-view{padding:8px 10px}}.empty-state{justify-content:center;align-items:center;min-height:320px;padding:24px;display:flex}.empty-card{box-shadow:var(--shadow-sm);text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:520px;padding:28px 32px}.empty-icon{margin-bottom:12px;font-size:44px;line-height:1}.empty-title{color:#111827;font-size:20px;font-weight:800}.empty-subtitle{color:#6b7280;margin-top:6px;font-size:14px}.reports-row-inactive td,.reports-row-inactive .ad-title-cell,.reports-row-inactive .owner-code-badge,.reports-row-inactive .status-badge,.reports-row-inactive .reason-badge{opacity:.6;text-decoration:line-through}.user-picker-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto}.user-picker-item{text-align:right;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f3f4f6;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;width:100%;min-height:52px;padding:10px 12px;transition:background-color .15s;display:grid}.user-picker-item:hover{background:#f8fafc}.user-picker-item.selected{background:#ecfdf5}.user-picker-item .user-name{color:#111827;font-weight:700}.user-picker-item .user-phone{color:#6b7280;font-size:12px}.user-picker-item .user-code{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:2px 8px;font-size:12px}.user-check input{width:16px;height:16px;accent-color:var(--color-primary)}.user-check{justify-content:center;align-items:center;display:flex}.user-select-all{align-items:center;gap:8px;margin-bottom:8px;display:flex}.user-select-all input{accent-color:var(--color-primary)}.modal-body{overflow-y:auto}.modal-content .form-actions{background:#fff;border-top:1px solid #e5e7eb;padding:12px 24px;position:sticky;bottom:0}.reports-page{direction:rtl;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;padding:0}.reports-hero{background:linear-gradient(135deg,#059669 0%,#10b981 50%,#047857 100%);border-radius:0 0 32px 32px;margin-bottom:24px;padding:32px;position:relative;overflow:hidden}.reports-hero-pattern{opacity:.6;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"report-grid\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><path d=\"M 20 0 L 0 0 0 20\" fill=\"none\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23report-grid)\"/></svg>");position:absolute;inset:0}.reports-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex;position:relative}.reports-hero-text{color:#fff}.reports-hero-title{text-shadow:0 2px 4px #0000001a;margin:0 0 8px;font-size:32px;font-weight:800}.reports-hero-subtitle{opacity:.9;margin:0;font-size:16px}.reports-hero-time{text-align:left;color:#fff}.reports-hero-clock{letter-spacing:2px;font-family:Segoe UI,monospace;font-size:36px;font-weight:800}.reports-hero-date{opacity:.9;font-size:14px}.reports-quick-filters{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.reports-filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.reports-filter-btn:hover{background:#ffffff40;transform:translateY(-2px)}.reports-filter-btn.active{color:#059669;background:#fff;box-shadow:0 8px 20px #00000026}.reports-custom-range{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;gap:16px;margin-top:20px;padding:16px;display:flex;position:relative}.reports-date-input{flex-direction:column;gap:6px;display:flex}.reports-date-input label{color:#fff;font-size:13px;font-weight:600}.reports-date-field{background:#fff!important;border-radius:10px!important}.reports-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;padding:0 24px;display:grid}.reports-stat-card{animation:.5s ease-out reportCardSlide;animation-delay:var(--card-delay);background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;transition:transform .3s,box-shadow .3s;animation-fill-mode:both;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.reports-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.reports-stat-card.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;min-height:150px;animation:1.5s infinite shimmer}@keyframes reportCardSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reports-stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.reports-stat-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.reports-stat-icon{font-size:24px}.reports-stat-trend{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.reports-stat-trend.positive{color:#10b981;background:#10b9811a}.reports-stat-trend.negative{color:#ef4444;background:#ef44441a}.reports-stat-content{z-index:1;position:relative}.reports-stat-title{color:#6b7280;margin:0 0 8px;font-size:14px;font-weight:600}.reports-stat-value{color:#111827;margin:0;font-size:28px;font-weight:800}.reports-stat-trend-label{color:#9ca3af;margin-top:8px;font-size:12px;display:block}.reports-stat-glow{opacity:.1;filter:blur(30px);border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;right:-30px}.reports-charts-section{flex-direction:column;gap:20px;margin-bottom:24px;padding:0 24px;display:flex}.reports-donuts-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.reports-area-chart-full{width:100%}.reports-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}.reports-chart-title{color:#111827;align-items:center;gap:8px;margin:0 0 20px;font-size:18px;font-weight:700;display:flex}.reports-chart-icon{color:#6b7280;align-items:center;display:flex}.reports-chart-container{min-height:320px}.reports-chart-loading,.reports-chart-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:320px;display:flex}.reports-loading-spinner{border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reports-empty-icon{opacity:.5;font-size:48px}.reports-donuts-grid{flex-direction:column;gap:20px;display:flex}.reports-donut-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}.reports-donut-container{position:relative}.reports-donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reports-donut-value{color:#111827;font-size:20px;font-weight:800}.reports-donut-label{color:#6b7280;font-size:12px}.reports-donut-legend{flex-direction:column;gap:10px;margin-top:16px;display:flex}.reports-legend-item{align-items:center;gap:10px;display:flex}.reports-legend-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.reports-legend-text{color:#374151;flex:1;font-weight:600}.reports-legend-percent{color:#111827;font-weight:700}.reports-breakdown-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin:0 24px 24px;padding:24px;box-shadow:0 4px 20px #0000000f}.reports-breakdown-list{gap:16px;display:grid}.reports-breakdown-item{gap:8px;display:grid}.reports-breakdown-header{justify-content:space-between;align-items:center;display:flex}.reports-breakdown-name{color:#374151;font-weight:600}.reports-breakdown-value{color:#111827;font-weight:700}.reports-breakdown-bar-bg{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.reports-breakdown-bar-fill{border-radius:4px;height:100%;transition:width .6s}.reports-breakdown-percent{color:#6b7280;font-size:12px;font-weight:600}.reports-table-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin:0 24px 24px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.reports-table-header{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:16px;padding:24px;display:flex}.reports-table-title-section{align-items:center;gap:12px;display:flex}.reports-table-title{color:#111827;margin:0;font-size:18px;font-weight:700}.reports-table-count{color:#10b981;background:#10b9811a;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.reports-table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.reports-search-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;min-width:280px;padding:10px 16px;transition:all .2s;display:flex}.reports-search-box:focus-within{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.reports-search-icon{opacity:.6;font-size:16px}.reports-search-input{background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.reports-tabs{background:#f3f4f6;border-radius:12px;padding:4px;display:flex}.reports-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.reports-tab:hover{color:#374151}.reports-tab.active{color:#10b981;background:#fff;box-shadow:0 2px 8px #00000014}.reports-table-container{overflow-x:auto}.reports-table-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.reports-table{border-collapse:collapse;width:100%;min-width:900px}.reports-table th{text-align:right;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px;font-size:12px;font-weight:700}.reports-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:16px 20px}.reports-table tbody tr{transition:background-color .15s;animation:.3s ease-out both tableRowFade}@keyframes tableRowFade{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.reports-table tbody tr:hover{background:#f9fafb}.reports-empty-row{text-align:center;padding:60px 24px!important}.reports-empty-state{opacity:.7;flex-direction:column;align-items:center;gap:8px;display:flex}.reports-empty-state h4{color:#111827;margin:0;font-size:16px}.reports-empty-state p{color:#6b7280;margin:0}.reports-id-badge{color:#6b7280;background:#f3f4f6;border-radius:8px;padding:4px 10px;font-family:monospace;font-size:13px}.reports-user-name{color:#111827;font-weight:600}.reports-amount{color:#10b981;font-weight:700}.reports-date{color:#6b7280}.reports-payment-method{text-transform:capitalize;color:#374151}.reports-no-data{color:#9ca3af;font-style:italic}.reports-plan-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.reports-plan-badge.featured{color:#d97706;background:#f59e0b1a}.reports-plan-badge.standard{color:#374151;background:#6b72801a}.reports-status-badge{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.reports-status-badge.success{color:#10b981;background:#10b9811a}.reports-status-badge.pending{color:#f59e0b;background:#f59e0b1a}.reports-pagination{background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.reports-pagination-info{color:#6b7280;font-size:14px}.reports-pagination-info strong{color:#111827}.reports-pagination-total{color:#9ca3af}.reports-pagination-controls{align-items:center;gap:8px;display:flex}.reports-pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.reports-pagination-btn:hover:not(:disabled){color:#10b981;border-color:#10b981}.reports-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.reports-pagination-pages{gap:4px;display:flex}.reports-pagination-page{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.reports-pagination-page:hover{color:#10b981;border-color:#10b981}.reports-pagination-page.active{color:#fff;background:#10b981;border-color:#10b981}@media (max-width:1200px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}.reports-charts-section{grid-template-columns:1fr}.reports-donuts-grid{flex-direction:row}.reports-donut-card{flex:1}}@media (max-width:768px){.reports-hero{border-radius:0 0 24px 24px;padding:24px 16px}.reports-hero-content{text-align:center;flex-direction:column}.reports-hero-title{font-size:24px}.reports-hero-time{text-align:center}.reports-hero-clock{font-size:28px}.reports-quick-filters{justify-content:center}.reports-filter-btn{padding:8px 14px;font-size:12px}.reports-custom-range{flex-direction:column}.reports-stats-grid{grid-template-columns:1fr;padding:0 16px}.reports-stat-value{font-size:24px}.reports-charts-section{padding:0 16px}.reports-donuts-row{grid-template-columns:1fr}.reports-donuts-grid{flex-direction:column}.reports-breakdown-card{margin:0 16px 24px}.reports-table-section{border-radius:16px;margin:0 16px 24px}.reports-table-header{padding:16px}.reports-table-controls{flex-direction:column;align-items:stretch}.reports-search-box{min-width:100%}.reports-tabs{justify-content:center;width:100%}.reports-pagination{text-align:center;flex-direction:column}.reports-pagination-controls{flex-wrap:wrap;justify-content:center}}table,.table,.users-table,.reports-table,.ads-table,.data-table{color:#111827!important}table th,.table th,.users-table th,.reports-table th,.ads-table th{color:#111827!important;font-weight:700!important}table td,.table td,.users-table td,.reports-table td,.ads-table td{color:#1f2937!important}table td span:not([class*=badge]):not([class*=status]),.table td span:not([class*=badge]):not([class*=status]),.users-table td span:not([class*=badge]):not([class*=status]),.reports-table td span:not([class*=badge]):not([class*=status]),.ads-table td span:not([class*=badge]):not([class*=status]){color:inherit!important}.hamburger-btn{cursor:pointer;z-index:50;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger-line{background-color:var(--color-black);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.sidebar-overlay{z-index:999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar-close-btn{cursor:pointer;width:32px;height:32px;color:var(--color-gray);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:none;position:absolute;top:12px;left:12px}.sidebar-close-btn:hover{color:#ef4444;background:#ef44441a}.sidebar-close-btn .close-icon{line-height:1}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr;grid-template-areas:"header""content"}.sidebar{z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(100%);box-shadow:-4px 0 16px #0000001a}.sidebar.open{transform:translate(0)}.header{padding-left:16px;padding-right:16px}.header-left{gap:12px}.hamburger-btn,.sidebar-close-btn{display:flex}.content{max-width:100vw;padding:16px 16px 80px;overflow-x:hidden}.dashboard-container{padding:0}.donut-chart{aspect-ratio:1;width:100%;max-width:280px;height:auto}.bars-chart{height:auto;min-height:200px;overflow-x:auto}}