:root{--p:#e76f51;--p2:#f4a261;--g:#2a9d8f;--bg:#fff8f0;--ink:#3d2c29;--mut:#8a7a72;--card:#fff;--r:16px}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--p)}.wrap{max-width:1150px;margin:auto;padding:0 16px}h1,h2{line-height:1.3}
.top{background:linear-gradient(90deg,var(--p),var(--p2));color:#fff;position:sticky;top:0;z-index:9;box-shadow:0 2px 10px #0002}
.nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:60px}.logo{color:#fff;font-weight:800;font-size:1.25rem;text-decoration:none}
.nav nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.nav nav a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:10px;font-weight:600}.nav nav a:hover{background:#fff3}
.burger{display:none;font-size:1.6rem;cursor:pointer}
@media(max-width:820px){.burger{display:block}.nav nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:10px}#mt:checked~nav{display:flex}}
.btn{display:inline-block;background:var(--p);color:#fff;border:0;border-radius:12px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin:4px 0}.btn:hover{filter:brightness(1.07)}
.btn.alt{background:#fff;color:var(--p);border:2px solid var(--p)}.btn.sm{padding:4px 10px;font-size:.9rem}.btn.danger{background:#c0392b}.nav .btn.sm{background:#fff;color:var(--p)}
.hero{text-align:center;padding:48px 16px;background:radial-gradient(circle at top,#ffe8d6,transparent 70%);border-radius:var(--r);margin:20px 0}.hero h1{font-size:2.2rem;margin:0 0 8px;color:var(--p)}.hero p{max-width:680px;margin:0 auto 18px;color:var(--mut)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{background:var(--card);border-radius:var(--r);padding:18px;text-align:center;font-size:2rem;text-decoration:none;color:var(--ink);box-shadow:0 3px 12px #e76f5122}.tile b{display:block;font-size:1rem}
.card{background:var(--card);border-radius:var(--r);padding:18px;margin:14px 0;box-shadow:0 3px 14px #3d2c2914}.narrow{max-width:420px;margin:30px auto}.center{text-align:center}.big{font-size:4rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.rcard{display:flex;gap:12px;background:var(--card);border-radius:var(--r);padding:12px;text-decoration:none;color:var(--ink);box-shadow:0 3px 12px #3d2c2914;transition:.2s}.rcard:hover{transform:translateY(-3px)}
.remoji{flex:0 0 70px;height:70px;border-radius:14px;background:linear-gradient(135deg,#ffe8d6,#fcd5ce);display:flex;align-items:center;justify-content:center;font-size:2.4rem}.remoji.xl{flex-basis:120px;height:120px;font-size:4.5rem}
.rcard h3{margin:0;font-size:1.05rem}.meta,.muted{color:var(--mut);font-size:.88rem}.rbody{flex:1;min-width:0}
.bar{height:8px;background:#eee;border-radius:9px;overflow:hidden;margin:6px 0 2px}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--p2),var(--g))}
.miss{font-size:.82rem;color:#b5523b}.ok{font-size:.85rem;color:var(--g)}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-block;background:#fff;border:1px solid #f3d3c3;border-radius:20px;padding:3px 10px;margin:3px;text-decoration:none;color:var(--ink);font-size:.9rem;cursor:pointer}.chip.big{padding:6px 14px}
.chip input{display:none}.chip:has(input:checked){background:var(--g);color:#fff;border-color:var(--g)}
fieldset.pick{border:1px dashed #f3c6b0;border-radius:12px;margin:8px 0}legend{font-weight:700;padding:0 6px}
.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;align-items:end}label{display:block;font-weight:600;font-size:.9rem;margin:6px 0}
input,select,textarea{width:100%;padding:8px 10px;border:1px solid #e8cfc2;border-radius:10px;font:inherit;background:#fff}input[type=checkbox]{width:auto}label.cb{display:flex;gap:6px;align-items:center}
.inline{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.inline input,.inline select{width:auto}
.rhead{display:flex;gap:18px;flex-wrap:wrap}.two{display:grid;grid-template-columns:1fr 2fr;gap:20px}@media(max-width:700px){.two{grid-template-columns:1fr}}
.ings li{padding:3px 0}.steps li{margin:6px 0}
.week{width:100%;border-collapse:collapse}.week th,.week td{border:1px solid #f3d3c3;padding:8px;text-align:start}.week th{background:#fff1e6}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.stat{background:#fff;border-radius:14px;padding:14px;text-align:center;box-shadow:0 2px 10px #0001}.stat b{display:block;font-size:1.6rem;color:var(--p)}.stat.hl{background:var(--g);color:#fff}.stat.hl b{color:#fff}
.chart{width:100%;max-width:640px;background:#fffaf6;border-radius:12px}
.alert{background:#e6f6f3;border:1px solid var(--g);padding:10px;border-radius:10px;margin:10px 0}.alert.err{background:#fdecea;border-color:#c0392b}
.badge{padding:2px 8px;border-radius:8px;font-size:.8rem;background:#eee}.badge.approved{background:#d4f4ea}.badge.pending{background:#fff1c1}.badge.rejected{background:#fbd5d0}
.subnav{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.subnav a{background:#fff;padding:6px 12px;border-radius:10px;text-decoration:none;box-shadow:0 1px 6px #0001}
.tablewrap{overflow-x:auto}.list{width:100%;border-collapse:collapse;background:#fff}.list th,.list td{border-bottom:1px solid #f0e0d6;padding:6px;text-align:start;vertical-align:top}.list input:not([type=checkbox]){min-width:90px}
.inggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px}.ingq{display:flex;gap:6px;align-items:center;font-weight:400}.ingq input[name^=qty]{width:90px;padding:3px 6px}
.foot{margin-top:40px;padding:20px 0;background:#3d2c29;color:#f7e1d7;text-align:center}.foot a{color:var(--p2)}
@media print{.top,.foot,.noprint{display:none}.card{box-shadow:none}}
.footgrid{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;text-align:start}
.appdl{display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink)!important;border-radius:14px;padding:6px 12px 6px 6px;text-decoration:none}
[dir=rtl] .appdl{padding:6px 6px 6px 12px}.appdl img{border-radius:8px;display:block}.appdl span{display:flex;flex-direction:column;line-height:1.3}.appdl small{color:var(--mut)}
@media(max-width:600px){.footgrid{flex-direction:column;text-align:center}}
/* share */
.rwrap{position:relative}.rwrap .rcard{height:100%}
.sharebtn{background:#fff;border:1.5px solid var(--p);color:var(--p);border-radius:20px;padding:5px 14px;font:inherit;font-weight:700;cursor:pointer}.sharebtn:hover{background:var(--p);color:#fff}
.sharebtn.mini{position:absolute;top:8px;inset-inline-end:8px;padding:2px 8px;font-size:.9rem;border-width:1px}
.pageshare{text-align:center;margin:26px 0 0}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sheet{position:fixed;inset:0;background:#0007;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet[hidden]{display:none}
.sheetbox{background:#fff;border-radius:18px 18px 0 0;padding:18px;width:100%;max-width:480px;text-align:center}
.sh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.sh-grid a,.sh-grid button{background:#fff1e6;border:0;border-radius:12px;padding:12px 4px;text-decoration:none;color:var(--ink);font:inherit;font-size:.9rem;cursor:pointer}
.sh-msg{color:var(--g);min-height:1.4em}
@media print{.sharebtn,.pageshare{display:none}}
/* submit extras */
.crow{display:flex;gap:6px;margin:4px 0}.crow input{flex:1}.crow input.q{flex:0 0 110px}
.adminbox{background:#fff1e6;border-radius:12px;padding:10px;margin:10px 0}
.card.sel{outline:3px solid var(--g)}