:root{
  --bg:#FDF8F2; --card:#fffdf9; --ink:#2a1f16; --muted:#8a7258; --line:#EADBC8; --rose:#5a4128;
  --gold:#c5a025; --gold-d:#9a7a12; --gold-l:#f9e9ae; --ok:#8a6a10; --warn:#b8901c; --bad:#6b3a1e; --info:#7a6240;
  --r:14px; --shadow:0 4px 24px rgba(120,90,30,.08);
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Assistant,Heebo,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15.5px;line-height:1.55}
h1,h2,h3{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--gold-d)}
[hidden]{display:none!important}

/* layout */
#app{display:flex;min-height:100vh}
aside{width:236px;background:#2a1f16;color:#f1e8d4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}
.brand{display:flex;gap:12px;align-items:center;padding:22px 20px 16px}
.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#d8b45a,#a07a22);display:grid;place-items:center;font-size:20px;color:#fff}
.brand b{display:block;font-size:19px;line-height:1.2}
.brand small{color:#b9ac92;font-size:12px}
nav{padding:8px 10px;flex:1;overflow:auto}
nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#d9ceb5;text-decoration:none;margin:2px 0;font-weight:500}
nav a:hover{background:#3d2f22}
nav a.on{background:linear-gradient(90deg,#d4af37,#9a7a12);color:#fff}
nav .ico{width:22px;text-align:center;font-size:17px}
.side-foot{padding:14px 18px;border-top:1px solid #3d362d;display:flex;flex-direction:column;gap:8px;font-size:13px}
.link{background:none;border:0;color:#b9ac92;cursor:pointer;text-align:right;padding:0;text-decoration:underline}
main{flex:1;min-width:0}
.topbar{display:flex;align-items:center;gap:14px;padding:22px 34px 8px}
.topbar h1{font-size:30px;flex:1}
#pageActions{display:flex;gap:8px;flex-wrap:wrap}
#view{padding:10px 34px 60px}
.icon-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;width:40px;height:40px;font-size:20px;cursor:pointer}

/* controls */
.btn{text-decoration:none;background:var(--gold);color:#fff;border:0;border-radius:30px;padding:9px 20px;font-weight:500;cursor:pointer;display:inline-flex;gap:7px;align-items:center;white-space:nowrap;transition:.15s}
.btn:hover{background:var(--gold-d)}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{background:var(--gold-l)}
.btn.danger{background:#fff;color:var(--bad);border:1px solid #efc9c4}
.btn.danger:hover{background:#fbeceb}
.btn.sm{padding:5px 13px;font-size:14px}
.btn:disabled{opacity:.5;cursor:not-allowed}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=range]),select,textarea{
  width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;outline:none;transition:.15s}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(197,160,37,.18)}
textarea{resize:vertical;min-height:80px}
label.f{display:block;margin-bottom:14px}
label.f>span{display:block;font-size:13.5px;color:var(--muted);margin-bottom:5px;font-weight:500}
.hint{font-size:13px;color:var(--muted);margin-top:4px}
.row{display:flex;gap:14px;flex-wrap:wrap}.row>*{flex:1;min-width:180px}
.chk{display:flex;gap:9px;align-items:flex-start;margin:6px 0;cursor:pointer}
.chk input{margin-top:5px;accent-color:var(--gold)}
.toggle{position:relative;display:inline-block;width:44px;height:25px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0}
.toggle i{position:absolute;inset:0;background:#d8cfbb;border-radius:25px;transition:.2s;cursor:pointer}
.toggle i:before{content:"";position:absolute;width:19px;height:19px;right:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.toggle input:checked+i{background:var(--ok)}
.toggle input:checked+i:before{transform:translateX(-19px)}

/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow);margin-bottom:18px}
.card h2{font-size:22px;margin-bottom:4px}
.card .sub{color:var(--muted);margin:0 0 16px;font-size:14px}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow)}
.stat small{color:var(--muted);display:block;font-size:13.5px}
.stat b{font-weight:400;font-size:34px;line-height:1.2;color:var(--gold-d)}
.stat span{display:block;font-size:13px;color:var(--muted)}

/* table */
.tbl-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
table{width:100%;border-collapse:collapse}
th{background:#f4ecd8;text-align:right;font-weight:600;font-size:13.5px;padding:10px 14px;white-space:nowrap;color:#6b5a30}
td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle}
tr.click{cursor:pointer}tr.click:hover td{background:#fbf6e8}
td.num,th.num{text-align:center}
.empty{padding:44px 20px;text-align:center;color:var(--muted)}
.empty b{display:block;font-size:18px;color:var(--ink);margin-bottom:4px}

/* chips */
.chip{display:inline-block;padding:2px 11px;border-radius:20px;font-size:12.5px;font-weight:500;background:#eee6d2;color:#6b5a30;white-space:nowrap}
.chip.ok{background:#dff1e6;color:#1f6b41}.chip.warn{background:#fbebd0;color:#935b0e}.chip.bad{background:#f8dedb;color:#9b2c20}.chip.info{background:#dce8f7;color:#2a5390}
.badge{display:flex;align-items:center;gap:8px;font-size:13px}
.dot{width:9px;height:9px;border-radius:50%;background:#999;display:inline-block}.dot.on{background:#43c07a;box-shadow:0 0 0 3px rgba(67,192,122,.25)}.dot.off{background:#d96a5b}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.toolbar input[type=search]{max-width:280px}.toolbar select{max-width:200px}
.spacer{flex:1}
.bar{height:8px;border-radius:5px;background:#eee6d2;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px;color:var(--muted)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;flex-wrap:wrap}
.tabs button{background:none;border:0;padding:10px 16px;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;font-weight:500}
.tabs button.on{color:var(--gold-d);border-color:var(--gold)}
.note{background:#fbf3dc;border:1px solid #ecd9a0;border-radius:12px;padding:12px 16px;font-size:14px;margin-bottom:16px}
.note.bad{background:#fbeceb;border-color:#efc9c4}
.note.ok{background:#e6f4ec;border-color:#bfe0cc}
code,.code{direction:ltr;unicode-bidi:plaintext;background:#f1ead8;border-radius:6px;padding:1px 6px;font-family:Consolas,Menlo,monospace;font-size:13px}
pre.code{display:block;padding:12px 14px;overflow:auto;white-space:pre-wrap;word-break:break-all;text-align:left;direction:ltr;margin:0}

/* modal */
.modal-back{position:fixed;inset:0;background:rgba(40,30,15,.5);display:grid;place-items:center;z-index:50;padding:20px;animation:fade .15s}
.modal{background:var(--card);border-radius:18px;max-width:640px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 20px 70px rgba(0,0,0,.3)}
.modal.wide{max-width:960px}.modal.xl{max-width:1100px}
.modal-h{display:flex;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:2}
.modal-h h2{flex:1;font-size:22px}
.modal-h button{background:none;border:0;font-size:24px;cursor:pointer;color:var(--muted)}
.modal-b{padding:22px 24px}
.modal-f{padding:14px 24px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-start;position:sticky;bottom:0;background:var(--card)}
@keyframes fade{from{opacity:0}to{opacity:1}}
#toasts{position:fixed;bottom:22px;left:22px;display:flex;flex-direction:column;gap:8px;z-index:99}
.toast{background:#2a2520;color:#fff;padding:11px 20px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.25);animation:fade .2s;max-width:380px}
.toast.bad{background:var(--bad)}.toast.ok{background:var(--ok)}

/* login */
.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#fbf3dc,#f1e7cd 60%,#e8dcb9);padding:20px}
.login-card{background:#fffdf8;border-radius:22px;padding:40px 36px;max-width:420px;width:100%;box-shadow:0 20px 70px rgba(120,90,30,.2);border:1px solid #eadfc4;text-align:center;position:relative}
.login-card:before{content:"";position:absolute;inset:8px;border:1px solid #eadfc4;border-radius:16px;pointer-events:none}
.login-card h1{font-size:30px;color:var(--gold-d);margin-bottom:6px}
.login-card p{color:var(--muted);margin:0 0 22px}
.login-card .btn{width:100%;justify-content:center;padding:12px}

/* editor */
.ed{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:visible}
.ed-bar{border-radius:12px 12px 0 0;box-shadow:0 3px 8px rgba(120,90,30,.12);display:flex;flex-wrap:wrap;gap:3px;padding:7px 8px;background:#f7f0de;border-bottom:1px solid var(--line);align-items:center;position:sticky;top:0;z-index:3}
.ed-bar button,.ed-bar select{background:#fff;border:1px solid transparent;border-radius:8px;min-width:34px;height:34px;padding:0 8px;cursor:pointer;font-size:15px}
.ed-bar select{border-color:var(--line);width:auto;padding:0 6px}
.ed-bar button:hover{background:var(--gold-l);border-color:#e3d3a3}
.ed-bar button.on{background:var(--gold);color:#fff}
.ed-bar .sep{width:1px;height:22px;background:#e0d4b5;margin:0 4px}
.ed-bar .txt{font-size:13.5px;display:flex;gap:5px;align-items:center}
.ed-area{min-height:340px;padding:22px 26px;outline:none;font-size:17px;line-height:1.8;direction:rtl;text-align:right;overflow-wrap:anywhere}
.ed-area img{max-width:100%;height:auto;border-radius:8px}
.ed-area a{color:var(--gold-d)}
.ed-area blockquote{border-right:4px solid var(--gold);margin:10px 0;padding:4px 16px;background:#faf5e6;color:#5c4d2a}
.ed-area p.ad-token{border:2px dashed var(--gold);background:#fff8e6;border-radius:12px;text-align:center;padding:14px;color:#8d6e1f;font-size:14px;margin:16px 0;user-select:none}
.ed-area p.ad-token:before{content:"כאן תוצג פרסומת · ";font-weight:700}
.ed-src{width:100%;min-height:340px;border:0;border-radius:0;font-family:Consolas,monospace;font-size:13.5px;direction:ltr;text-align:left}
.pop{position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 10px 40px rgba(0,0,0,.18);z-index:60;min-width:180px}
.pop button{display:block;width:100%;text-align:right;border:0;background:none;padding:7px 10px;border-radius:8px;cursor:pointer;height:auto}
.pop button:hover{background:var(--gold-l)}
.swatches{display:grid;grid-template-columns:repeat(6,26px);gap:6px}
.swatches button{width:26px!important;height:26px;border-radius:7px;border:1px solid rgba(0,0,0,.15)!important;padding:0!important;min-width:0}
.save-ind{font-size:13px;color:var(--muted)}
.split{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}
.step{border:1px solid var(--line);border-radius:14px;background:#fffdf8;margin-bottom:14px;overflow:visible}
.step-h{display:flex;gap:12px;align-items:center;padding:12px 16px;cursor:pointer;background:#f8f1de}
.step-h .n{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}
.step-h b{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.step-b{padding:18px}
.adcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.adcard .pv{background:#faf6ec;padding:14px;text-align:center;border-bottom:1px solid var(--line);min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.adcard .pv img{max-width:100%;max-height:130px;border-radius:8px}
.adcard .bd{padding:14px 16px;flex:1}
.cal-grid{display:flex;flex-wrap:wrap;gap:6px}
.cal-grid span{background:#fbebd0;color:#935b0e;border-radius:8px;padding:3px 10px;font-size:13px}
.svg-chart text{font-size:10px;fill:#8a7f6e;font-family:Heebo}
.legend{display:flex;gap:16px;font-size:13px;color:var(--muted);margin-bottom:6px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:5px}

@media(max-width:980px){
  aside{position:fixed;right:0;z-index:40;transform:translateX(100%);transition:.2s;box-shadow:-10px 0 40px rgba(0,0,0,.3)}
  aside.open{transform:none}
  .icon-btn{display:block}
  .topbar{padding:16px 16px 6px}.topbar h1{font-size:24px}
  #view{padding:8px 16px 50px}
  .g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}
}
@media(max-width:560px){.g4,.g3,.g2{grid-template-columns:1fr 1fr}.stat b{font-size:28px}.card{padding:16px}}


/* ================= גופנים שלך ================= */
@font-face{font-family:"FxB";src:url(/static/fonts/FxB.ttf) format("truetype");font-display:swap}
@font-face{font-family:"FxC";src:url(/static/fonts/FxC.ttf) format("truetype");font-display:swap}
@font-face{font-family:"FxE";src:url(/static/fonts/FxE.ttf) format("truetype");font-display:swap}
:root{--felix:FxB,FxC,FxE,"Suez One",Assistant,sans-serif;--num:"Suez One",Assistant,sans-serif;--hand:"Amatic SC",Assistant,sans-serif;
 --g1:#e6c75a;--g2:#c9a227;--g3:#9a7a12;--brown:#2a1f16;--brown2:#4a3623}
h1,h2,h3,.brand b,nav a,.btn,th,.tabs button,.modal-h h2{font-family:var(--felix);font-weight:400}
.stat b,.n{font-family:var(--num)}

/* ================= רקע חי ================= */
body{background:#fbf5ea;position:relative;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}
body:before{width:46vw;height:46vw;top:-14vw;left:-10vw;background:radial-gradient(circle,#f0d77a,transparent 65%);animation:drift 16s ease-in-out infinite alternate}
body:after{width:40vw;height:40vw;bottom:-14vw;right:10vw;background:radial-gradient(circle,#e9c96c,transparent 65%);animation:drift 20s ease-in-out infinite alternate-reverse}
@keyframes drift{to{transform:translate(8vw,6vh) scale(1.15)}}

/* ================= סרגל צד ================= */
aside{background:linear-gradient(180deg,#2a1f16,#1b1410);border-left:0;box-shadow:-8px 0 40px rgba(26,20,16,.25)}
.brand-mark{background:linear-gradient(135deg,var(--g1),var(--g3));color:#2a1f16;display:grid;place-items:center;box-shadow:0 0 0 4px rgba(230,199,90,.18),0 8px 22px rgba(201,162,39,.4);animation:float 5s ease-in-out infinite}
.brand b{font-size:23px;color:#f3dc8f;letter-spacing:.4px}
.brand small{color:#bda987}
nav a{display:flex;align-items:center;gap:12px;font-size:18px;border-radius:14px;color:#e6d9bf;position:relative;transition:transform .2s,background .2s,color .2s}
nav a .ico{display:grid;place-items:center;width:30px;color:var(--g1);transition:transform .25s}
nav a:hover{background:rgba(230,199,90,.1);transform:translateX(-4px);color:#fff}
nav a:hover .ico{transform:scale(1.18) rotate(-6deg)}
nav a.on{background:linear-gradient(90deg,var(--g1),var(--g3));color:#2a1f16;box-shadow:0 10px 26px rgba(201,162,39,.38)}
nav a.on .ico{color:#2a1f16}
.icon-btn{color:var(--brown)}
svg.i{vertical-align:-3px;flex-shrink:0}

/* ================= כותרות ================= */
.topbar h1{font-size:46px;color:var(--brown);line-height:1.1;position:relative;padding-bottom:14px}
.topbar h1:after{content:"";position:absolute;right:0;bottom:0;height:4px;width:90px;border-radius:4px;background:linear-gradient(90deg,var(--g2),var(--g1),var(--g2));background-size:200% 100%;animation:shine 3.2s linear infinite}
@keyframes shine{to{background-position:-200% 0}}
.card h2{font-size:25px;color:var(--brown)}

/* ================= כרטיסים ================= */
.card,.stat,.adcard,.tbl-wrap{background:rgba(255,252,246,.92);border:1.5px solid rgba(201,162,39,.35);box-shadow:0 12px 36px rgba(120,90,30,.1);transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover,.stat:hover,.adcard:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(154,122,18,.2);border-color:var(--g2)}
.stat{position:relative;overflow:hidden;padding:20px 22px}
.stat:after{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:linear-gradient(180deg,var(--g1),var(--g3))}
.stat small{font-family:var(--felix);font-size:16px;color:var(--brown2)}
.stat b{font-size:48px;line-height:1.05;margin:4px 0;background:linear-gradient(135deg,var(--g3),var(--g1) 55%,var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{color:var(--muted)}

/* ================= כפתורים ================= */
.btn{font-size:16.5px;background:linear-gradient(135deg,var(--g1),var(--g3));color:#2a1f16;border:0;box-shadow:0 8px 20px rgba(201,162,39,.38);position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}
.btn:before{content:"";position:absolute;top:0;bottom:0;width:60%;left:-80%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 28px rgba(201,162,39,.5);background:linear-gradient(135deg,var(--g1),var(--g3))}
.btn:hover:before{left:130%}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--brown);border:1.5px solid var(--g2);box-shadow:none}
.btn.ghost:hover{background:var(--brown);color:var(--g1);border-color:var(--brown);box-shadow:0 10px 22px rgba(42,31,22,.25)}
.btn.danger{background:transparent;color:var(--bad);border:1.5px solid #b79476;box-shadow:none}
.btn.danger:hover{background:var(--bad);color:#fff;border-color:var(--bad)}

/* ================= טבלאות ותגיות (גוון אחד) ================= */
th{background:var(--brown);color:var(--g1);font-size:15px;border:0}
tr.click{transition:background .15s}
tr.click:hover td{background:rgba(230,199,90,.22)}
.chip{background:#efe3c4;color:#5a4128}
.chip.ok{background:linear-gradient(135deg,var(--g1),var(--g3));color:#2a1f16}
.chip.warn{background:#f6e7b0;color:#6b5120}
.chip.bad{background:#4a3623;color:#f3dc8f}
.chip.info{background:#efe3c4;color:#5a4128}
.note,.note.bad,.note.ok{background:linear-gradient(135deg,#fdf1c9,#f9e6a6);border:1.5px solid var(--g2);border-radius:16px;color:var(--brown)}
.note.bad{background:#efe3c4;border-color:var(--bad)}
.toggle input:checked+i{background:var(--g2)}
.toast{background:var(--brown);color:#f3dc8f;border:1px solid var(--g2)}
.toast.ok{background:var(--brown)}.toast.bad{background:var(--bad)}
.tabs button.on{color:var(--brown);border-color:var(--g2)}
.step-h .n{background:linear-gradient(135deg,var(--g1),var(--g3));color:#2a1f16;font-size:17px}
.ed{border:1.5px solid rgba(201,162,39,.45)}
.ed-bar{background:linear-gradient(180deg,#fbf0cf,#f4e3ae)}
.ed-bar button{display:inline-flex;align-items:center;gap:4px;color:var(--brown)}
.ed-bar button.on,.ed-bar button:hover{background:var(--brown);color:var(--g1);border-color:var(--brown)}
.modal{border-top:5px solid var(--g2);border-radius:20px}
.modal-h h2{font-size:26px}
.login-card{border-top:5px solid var(--g2)}
.login-card h1{font-size:38px;color:var(--brown)}
input:focus,select:focus,textarea:focus{border-color:var(--g2);box-shadow:0 0 0 4px rgba(230,199,90,.3)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(201,162,39,.55);border-radius:10px}

/* ================= תנועה ================= */
#view>*{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
#view>*:nth-child(2){animation-delay:.07s}#view>*:nth-child(3){animation-delay:.14s}#view>*:nth-child(4){animation-delay:.21s}#view>*:nth-child(n+5){animation-delay:.28s}
.grid>.stat{animation:pop .6s cubic-bezier(.2,1.2,.3,1) both}
.grid>.stat:nth-child(2){animation-delay:.08s}.grid>.stat:nth-child(3){animation-delay:.16s}.grid>.stat:nth-child(4){animation-delay:.24s}
.svg-chart rect{transform-box:fill-box;transform-origin:bottom;animation:grow .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.dot{background:#8a7a60}.dot.on{background:var(--g1);box-shadow:0 0 0 3px rgba(230,199,90,.3);animation:pulse 1.8s ease-in-out infinite}.dot.off{background:#a0482e;box-shadow:0 0 0 3px rgba(160,72,46,.25)}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(230,199,90,0)}}

/* ================= רשימת קמפיינים ================= */
.camp-list{display:flex;flex-direction:column;gap:14px}
.camp-row{display:grid;grid-template-columns:minmax(220px,1.4fr) auto minmax(280px,1.6fr) auto;gap:20px;align-items:center;padding:18px 22px;background:rgba(255,252,246,.92);border:1.5px solid rgba(201,162,39,.35);border-radius:var(--r);box-shadow:0 10px 30px rgba(120,90,30,.08);cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.camp-row:before{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:linear-gradient(180deg,var(--g1),var(--g3))}
.camp-row:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(154,122,18,.2);border-color:var(--g2)}
.cr-name{font-family:var(--felix);font-size:23px;color:var(--brown);line-height:1.2;margin-bottom:3px}
.cr-stats{display:flex;gap:6px;justify-content:space-between}
.mc{text-align:center;flex:1;min-width:58px}
.mc b{display:block;font-family:var(--num);font-weight:400;font-size:28px;line-height:1.1;color:var(--brown)}
.mc small{font-size:12.5px;color:var(--muted);white-space:nowrap}
.cr-act{display:flex;flex-direction:column;gap:6px}
@media(max-width:1100px){.camp-row{grid-template-columns:1fr auto}.cr-stats{grid-column:1/-1;order:3}.cr-act{flex-direction:row}}

/* ================= מסך סטטיסטיקה ================= */
.stats-head{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:start}
.sh-info .kv{display:flex;gap:10px;align-items:baseline;margin-bottom:7px;font-size:16px}
.kv span{color:var(--muted);min-width:46px}.kv em{color:var(--muted);font-style:normal;font-size:14px}
.sh-big{margin-top:16px;display:flex;align-items:baseline;gap:10px}
.sh-big b{font-family:var(--num);font-weight:400;font-size:64px;line-height:1;background:linear-gradient(135deg,var(--g3),var(--g1) 55%,var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-big span{font-family:var(--felix);font-size:22px;color:var(--brown2)}
.sh-prev{border:1.5px solid rgba(201,162,39,.4);border-radius:14px;overflow:hidden;background:#f3ead6}
.pv-bar{display:flex;gap:6px;padding:6px 10px;background:#f1e3b8}
.pv-bar button{background:none;border:0;border-bottom:3px solid transparent;padding:4px 10px;cursor:pointer;color:var(--brown)}
.pv-bar button.on{border-color:var(--g2)}
.pv-frame{display:block;width:100%;height:340px;border:0;background:#fff;margin:0 auto;transition:width .3s}
.pv-frame.mob{width:340px}
.stat-strip{display:grid;grid-template-columns:repeat(6,1fr);background:rgba(255,252,246,.92);border:1.5px solid rgba(201,162,39,.35);border-radius:var(--r);box-shadow:0 12px 36px rgba(120,90,30,.1);overflow:hidden;margin-bottom:6px}
.bigstat{padding:18px 14px;text-align:center;border-left:1px solid rgba(201,162,39,.25);transition:background .2s}
.bigstat:last-child{border-left:0}.bigstat:hover{background:rgba(230,199,90,.18)}
.bigstat small{display:block;font-family:var(--felix);font-size:17px;color:var(--brown2)}
.bigstat b{display:block;font-family:var(--num);font-weight:400;font-size:38px;line-height:1.2;background:linear-gradient(135deg,var(--g3),var(--g1) 55%,var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.bigstat span{color:var(--muted);font-size:14px}
@media(max-width:900px){.stats-head{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(3,1fr)}}
.seg{display:inline-flex;border:1.5px solid var(--g2);border-radius:30px;overflow:hidden}
.seg button{background:none;border:0;padding:6px 16px;cursor:pointer;font-family:var(--felix);font-size:15px;color:var(--brown)}
.seg button.on{background:var(--brown);color:var(--g1)}
.line-chart text{font-size:10.5px;fill:#8a7258}
.line-chart .gl{stroke:rgba(201,162,39,.25);stroke-dasharray:3 4}
.line-chart .ln-o,.line-chart .ln-c{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.4s ease forwards}
.line-chart .ln-o{stroke:#c9a227}.line-chart .ln-c{stroke:#4a3623;animation-delay:.25s}
.line-chart .dot-opens{fill:#fff;stroke:#c9a227;stroke-width:2.5}.line-chart .dot-clicks{fill:#fff;stroke:#4a3623;stroke-width:2.5}
@keyframes draw{to{stroke-dashoffset:0}}

/* שינוי גודל תמונה בעורך */
.ed{position:relative}
.ed-area img{cursor:pointer;transition:opacity .15s}.ed-area img:hover{opacity:.92}
.img-box{position:absolute;border:2px solid var(--g2);border-radius:8px;pointer-events:none;z-index:4;box-shadow:0 0 0 4px rgba(230,199,90,.3)}
.img-bar{position:absolute;z-index:6;display:flex;gap:4px;background:var(--brown);padding:5px;border-radius:12px;box-shadow:0 10px 26px rgba(42,31,22,.35)}
.img-bar button{background:transparent;border:0;color:var(--g1);font-family:var(--felix);font-size:14px;padding:6px 10px;border-radius:8px;cursor:pointer}
.img-bar button:hover{background:var(--g2);color:var(--brown)}
.img-bar[hidden],.img-box[hidden]{display:none}

/* סטטוס נמענת: ירוק = פעילה, אדום = הסרה, כתום = חזר / לא תקין */
.chip.green{background:#dff3e4;color:#1d6b38;box-shadow:inset 0 0 0 1px #9fd5ae}
.chip.red{background:#fbe1de;color:#a02a1f;box-shadow:inset 0 0 0 1px #eba9a2}
.chip.orange{background:#fdebd3;color:#a85a05;box-shadow:inset 0 0 0 1px #f2c487}

.pop .symgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:2px 6px;min-width:230px}
.pop .symgrid button{text-align:center;padding:6px 0;font-size:18px;color:var(--gold-d,#9a7a12)}
.pop .symgrid.divs{grid-template-columns:repeat(2,1fr)}
.pop .symgrid.divs button{font-size:15px;letter-spacing:3px}
.pop .tplrow{display:flex;align-items:center}.pop .tplrow button:first-child{flex:1;text-align:right}
.pop .tplrow button:last-child{width:30px;color:#a33;opacity:.6}

.gsearch{position:relative;flex:0 1 300px;margin-inline:auto 12px}
.gsearch input{width:100%;padding:9px 14px;border:1px solid var(--line,#e6dcc4);border-radius:22px;background:#fffdf8;font:inherit;font-size:14.5px}
#gsr{position:absolute;top:calc(100% + 6px);right:0;left:0;min-width:300px;background:#fff;border:1px solid var(--line,#e6dcc4);border-radius:12px;box-shadow:0 12px 32px rgba(90,65,40,.18);z-index:60;max-height:70vh;overflow:auto;padding:6px}
#gsr .gh{font-size:12px;color:#9a8a6c;padding:8px 10px 3px;letter-spacing:.5px}
#gsr a{display:block;padding:7px 10px;border-radius:8px;color:inherit;text-decoration:none}
#gsr a:hover{background:#f7f0dd}#gsr a small{display:block;color:#8a7f6e;font-size:12.5px}
.svg-chart text.xl{font-size:10.5px;fill:#6f624c}
@media(max-width:700px){.gsearch{flex-basis:100%;order:5}}

.rc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 10px}
.rc-leg{margin:0}.rc-leg b{font-weight:700}
.rc-svg text{font-family:inherit}.rc-svg .ry{font-size:12px;fill:#8a7f6e}.rc-svg .rg{stroke:#ece3cd;stroke-width:1}.rc-svg .rz{stroke:#bdb092;stroke-width:1.4}
.rc-svg .rl{font-size:13.5px;fill:#5a4a33}.rc-svg .rl.rn{font-weight:700;fill:#2a1f16}.rc-svg .rd{font-size:12.5px;fill:#8a7f6e}.rc-svg .rv{font-size:12px;fill:#5a4a33;font-weight:600}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:8px 0 12px}
.facts>div{background:#fbf6e7;border:1px solid #eadfba;border-radius:12px;padding:9px 12px}
.facts small{display:block;color:#8a7f6e;font-size:12.5px}.facts b{font-size:18px}.facts .hint{display:block}
.stars{color:#c5a025;letter-spacing:2px}.stars i{color:#e3d9bd;font-style:normal}
.tl{max-height:300px;overflow:auto}
.tl-row{display:flex;gap:10px;padding:6px 0;align-items:flex-start}
.tl-dot{flex:0 0 26px;height:26px;border-radius:50%;background:#f3ead0;color:#9a7a12;display:grid;place-items:center;font-size:14px;}
.tl-open .tl-dot{background:#e4f1e2;color:#2f7a3d}.tl-click .tl-dot{background:#f9e9ae;color:#8a6a08}.tl-unsub .tl-dot{background:#f6dada;color:#b03030}

.pop .symgrid.emo{grid-template-columns:repeat(6,1fr)}.pop .symgrid.emo button{font-size:22px;color:inherit}

.ab-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.ab-add{border:0;border-radius:20px;padding:7px 16px;color:#fff;background:var(--c);font:inherit;font-size:14.5px;cursor:pointer}
.ab-main{display:grid;grid-template-columns:1fr 290px;gap:14px;align-items:start}
.ab-canvas{direction:ltr;height:68vh;overflow:auto;border:1px solid var(--line,#e6dcc4);border-radius:16px;background:#fffdf8 radial-gradient(#e8dfc6 1px,transparent 1px) 0 0/22px 22px}
.ab-in{position:relative;width:2600px;height:1800px}.ab-in svg{position:absolute;inset:0;pointer-events:none}
.ab-in svg .ed{fill:none;stroke:#8a7f6e;stroke-width:2;pointer-events:stroke;cursor:pointer}.ab-in svg .ed:hover{stroke:#c0392b}.ab-in svg .tmp{stroke-dasharray:5 4;pointer-events:none}
.nd{position:absolute;direction:rtl;background:#fff;border:2px solid var(--c);border-radius:14px;box-shadow:0 6px 18px rgba(90,65,40,.12);user-select:none}
.nd.sel{box-shadow:0 0 0 4px rgba(197,160,37,.35),0 6px 18px rgba(90,65,40,.18)}
.nd .nh{background:var(--c);color:#fff;border-radius:11px 11px 0 0;padding:6px 12px;font-weight:700;cursor:grab;display:flex;justify-content:space-between;align-items:center}
.nd .cnt{background:rgba(255,255,255,.28);border-radius:12px;padding:0 8px;font-size:12.5px}
.nd .nb{padding:9px 12px;font-size:14px;line-height:1.5;min-height:42px;word-break:break-word}
.nd .ports{position:absolute;left:0;right:0;bottom:-9px;display:flex;justify-content:space-around;height:0}
.nd .pw{position:relative;width:16px;height:16px;flex:none}.nd .pw small{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:11.5px;color:#6b6b6b;white-space:nowrap}
.pt{width:16px;height:16px;flex:none;box-sizing:border-box;border-radius:50%;background:#fff;border:3px solid var(--c);display:block;cursor:crosshair}
.pt.in{position:absolute;top:-9px;left:50%;margin-left:-8px;cursor:default}
.nd .nb{padding-bottom:16px}
.ab-panel{background:var(--card,#fff);border:1px solid var(--line,#e6dcc4);border-radius:16px;padding:14px}
.ab-panel h3{margin:0 0 10px}
@media(max-width:900px){.ab-main{grid-template-columns:1fr}}
.nd .nb{padding-bottom:26px}
.days{display:flex;gap:6px;flex-wrap:wrap}.dchk{margin:0!important;padding:4px 10px;border:1px solid var(--line,#e6dcc4);border-radius:10px}

.ed-area p{margin:0 0 16px}.ed-area p:last-child{margin-bottom:0}.ed-hint{padding:6px 14px;font-size:12.5px;color:#8a7a5a;border-top:1px solid var(--line);background:#fffdf8;border-radius:0 0 12px 12px}

/* ספריית תמונות */
.mh{margin:18px 0 8px}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.mcard{border:1px solid var(--line,#e5dccb);border-radius:10px;background:#fff;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}
.mcard:hover{box-shadow:0 2px 10px rgba(0,0,0,.12)}
.mth{aspect-ratio:1/1;background:#f6f1e6;display:flex;align-items:center;justify-content:center}
.mth img{max-width:100%;max-height:100%;object-fit:contain}
.mti{padding:6px 8px;font-size:12.5px;line-height:1.3;min-height:34px}
.mbt{display:flex;gap:4px;padding:0 6px 8px;flex-wrap:wrap}