:root{--cream: #F6E7DA;--paper: #fffdfb;--ink: #7A6F35;--muted: #7A6F35;--line: #EBC4BC;--rose: #8A1C26;--rose-deep: #8A1C26;--blush: #EBC4BC;--field: #EBC4BC;--gold: #C5A76E;--shadow: 0 16px 40px rgba(122, 111, 53, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(700px 300px at 100% -10%,rgba(235,196,188,.75),transparent 60%),radial-gradient(520px 280px at 0% 20%,rgba(197,167,110,.28),transparent 55%),var(--cream);color:var(--ink);font-family:IBM Plex Sans Arabic,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button{cursor:pointer}.boot,.pad{padding:2rem}.muted{color:var(--muted)}.error{color:#8a1c26}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login form{width:min(420px,100%);background:var(--paper);border-radius:24px;padding:1.6rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.8rem}.mark,.brand span{font-family:Cormorant Garamond,Georgia,serif;color:var(--rose-deep);font-size:2.4rem;line-height:1}.login h1{font-size:1.6rem}.login label,.login input{display:flex;flex-direction:column;gap:.3rem}.login input,.ghost,.menu{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.7rem .8rem}.login button[type=submit],.ghost{background:var(--rose-deep);color:#fff;border:0;border-radius:12px;min-height:44px}.ghost{background:transparent;color:var(--rose-deep);border:1px solid var(--line)}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.side{background:#f6e7da;border-inline-start:1px solid var(--line);padding:1.2rem 1rem;position:sticky;top:0;height:100vh}.brand{display:flex;flex-direction:column;margin-bottom:1.4rem}.brand small{color:var(--muted)}.side nav{display:flex;flex-direction:column;gap:.25rem}.side a{padding:.7rem .8rem;border-radius:12px;color:var(--ink)}.side a.active,.side a:hover{background:var(--blush);color:var(--rose-deep)}.shade{display:none}.main{min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem}.top div{display:flex;flex-direction:column}.top span,.menu{color:var(--muted);font-size:.85rem}.menu{display:none;background:#fff}.page{padding:0 1.3rem 2rem;display:flex;flex-direction:column;gap:1rem}.hero{background:#8a1c26;color:#f6e7da;box-shadow:inset 0 0 0 1px #c5a76e;border-radius:24px;padding:1.4rem 1.5rem}.kicker{letter-spacing:.08em;font-size:.8rem}.hero h1{font-size:clamp(1.6rem,3vw,2.2rem);margin:.2rem 0 .4rem}.kpis,.grid{display:grid;gap:.8rem}.kpis{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:1.4fr .8fr}.kpis article,.panel{background:#fff;border-radius:18px;padding:1rem;box-shadow:var(--shadow)}.kpis p,.kpis span{color:var(--muted);font-size:.82rem}.kpis strong{display:block;font-size:1.35rem;margin:.25rem 0;color:var(--rose-deep)}.panel h2{font-size:1.05rem;margin-bottom:.8rem}.stack{display:flex;flex-direction:column;gap:.8rem}.bars{height:180px;display:grid;grid-template-columns:repeat(12,1fr);gap:.35rem;align-items:end}.bar{display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%;justify-content:flex-end}.bar span{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(#ebc4bc,#8a1c26);display:block}.bar small{font-size:.62rem;color:var(--muted)}.status-list,.rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.status-list li,.rank li{display:flex;align-items:center;gap:.5rem}.status-list strong,.rank strong{margin-inline-start:auto;flex-shrink:0}.rank span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:var(--field)}.dot.completed{background:#7a6f35}.dot.pending{background:#c5a76e}.dot.processing{background:var(--rose)}.dot.cancelled{background:#8a1c26}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:.65rem .3rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.8rem;font-weight:600}td small{display:block;color:var(--muted)}.pill{border-radius:999px;padding:.15rem .55rem;background:var(--blush);color:var(--rose-deep);font-size:.78rem}.pill.completed,.pill.on{background:#f6e7da;color:#7a6f35}.pill.cancelled,.pill.off{background:#ebc4bc;color:#8a1c26}.pill.processing{background:var(--blush);color:var(--rose-deep)}.pill.pending{background:#c5a76e;color:#8a1c26}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:end}.page-head h1{font-size:clamp(1.5rem,3vw,2rem)}.kicker a{color:var(--rose)}.editor,.filters{background:#fff;border-radius:18px;padding:1rem;box-shadow:var(--shadow)}.editor{display:flex;flex-direction:column;gap:.75rem}.editor h2{font-size:1.05rem}.editor label,.filters{color:var(--ink)}.editor label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem}.cols,.checks{display:grid;gap:.7rem}.cols{grid-template-columns:1fr 1fr}.checks{grid-template-columns:auto auto;justify-content:start}.check{flex-direction:row!important;align-items:center;gap:.45rem!important}.editor input,.editor select,.editor textarea,.filters input,.filters select{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.65rem .75rem;width:100%}.filters{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.filters input,.filters select{width:auto;min-width:10rem;flex:1}.solid,a.solid{background:var(--rose-deep);color:#fff;border:0;border-radius:12px;min-height:42px;padding:.55rem 1rem;display:inline-flex;align-items:center;justify-content:center}a.ghost,a.link.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem 1rem}.solid:disabled{opacity:.6}.text{background:transparent;border:0;color:var(--rose-deep);padding:.2rem}.text.danger{color:#8a1c26}.row-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.ok{color:#7a6f35}.pager{display:flex;gap:.8rem;align-items:center;justify-content:center}.totals{display:flex;flex-direction:column;gap:.35rem;margin-top:.8rem}.variants{display:flex;flex-direction:column;gap:.8rem}.variant-group{border:1px solid var(--line);border-radius:16px;padding:.85rem;display:flex;flex-direction:column;gap:.65rem;background:#f6e7da}.variant-row{display:grid;grid-template-columns:auto 1.3fr .8fr .7fr .8fr auto auto;gap:.45rem;align-items:center}.variant-row input[type=color]{width:42px;height:42px;padding:.2rem;border-radius:10px}.pick-list{max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:.45rem;margin-top:.6rem}.pick-list label{display:grid;grid-template-columns:auto 1fr 88px;gap:.55rem;align-items:center}.pick-list small{display:block;color:var(--muted)}@media(max-width:980px){.shell{grid-template-columns:1fr}.side{position:fixed;z-index:30;inset-block:0;inset-inline-start:0;width:min(280px,86vw);transform:translate(110%);transition:transform .2s ease}.side.open{transform:none}.shade{display:block;position:fixed;inset:0;border:0;background:#3a242659;z-index:20}.menu{display:inline-flex}.kpis,.grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.kpis,.grid,.bars,.cols,.checks,.variant-row{grid-template-columns:1fr}.bars{height:auto}.bar{height:28px;flex-direction:row}.bar span{height:100%!important;width:40%}.top{align-items:flex-start}}