@font-face{font-family:Tajawal;src:url('assets/fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/fonts/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--bg:#f2f6f5;--panel:#fff;--ink:#203638;--muted:#6e8181;--line:#e1e9e7;--green:#15745e;--lime:#e9f5da;--orange:#d99c59;--nav:#fff;--soft:#eff5f2;--soft-green:#e6f4ee;--accent:#c9ed8a;--shadow:0 5px 24px #183b3110;--chart-ink:#18856c;--chart-fill:#bde9d5;--chart-grid:#eaf0ed;--field:#fff;--ring:#69b89f;--amber-bg:#fff2df;--amber-ink:#9a651d;--red-bg:#fbe9e6;--red-ink:#b14e41;--hero:#123f36}
html[data-theme=dark]{color-scheme:dark;--bg:#101c22;--panel:#182a30;--ink:#e5f0ee;--muted:#9cb2b5;--line:#2a3e44;--green:#49c9a6;--lime:#31483b;--orange:#e9b16c;--nav:#14242b;--soft:#20343a;--soft-green:#203f38;--accent:#c9ed8a;--shadow:0 5px 25px #050d1222;--chart-ink:#6cdbb6;--chart-fill:#28634f;--chart-grid:#2d4147;--field:#14272e;--ring:#69c6aa;--amber-bg:#443828;--amber-ink:#f0c284;--red-bg:#452e31;--red-ink:#f6aca3;--hero:#184c40}
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}body{background:var(--bg);color:var(--ink);font-family:Tajawal,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{transition:background .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--ring);outline-offset:3px}h1,h2,h3{letter-spacing:0;line-height:1.35}h1{font-size:28px;font-weight:700}h2{font-size:18px}h3{font-size:15px}.muted{font-size:13px;color:var(--muted)}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:0}.heading{margin-bottom:25px;align-items:center}.heading p{font-size:14px;margin-top:8px}.workspace{margin-right:246px}main{padding:28px 32px 38px;max-width:1700px}.row{gap:10px}
#sidebar{width:246px;padding:27px 16px 16px;background:var(--nav);border-left:1px solid var(--line);color:var(--muted);overflow-y:auto}.brand{margin:0 14px 24px;gap:12px;font-size:29px;color:var(--ink);line-height:1.2}.brand small{letter-spacing:3px;font-size:9px;color:var(--muted);margin-top:6px}.brandmark{width:40px;height:44px;border-radius:14px;background:#15745e;color:#e5f3ca;transform:none;box-shadow:0 5px 10px #15745e14}.brandmark svg{width:25px;height:25px}.shop{border:1px solid var(--line);background:var(--soft);padding:12px;border-radius:12px;margin:0 6px 16px;font-size:13px}.shop small{font-size:11px;color:var(--muted)}.shop .avatar{color:var(--green);background:var(--panel)}.navlabel{margin:20px 13px 8px;font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0}.navitem{font-size:14px;color:var(--muted);gap:12px;padding:10px 12px;border-radius:10px;min-height:42px;margin:3px 0}.navitem svg{width:19px;height:19px;flex-shrink:0}.navitem:hover{background:var(--soft);color:var(--ink)}.navitem.active,.navitem.active:hover{background:#17644f;color:#f5faf2;box-shadow:0 4px 10px #0e5e4120}.navitem b{background:var(--soft-green);color:var(--green);font-size:11px;font-weight:500;border-radius:5px}.navitem.active b{background:#ffffff23;color:white}.nav-section{border-top:1px solid var(--line);margin-top:13px;padding-top:7px}.nav-section summary{cursor:pointer;color:var(--muted);font-size:12px;padding:12px}.sidebottom{margin-top:auto;padding:20px 8px 2px;color:var(--muted);font-size:12px}.sidebar-note{padding:15px;border-radius:12px;background:var(--soft);border:1px solid var(--line);line-height:1.7}.sidebar-note strong{display:block;color:var(--ink);font-size:13px}.sidebottom .progress{background:var(--line);height:4px}.sidebottom p{color:var(--muted)!important}.identity-hint{color:var(--muted)}
#topbar{padding:0 32px;min-height:80px;height:auto;background:var(--panel);border-color:var(--line);gap:15px}.topsearch{font-size:14px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:3px 10px;min-width:170px}.topsearch input{width:180px;font-size:13px;color:var(--ink);background:transparent}.topactions{padding:14px 0;gap:9px;flex-wrap:wrap}.topactions select{font-size:12px;border-color:var(--line);background:var(--panel);color:var(--ink);min-height:36px;max-width:145px}.role-switch{background:var(--soft);border:1px solid var(--line);padding:3px;gap:3px}.role-switch button{font-size:12px;padding:6px 10px;color:var(--muted)}.role-switch button.active{background:var(--panel);color:var(--green);box-shadow:0 2px 8px #0e302012;font-weight:700}.theme-toggle{height:36px;width:36px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}.iconbtn{color:var(--muted);border-color:var(--line);background:var(--panel);border-radius:9px}.iconbtn:hover{color:var(--green);background:var(--soft-green)}.avatar{background:var(--soft-green);color:var(--green);border-radius:10px}
.btn{font-size:14px;background:#176d55;color:white;border:1px solid transparent;border-radius:9px;padding:11px 18px;font-weight:500;min-height:40px;box-shadow:0 2px 3px #0d41240a}.btn:hover{filter:none;background:#238368;box-shadow:0 4px 10px #14795721}.btn.secondary{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.btn.secondary:hover{background:var(--soft)}.btn.soft{background:var(--soft-green);color:var(--green);box-shadow:none}.btn.small{font-size:12px;padding:7px 12px;min-height:32px}.btn.danger{background:var(--red-bg);color:var(--red-ink);box-shadow:none}.tag{font-size:11px;font-weight:500;background:var(--soft-green);color:var(--green);padding:4px 9px;border-radius:6px}.tag.orange{background:var(--amber-bg);color:var(--amber-ink)}.tag.red{background:var(--red-bg);color:var(--red-ink)}.tag.gray{background:var(--soft);color:var(--muted)}.link{font-size:13px;color:var(--green)}
.card,.stat,.inbox,.preview,.plan,.deal{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 16px #143a2903}.card{padding:23px}.card-head{margin-bottom:21px}.card-head h2{padding:0;font-size:17px}.card-head h2:before{display:none}.card-head p{font-size:12px;margin:7px 0 0}.stats{gap:16px;margin-bottom:23px}.stat{padding:19px 21px;box-shadow:none;min-height:156px}.stat.featured{background:var(--panel);border-color:var(--line);color:var(--ink)}.stat:after{display:none}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat .number{font-size:34px;color:var(--ink);font-weight:700;margin:11px 0 4px;letter-spacing:-1px}.stat.featured .muted{color:var(--muted)}.stat-icon{color:var(--green)!important;background:var(--soft-green);border-radius:9px;padding:7px;top:18px;left:18px}.stat .muted{font-size:13px}.delta,.featured .delta{color:var(--green);font-size:11px}.metric-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.sparkline{width:70px;height:24px;color:var(--green);opacity:.6}.stat:nth-child(2) .stat-icon{background:var(--amber-bg);color:var(--amber-ink)!important}.stat:nth-child(3) .stat-icon{background:var(--soft);color:var(--muted)!important}.stat:nth-child(4) .stat-icon{background:var(--soft-green)}
.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px}.dash-heading h1{font-size:26px;margin-bottom:7px}.dash-heading p{font-size:13px;color:var(--muted);margin:0}.date-pill{display:flex;gap:9px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:10px 14px;border-radius:9px;font-size:12px;color:var(--muted)}.brand-hero{background:linear-gradient(110deg,#1d5544,#103d37);color:#edf7ed;border-radius:18px;min-height:196px;padding:27px 30px;margin-bottom:23px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;gap:22px;isolation:isolate}.brand-hero:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #c4edc518;border-radius:50%;left:32px;top:-70px;z-index:-1}.brand-hero:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #c4edc50d;border-radius:50%;left:-2px;top:-105px;z-index:-1}.brand-hero .hero-kicker{display:flex;gap:7px;align-items:center;color:#bdd9c8;letter-spacing:1px;font-size:10px}.brand-hero .hero-kicker:before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%}.brand-hero h2{font-size:28px;font-weight:700;color:#fff;margin:9px 0}.brand-hero p{color:#b9d0c5;font-size:13px;max-width:480px;margin:9px 0 17px}.brand-hero .btn{background:var(--accent);color:#173c2d;box-shadow:none;font-weight:700}.brand-hero .btn.secondary{border:1px solid #ffffff30;background:#ffffff08;color:#e7f2ec;font-weight:500}.hero-art{width:285px;height:173px;flex-shrink:0;filter:drop-shadow(0 8px 18px #082d2450)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:21px;margin-bottom:23px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:21px}.performance-total{display:flex;align-items:baseline;gap:12px;margin-bottom:3px}.performance-total strong{font-size:26px;letter-spacing:-.5px}.performance-total span{font-size:11px;color:var(--green);background:var(--soft-green);padding:3px 7px;border-radius:5px}.chart{height:185px;margin-top:10px}.chart text{font-family:Tajawal,sans-serif;font-size:11px;fill:var(--muted)}.legend{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.dot{background:var(--chart-ink)}.dot.orange{background:#b2d18b}.task{gap:12px;padding:15px 0;border-color:var(--line)}.task strong{font-size:13px;font-weight:500;margin-bottom:5px}.task .task-icon{width:37px;height:37px;background:var(--soft-green);color:var(--green);border-radius:10px}.task:nth-child(2) .task-icon{background:var(--amber-bg);color:var(--amber-ink)}.task .muted{font-size:11px}.task .iconbtn{border:0;background:transparent}.attention-heading{display:flex;align-items:center;gap:8px}.pulse-dot{width:7px;height:7px;background:#dcad6d;border-radius:50%;box-shadow:0 0 0 4px var(--amber-bg)}.quick-insight{margin-top:18px;background:var(--soft);border-radius:10px;padding:14px}.quick-insight strong{font-size:12px}.quick-insight p{font-size:11px;color:var(--muted);line-height:1.8;margin:6px 0 0}.team-item .avatar{border-radius:50%}.team-item .avatar:nth-child(1){background:var(--soft-green)}.team-status{font-size:11px;color:var(--green)}.team-note{background:var(--soft-green);padding:14px;border-radius:10px;font-size:12px;color:var(--green);margin-top:18px}.banner,.merchant-note,.admin-access{background:var(--soft-green);color:var(--green);border:1px solid var(--line)}.banner p,.rule p{color:var(--muted)}
table{font-size:13px}th{color:var(--muted);background:var(--soft);border-color:var(--line);font-size:12px;padding:12px}td{padding:15px 12px;border-color:var(--line);font-size:12px}td strong{font-weight:500;color:var(--ink)}tbody tr:hover{background:var(--soft)}.tablewrap{border-radius:9px}.card table .tag{margin:2px}.tabs,.resource-tabs{background:transparent}.tabs{background:var(--soft);border:1px solid var(--line)}.tabs button{font-size:13px;color:var(--muted)}.tabs button.selected{background:var(--panel);color:var(--green)}.resource-tabs button{background:var(--panel);color:var(--muted);border-color:var(--line);font-size:13px}.resource-tabs button.active{background:#176d55;border-color:#176d55;color:white}.progress{background:var(--line)}.progress i{background:var(--green)}.divider{background:var(--line)}
input,select,textarea{border:1px solid var(--line);background:var(--field);color:var(--ink);font-size:14px;border-radius:8px;padding:11px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ring)}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}label.field{font-size:13px;color:var(--ink)}.field-hint,.metric-note{font-size:11px;color:var(--muted)}.form-grid{gap:16px 20px}.checkline,.chip{background:var(--soft);color:var(--ink)}.rule.selected{background:var(--panel);border-color:var(--ring)}.switch{background:var(--line)}.switch.on{background:#188163}.statusbar{background:var(--amber-bg);color:var(--amber-ink)}.ad-error{background:var(--red-bg);color:var(--red-ink)}dialog{background:var(--panel);color:var(--ink);border-color:var(--line);padding:27px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#071d2c70}dialog p{font-size:14px}#toast{background:#173b32;color:#fff;box-shadow:var(--shadow);border:1px solid #3b6b5b;font-size:14px}
.product-art{background:var(--soft)}.thumb{background:var(--soft);color:var(--green)}.price{color:var(--ink);font-size:23px}.chat-body{background:var(--bg)}.chat-head,.chat-compose,.conversation,.conversation-list,.contact-info{border-color:var(--line)}.conversation.active{background:var(--soft-green);border-right-color:var(--green)}.conversation p{color:var(--muted);font-size:13px}.bubble{background:var(--soft);color:var(--ink);font-size:14px}.bubble.mine{background:var(--soft-green);color:var(--ink)}.bubble.note{background:var(--amber-bg);color:var(--amber-ink)}.bubble small{color:var(--muted);font-size:10px}.column{background:var(--soft)}.deal{background:var(--panel)}.day{border-color:var(--line)}.day.today{background:var(--soft-green)}.plan.current{border-color:var(--green)}.objective-choice{background:var(--panel);border-color:var(--line);color:var(--ink)}.objective-choice.active{background:var(--soft-green);border-color:var(--green)}.objective-choice strong{color:var(--green);font-size:16px}.objective-choice small{color:var(--muted);font-size:12px}.wizard-nav button{font-size:13px;color:var(--muted)}.wizard-nav button.active{color:var(--green);background:var(--soft-green)}.step-number{border-color:var(--line)}.wizard-nav button.active .step-number{background:#176d55;border-color:#176d55;color:white}.wizard-foot{background:var(--panel);border-color:var(--line)}.ad-review-grid dt{color:var(--muted)}.ad-review-grid dd{color:var(--ink)}.request-card{border-color:var(--line)}.media-name{background:var(--soft);color:var(--ink)}.notification{border-color:var(--line)}footer{font-size:11px;color:var(--muted)}
html[data-theme=dark] .channel{background:#283d56;color:#9abfec}html[data-theme=dark] .channel.ig{background:#453343;color:#e0a2c5}html[data-theme=dark] .empty{color:var(--muted)}html[data-theme=dark] .life-hero{background:var(--hero);border-color:var(--line)}html[data-theme=dark] .life-hero h2{color:var(--ink)}html[data-theme=dark] .life-hero p{color:var(--muted)}
@media(min-width:1600px){main{padding:32px 42px}.brand-hero{padding:30px 40px}.hero-art{width:310px;height:185px}.chart{height:215px}}@media(max-width:1200px){#sidebar{width:220px}.workspace{margin-right:220px}main{padding:25px}.topsearch{display:none}#topbar{padding:0 25px}.brand{font-size:26px}.navitem{font-size:13px}.dashboard-grid,.dashboard-bottom{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.hero-art{width:240px}.brand-hero h2{font-size:25px}}
@media(max-width:900px){#sidebar{width:230px;transform:translateX(100%)}#sidebar.open{transform:translateX(0)}.workspace{margin:0}.mobile-menu{display:inline-grid}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.topsearch{display:none}.topactions{justify-content:flex-end}.brand-hero{padding:25px}.brand-hero h2{font-size:24px}.stat{min-height:145px}.stats{grid-template-columns:1fr 1fr}.inbox{grid-template-columns:220px 1fr}}
@media(max-width:600px){main{padding:20px 16px}.dash-heading{align-items:flex-start}.dash-heading h1{font-size:23px}.dash-heading .date-pill{display:none}#topbar{padding:0 13px;gap:8px}.topactions{gap:6px;padding:12px 0}.topactions select{max-width:120px;font-size:11px}.role-switch button{font-size:11px;padding:7px}.topactions>.avatar{display:none}.brand-hero{padding:25px 23px;min-height:210px;gap:0}.hero-art{display:none}.brand-hero h2{font-size:25px}.brand-hero p{font-size:13px}.brand-hero:before{left:-140px}.brand-hero:after{left:-160px}.stats{gap:11px}.stat{padding:16px;min-height:150px}.stat .muted{font-size:12px}.stat .number{font-size:30px;margin-top:28px}.stat-icon{top:12px;left:12px;padding:5px}.stat-icon svg{width:15px;height:15px}.sparkline{display:none}.delta{font-size:10px}.card{padding:19px;overflow:auto}.card-head h2{font-size:16px}.card-head{align-items:flex-start}.date-pill{padding:7px}.inbox{display:block}.hero-kicker{font-size:9px}.btn{font-size:13px}.heading{align-items:flex-start}.heading p{font-size:13px}.legend{gap:12px;flex-wrap:wrap}.chart{height:170px}.ad-review-grid dl{grid-template-columns:100px minmax(0,1fr)}.resource-tabs{max-width:100%;overflow-x:auto}dialog{padding:21px}.brand-hero .btn{padding:10px 12px}.theme-toggle{width:34px;height:34px}.date-pill svg{width:16px}.wizard-nav{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.stat:hover{transform:none}}@media print{body{background:white;color:#172c24}.card{background:white;color:#172c24;border-color:#ddd}.brand-hero{display:none}}
.stat.featured .delta{color:var(--green)}.stat>span.muted{display:block;padding-inline-end:36px;min-height:23px}.card-head p{color:var(--muted)}@media(max-width:600px){.stat>span.muted{min-height:36px;padding-inline-end:28px;line-height:1.6}.stat .number{margin-top:10px}}
@media print{html[data-theme]{color-scheme:light;--bg:#fff;--panel:#fff;--ink:#172c24;--muted:#50635a;--line:#ddd;--green:#176d55;--soft:#f5f7f5;--soft-green:#eaf2ed;--field:#fff;--shadow:none}.ad-review-grid dd,td,th,h1,h2,h3{color:#172c24!important}}