@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f6f4ef;color:#1e2929;font:14px Cairo,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,label.upload{cursor:pointer}button{border:1px solid #d9d7cf;background:white;color:#243533;border-radius:8px;padding:9px 15px}button:hover{border-color:#9a783f;background:#f7f2e7}button:disabled{opacity:.5;cursor:wait}header{background:#122c2a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:23px 5%;direction:ltr}header strong{display:block;font:900 30px Arial;letter-spacing:2px}header span{font:9px Arial;letter-spacing:3px}small{display:block;color:#8b9691;font-size:11px}.identity{text-align:right;direction:rtl}main{max-width:1450px;margin:auto;padding:0 5%}.hero{padding:46px 0 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd8cc;gap:20px}.eyebrow{color:#94723c;font:11px Arial;letter-spacing:3px}h1{font:700 45px Arial;margin:12px 0}h1 span{display:block;font:600 23px Cairo,Arial;margin-top:12px}.hero p{color:#697875}.heroMark{background:#183b36;color:#d7c18e;border-radius:50% 50% 8px 8px;min-width:145px;height:175px;font:76px Georgia;text-align:center;padding:18px}.heroMark span{display:block;font:8px Arial;letter-spacing:2px;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stats article{background:white;border:1px solid #e3e0d8;border-radius:12px;padding:19px 24px}.stats b{display:block;font:34px Arial;color:#1d4b40}.stats span{color:#6b7771;font-size:12px}nav{display:flex;gap:10px;border-bottom:1px solid #ddd;padding:10px 0 20px}.selected{background:#183e36;color:white;border-color:#183e36}.filters{display:flex;gap:12px;margin:24px 0}input,select,textarea{padding:12px;border:1px solid #d7d9d1;background:white;border-radius:8px;min-width:0}input{flex:1}select{max-width:260px}textarea{width:100%;min-height:95px}.sectionTitle{display:flex;justify-content:space-between;align-items:center}.sectionTitle h2{font-size:20px}.sectionTitle span{color:#7e867d}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.storeCard,.photoCard{background:#fff;border:1px solid #dedfd7;border-radius:14px;overflow:hidden}.thumbs{height:175px;display:flex;background:#e8ece7;gap:3px}.thumbs button{flex:1;padding:0;border:0;border-radius:0;min-width:0}.thumbs img{width:100%;height:100%;object-fit:cover}.placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;font-size:30px;color:#a3b1a5}.placeholder span{font-size:12px;margin-top:10px}.cardBody{padding:19px}.cardBody h3{font:700 17px Arial;margin:10px 0}.cardBody p{color:#7a827b;font:12px Arial}.count{font-size:11px;color:#7d7e71}.badge{display:inline-block;border:0;padding:5px 8px;border-radius:5px;font-size:10px;background:#f1e8d2;color:#8a672d}.badge.approved{background:#e1efe5;color:#23643e}.badge.changes{background:#f9e3de;color:#a13f2e}.badges{display:flex;gap:5px;flex-wrap:wrap;min-height:28px;margin-bottom:12px}.upload{display:block;border:1px dashed #97ac9c;border-radius:8px;text-align:center;padding:10px;color:#2b6150;background:#f3f8f2;margin:12px 0}.upload input{display:none}.disabled{pointer-events:none;opacity:.5}.imageButton{display:block;padding:0;width:100%;height:250px;border:0;border-radius:0}.imageButton img{width:100%;height:100%;object-fit:cover}.empty{padding:55px;text-align:center;color:#6c7c73}.empty a{color:#215c46}.panel{background:white;margin:25px 0;padding:25px;border-radius:12px}.panel form{display:flex;gap:12px;flex-wrap:wrap}.error{background:#f8dfd6;padding:14px;border-radius:8px;margin:15px 0}.error button{margin-right:15px}.modal{position:fixed;inset:0;background:#001914d9;z-index:50;padding:25px;overflow:auto}.modalBox{position:relative;background:#fff;border-radius:14px;max-width:1150px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;overflow:hidden}.full{width:100%;max-height:85vh;object-fit:contain;background:#142722}.review{padding:50px 25px 25px;max-height:90vh;overflow:auto}.close{position:absolute;top:10px;left:10px;z-index:3}.timeline article{background:#f5f5f0;padding:10px;margin:10px 0;border-right:3px solid #b8a16d}.timeline p{white-space:pre-wrap}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button:first-child{background:#205644;color:white}.saving{position:fixed;bottom:25px;left:25px;background:#173e35;color:white;padding:14px 24px;border-radius:9px;z-index:99}footer{color:#8b9186;display:flex;justify-content:space-between;font:11px Arial;padding:35px 0;margin-top:30px;border-top:1px solid #deded4}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.modalBox{display:block}.full{max-height:50vh}.review{max-height:none}}@media(max-width:600px){main{padding:0 18px}.hero{padding-top:25px}h1{font-size:32px}.heroMark{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stats article{padding:16px}.grid{grid-template-columns:1fr}.filters>*{width:100%;max-width:none;flex:auto}header{padding:20px}header strong{font-size:24px}nav{flex-wrap:wrap}.modal{padding:8px}footer{line-height:1.8;gap:15px}h1 span{font-size:21px}}
/* Campaign direction — original Townteam window reference */
:root{--orange:#f15425;--coal:#111315;--cream:#f5eee3;--timber:#b88652}body{background:var(--cream);color:#262321}header{background:#101112;border-bottom:3px solid var(--orange);padding:20px 5%}.brandLogo{display:block;width:210px;height:auto;margin-bottom:6px}header span{color:#9a9b99}main{max-width:1560px}.campaignHero{direction:ltr;display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:44px 0 34px;border-color:#cfc1ab}.campaignCopy{direction:ltr}.campaignCopy .eyebrow{color:#a24427;font:700 10px Arial;letter-spacing:2.4px}.campaignCopy h1{font:900 clamp(48px,6.2vw,88px)/.94 Arial,sans-serif;letter-spacing:-4px;margin:25px 0 20px;color:#171818}.campaignCopy h1 em{color:var(--orange);font-style:normal}.campaignCopy h2{direction:rtl;text-align:left;font-size:23px;line-height:1.6;margin:15px 0 8px}.campaignCopy>p:not(.eyebrow){direction:rtl;text-align:left;max-width:390px;color:#7b6a59;line-height:1.9}.heroCta{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--orange);color:white;text-decoration:none;padding:14px 20px;margin-top:14px;direction:rtl;font-weight:700}.heroCta:hover{background:#cf431b}.heroCta span{font-size:24px}.campaignTags{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px;font-size:9px;color:#8f8171}.referenceWindow{margin:0;background:#202224;border:1px solid #383a3b;box-shadow:14px 14px 0 #dac9b2;align-self:center;transform:rotate(-1deg);position:relative}.referenceWindow:after{content:'';height:3px;background:var(--orange);position:absolute;width:34%;bottom:-2px;left:0}.referenceWindow>img{display:block;width:100%;aspect-ratio:922/692;object-fit:contain}.referenceLabel,.referenceWindow figcaption{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;color:#a4a5a0;font:8px Arial;letter-spacing:1.2px;gap:10px}.referenceLabel b{color:#f1ac6d;font-size:8px}.referenceWindow figcaption strong{color:white;font-size:9px;letter-spacing:.8px}.stats article{background:#fffaf2;border-color:#ded0bb;border-radius:0;border-top:3px solid #282a29}.stats article:nth-child(2){border-top-color:var(--orange)}.stats b{color:#2c2924;font-weight:700}.stats span{color:#8d7c66}.stats article:last-child{border-top-color:#426247}nav{border-bottom:1px solid #ccbea9}nav button{border-radius:0;border-color:#d9cbb6;background:#fff9ef}nav button.selected{background:#1a1c1b;color:white;border-color:#1a1c1b;box-shadow:0 3px 0 var(--orange)}input,select,textarea{border-radius:2px;border-color:#d8c9b5;background:#fffaf3}input:focus,select:focus,textarea:focus{outline:2px solid #e58154;outline-offset:2px}.sectionTitle h2{font-size:23px}.sectionTitle span{color:#927754}.grid{gap:23px}.storeCard,.photoCard{border-radius:2px;border-color:#d9c9b5;background:#fffaf3;box-shadow:0 4px 10px #4b2c0910;transition:transform .2s,box-shadow .2s}.storeCard:hover,.photoCard:hover{transform:translateY(-3px);box-shadow:0 9px 20px #4b2c0920}.thumbs{height:190px;background:#252824}.placeholder{background:radial-gradient(ellipse at 50% -20%,#dea76855,transparent 80%),repeating-linear-gradient(90deg,#ad7a4930 0px,#ad7a4930 1px,transparent 1px,transparent 38px),#292824;position:relative;overflow:hidden}.placeholder:after{content:'';height:25px;width:100%;position:absolute;bottom:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 6px,#f1542540 7px,#f1542540 8px);border-top:2px solid #f15425}.placeholder .windowNumber{color:#dfbb8a;letter-spacing:3px;font:8px Arial;margin:0 0 14px}.placeholder b{font:900 26px/.95 Arial;color:#ede0cc;letter-spacing:-1px;text-align:center}.placeholder>span:last-child{font-size:10px;color:#bcb1a1;margin-top:12px}.cardBody{border-top:2px solid #ef6a34}.cardBody h3{font-size:18px}.cardBody p{color:#907a61}.upload{border-color:#d19565;border-radius:1px;background:#f9ead8;color:#a64622}.upload:hover{background:#f6dec0}.badge{border-radius:2px}.badge.pending{background:#f8e4c6;color:#976127}.badge.approved{background:#e0e8d9;color:#42633a}.badge.changes{background:#f8ddd1;color:#ae4428}.count{color:#a55936}.modalBox{border-radius:2px;background:#fff9ef}.full{background:#171919}.timeline article{background:#f1e9db;border-right-color:var(--orange)}.actions button:first-child{background:var(--orange);border-color:var(--orange)}.review>button{margin:4px}.saving{background:#1b1c1a;border-bottom:3px solid var(--orange);border-radius:2px}footer{border-color:#cdbca3;color:#8d775c}.error{border-radius:2px}.empty{color:#8a7154}@media(max-width:1050px){.campaignHero{gap:25px}.campaignCopy h1{font-size:65px}.campaignCopy h2{font-size:20px}.referenceWindow figcaption strong{font-size:7px}}@media(max-width:700px){.campaignHero{grid-template-columns:1fr;gap:25px;padding:25px 0}.campaignCopy h1{font-size:60px;letter-spacing:-3px}.campaignCopy>p:not(.eyebrow){max-width:none}.referenceWindow{width:calc(100% - 10px);margin-bottom:14px;transform:none;box-shadow:9px 9px 0 #dac9b2}.campaignCopy h2{font-size:21px}.campaignTags{gap:12px}.brandLogo{width:165px}.identity{font-size:10px}header{padding:17px}.stats{margin:23px 0}.stats span{font-size:11px}.cardBody{padding:18px}.referenceLabel,.referenceWindow figcaption{padding:11px;font-size:7px}.heroCta{margin-top:8px}.campaignHero .eyebrow{font-size:8px;letter-spacing:1.6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}html{scroll-behavior:smooth;scroll-padding-top:20px}
.deletePhoto{display:block;width:100%;margin:16px 0 8px!important;border:1px solid #d28c7b;background:#fff1ec;color:#a63725}.deletePhoto:hover{background:#f9ddd4;border-color:#a63725}

.loginPanel{max-width:430px;margin:35px auto;padding:30px;background:#fffaf3;border-top:4px solid #f15425}.loginPanel form{display:grid;gap:15px}.loginPanel h2{margin:0}.loginPanel p,.replaceNote{font-size:12px;color:#8a7056}.loginPanel button{background:#f15425;color:white}.loginPanel input{width:100%}