:root{--green:#087b35;--deep:#063c25;--orange:#ff9f0a;--bg:#f4f7f5;--ink:#183126;--muted:#718078}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Montserrat,Cairo,sans-serif;color:var(--ink)}
.dash-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#075f31,#063c25);padding:28px 18px;display:flex;flex-direction:column;color:#fff}
.dash-brand{text-decoration:none;color:#fff;display:flex;flex-direction:column}.dash-brand strong{font-family:Georgia,serif;font-size:40px;letter-spacing:2px}.dash-brand span{font-size:9px;letter-spacing:2px;margin-top:7px}
.dash-sidebar nav{display:grid;gap:8px;margin-top:45px}.dash-sidebar nav button{border:0;background:transparent;color:#d6eee0;text-align:left;padding:13px 15px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.dash-sidebar nav button.active{background:#fff;color:var(--deep)}
.back-site{margin-top:auto;color:#fff;text-decoration:none;font-size:12px}
.dash-main{margin-left:250px;padding:32px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dash-header small{color:var(--green);font-weight:800}.dash-header h1{margin:5px 0 0}.dash-header button{border:1px solid #d8e3dc;background:#fff;border-radius:30px;padding:10px 14px;font-weight:800}
.dash-panel{display:none}.dash-panel.active{display:block}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-grid article,.dash-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(16,73,43,.07)}.stat-grid article span{font-size:30px}.stat-grid article b{display:block;font-size:34px;margin:13px 0 3px}.stat-grid article small{color:var(--muted)}
.dash-card{margin-top:20px}.dash-card-head,.dash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-bars{display:grid;gap:15px;margin-top:20px}.bar-row{display:grid;grid-template-columns:120px 1fr 40px;gap:12px;align-items:center}.bar{height:12px;background:#ecf2ee;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));border-radius:20px}
.dash-toolbar{margin-bottom:18px}.dash-toolbar input{flex:1;border:1px solid #dbe4de;background:#fff;border-radius:10px;padding:13px}.dash-toolbar button,.primary{border:0;border-radius:10px;padding:12px 15px;font-weight:800;cursor:pointer}.primary{background:var(--green);color:#fff}
.table-wrap{overflow:auto;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(16,73,43,.07)}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:15px;border-bottom:1px solid #edf1ee;font-size:12px}th{color:var(--muted)}.status{background:#e9f8ef;color:#087b35;border-radius:30px;padding:6px 9px;font-weight:800}.table-actions button{border:0;background:#edf5f0;border-radius:7px;padding:7px 9px;cursor:pointer;margin-right:4px}
.quote-list{display:grid;gap:10px}.quote-item{display:flex;justify-content:space-between;background:#f5f9f6;padding:13px;border-radius:10px}.empty{color:var(--muted);padding:20px;text-align:center}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border-radius:18px;padding:24px;margin-bottom:18px}.settings-grid label{display:grid;gap:8px;font-size:12px;font-weight:800}.settings-grid input{border:1px solid #dbe4de;border-radius:9px;padding:12px;font:inherit}
dialog{border:0;border-radius:20px;padding:0;width:min(520px,92vw);box-shadow:0 30px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(3,31,18,.65)}#productForm{padding:24px;display:grid;gap:12px}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between}.dialog-head button{border:0;background:#eef3f0;border-radius:50%;width:34px;height:34px;font-size:20px}.dialog-actions{justify-content:flex-end;gap:10px}#productForm label{display:grid;gap:6px;font-size:12px;font-weight:800}#productForm input,#productForm select{border:1px solid #dbe4de;border-radius:9px;padding:11px;font:inherit}
body[dir=rtl] .dash-sidebar{left:auto;right:0}body[dir=rtl] .dash-main{margin-left:0;margin-right:250px}body[dir=rtl] th,body[dir=rtl] td{text-align:right}
@media(max-width:900px){.dash-sidebar{position:static;width:auto;min-height:auto}.dash-sidebar nav{grid-template-columns:repeat(4,1fr);margin-top:20px}.back-site{margin-top:20px}.dash-main{margin:0!important}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.dash-main{padding:18px}.dash-sidebar nav{grid-template-columns:1fr 1fr}.stat-grid,.settings-grid{grid-template-columns:1fr}.dash-toolbar{align-items:stretch;flex-direction:column}.bar-row{grid-template-columns:85px 1fr 30px}}