.product-view{gap:24px}.product-heading{display:flex;align-items:flex-end;justify-content:space-between;width:min(1180px,100%);margin:0 auto}.product-heading h1{font-size:clamp(30px,4vw,46px);margin:16px 0 8px}.product-heading p{margin:0;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:min(1180px,100%);margin:0 auto}.kpi-grid article,.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.kpi-grid small,.kpi-grid b,.kpi-grid span{display:block}.kpi-grid small{color:var(--muted);font-size:11px}.kpi-grid b{font-size:26px;margin:12px 0 8px}.trend{font-size:11px;font-weight:800}.trend.up{color:#087a5b}.warn-text{color:#b76e00}.ops-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;width:min(1180px,100%);margin:0 auto}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title h3{margin:5px 0}.panel-title small{color:var(--muted)}.panel-title select{width:auto;margin:0;padding:9px 34px 9px 12px}.performance-chart{height:230px;display:flex;align-items:flex-end;gap:16px;padding:30px 8px 0;border-bottom:1px solid var(--line)}.performance-chart i{height:var(--revenue);flex:1;background:linear-gradient(180deg,#786cff,#6558ff);border-radius:8px 8px 2px 2px;position:relative;min-width:16px}.performance-chart i:after{content:"";position:absolute;bottom:0;right:18%;left:18%;height:var(--spend);background:#22d3a7;border-radius:6px 6px 2px 2px}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:14px;font-size:11px;color:var(--muted)}.chart-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:6px}.spend-key:before{background:#22d3a7}.revenue-key:before{background:#6558ff}.decision-list>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.decision-list p{flex:1;margin:0;min-width:0}.decision-list b,.decision-list small{display:block}.decision-list small{color:var(--muted);line-height:1.5;margin-top:4px}.decision-list button{border:0;background:#f0efff;color:var(--primary);padding:8px;border-radius:9px;font-weight:800}.decision-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff2d7;color:#9a5b00;font-weight:900}.good-icon{background:#ddf9f0;color:#087a5b}.campaign-overview{width:min(1180px,100%);margin:0 auto}.panel-title a{color:var(--primary);text-decoration:none;font-weight:800}.responsive-table{margin-top:12px}.table-row{display:grid;grid-template-columns:1.4fr 1fr .7fr .9fr .5fr .6fr;align-items:center;gap:12px;padding:14px 4px;border-top:1px solid var(--line);font-size:13px}.table-head{color:var(--muted);font-size:11px}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:min(1180px,100%);margin:0 auto}.client-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.client-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e9f3ff;color:#1665d8;font-weight:900;font-size:19px}.client-avatar.purple{background:#f1eaff;color:#7646cf}.client-avatar.orange{background:#fff0db;color:#b46100}.client-card h3,.client-card p{margin:0}.client-card p{color:var(--muted);font-size:11px;margin-top:5px}.client-card dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:8px 0;border-block:1px solid var(--line)}.client-card dl div{padding:12px 6px}.client-card dt{color:var(--muted);font-size:10px}.client-card dd{margin:5px 0 0;font-size:12px;font-weight:800}.client-card>button{grid-column:1/-1;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px;color:var(--primary);font-weight:800}.rule-list{display:grid;gap:12px;width:min(980px,100%);margin:0 auto}.rule-list article{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.rule-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f0efff;color:var(--primary);font-size:20px}.rule-list article>div{flex:1}.rule-list h3,.rule-list p{margin:0}.rule-list p{color:var(--muted);margin:7px 0}.rule-list small{color:#9297a6}.switch{margin:0}.switch input{display:none}.switch span{display:block;width:48px;height:26px;border-radius:99px;background:#d9dde7;position:relative}.switch span:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;right:3px;transition:.2s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{right:25px}.report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;width:min(980px,100%);margin:0 auto}.report-feature{background:linear-gradient(140deg,#1b173d,#6558ff);color:#fff;border-radius:24px;padding:30px}.report-feature small{color:#c8c3ff}.report-feature h2{font-size:32px;margin:12px 0}.report-feature p{max-width:540px;line-height:1.8;color:#e1dfff}.report-number b,.report-number span{display:block}.report-number b{font-size:36px}.report-number span{font-size:11px;color:#c8c3ff;margin-top:6px}.report-feature button{margin-top:22px;border:0;background:#fff;color:var(--primary);padding:11px 18px;border-radius:11px;font-weight:800}.schedule-row{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);font-size:13px}.schedule-row b{font-size:11px;color:var(--muted)}.mobile-nav{display:none}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.ops-grid{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr 1fr}.topbar nav{gap:14px}.topbar nav a{font-size:12px}}
.mobile-nav a.active{color:var(--primary)}
#auth-name-field[hidden]{display:none}
.password-auth-form{display:grid;gap:12px;margin-top:22px}.password-auth-form label{margin:0}.password-auth-form input{margin-top:7px}.password-auth-form .primary{width:100%}.auth-mode-toggle{border:0;background:transparent;color:var(--primary);font-weight:800;padding:4px}.auth-user{display:flex;align-items:center;gap:8px}.auth-user-name{font-size:12px;font-weight:800}.logout-button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:10px;padding:8px 10px}
.performance-chart i:nth-child(1){height:42%}.performance-chart i:nth-child(1):after{height:28%}.performance-chart i:nth-child(2){height:51%}.performance-chart i:nth-child(2):after{height:38%}.performance-chart i:nth-child(3){height:47%}.performance-chart i:nth-child(3):after{height:33%}.performance-chart i:nth-child(4){height:65%}.performance-chart i:nth-child(4):after{height:48%}.performance-chart i:nth-child(5){height:72%}.performance-chart i:nth-child(5):after{height:54%}.performance-chart i:nth-child(6){height:68%}.performance-chart i:nth-child(6):after{height:46%}.performance-chart i:nth-child(7){height:88%}.performance-chart i:nth-child(7):after{height:64%}
@media(max-width:800px){body{padding-bottom:72px}.topbar{height:68px;padding:0 18px}.brand-mark{width:38px;height:38px}.product-view{padding:28px 16px;gap:16px}.product-heading{align-items:flex-start;gap:16px}.product-heading h1{font-size:28px;line-height:1.3}.product-heading p{font-size:13px;line-height:1.7}.product-heading>.primary,.product-heading>button{padding:11px 13px;font-size:0;min-width:44px}.product-heading>.primary:after,.product-heading>button:after{content:"+";font-size:20px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-grid article{padding:15px;border-radius:16px}.kpi-grid b{font-size:19px}.panel{padding:16px;border-radius:17px}.performance-chart{height:180px;gap:8px}.decision-list button{font-size:11px}.campaign-overview{overflow:hidden}.responsive-table .table-head{display:none}.table-row{grid-template-columns:1fr auto;gap:7px;padding:14px 0}.table-row span:nth-child(2):before{content:"العميل: ";color:var(--muted)}.table-row span:nth-child(3):before{content:"القناة: ";color:var(--muted)}.table-row span:nth-child(4):before{content:"الإنفاق: ";color:var(--muted)}.table-row>*:nth-child(n+2){font-size:11px}.client-grid{grid-template-columns:1fr}.client-card{padding:16px}.rule-list article{align-items:flex-start;padding:16px}.rule-list p{font-size:12px;line-height:1.6}.rule-list small{font-size:10px}.report-grid{grid-template-columns:1fr}.report-feature{padding:22px}.report-feature h2{font-size:28px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:50;right:0;left:0;bottom:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(33,32,80,.08);backdrop-filter:blur(15px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#747b8d;text-decoration:none;font-size:9px;font-weight:800}.mobile-nav span{font-size:18px}.mobile-nav .mobile-create{color:var(--primary)}.mobile-nav .mobile-create span{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:var(--primary);color:#fff;margin-top:-15px}.admin-view,.integrations-view{padding:28px 16px}.section-title{margin-bottom:20px}.section-title h2{font-size:28px}.section-title p{line-height:1.7}.admin-card{padding:16px}.channel-list>div{align-items:flex-start}.channel-list p small{line-height:1.5}}