:root{--ink:#15251f;--muted:#6d7e76;--brand:#087f5b;--paper:#fff;--bg:#f3f6f4;--line:#dfe7e3}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#102c23;color:#fff;padding:24px 16px}.brand{font-size:22px;font-weight:bold;margin-bottom:28px}.nav a{display:block;padding:11px 13px;border-radius:9px;margin:4px 0;color:#d9eee7}.nav a:hover{background:#1b4b3c}.main{padding:24px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 16px #193c3010}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric b{font-size:27px;color:var(--brand)}.muted{color:#6d7e76;font-size:13px}.btn{display:inline-block;border:0;border-radius:9px;background:var(--brand);color:white;padding:10px 15px;cursor:pointer}.btn.secondary{background:#e8f5f0;color:var(--brand)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:right}th{background:#f8faf9;color:#53665e}.form-control{width:100%;padding:10px;border:1px solid #ccd8d3;border-radius:8px;margin-top:5px}form p{margin:12px 0}.messages{padding:0}.messages li{list-style:none;padding:11px;border-radius:8px;background:#d3f9d8;margin-bottom:10px}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar input{max-width:300px}.pos-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product{cursor:pointer;text-align:center}.product:hover{border-color:var(--brand)}.collapsible-card summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.collapsible-card summary::marker{color:var(--brand)}.collapsible-card[open] summary{padding-bottom:14px;border-bottom:1px solid var(--line)}.collapsible-content{padding-top:4px}.permission-checkbox{width:auto;margin-left:8px}@media(max-width:850px){.layout{display:block}.sidebar{padding:12px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.main{padding:12px}.grid{grid-template-columns:repeat(2,1fr)}.pos-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}}
.popular-products{margin-bottom:12px}.popular-products>summary{list-style:none;width:max-content;user-select:none}.popular-products>summary::-webkit-details-marker{display:none}.popular-products[open]>summary{margin-bottom:12px}.cart-number{padding:9px 7px;border:2px solid #b8cbc3;border-radius:8px;font-size:17px;text-align:center}.quantity-input{width:92px;font-weight:bold;color:var(--brand)}.discount-input{width:110px}.cart-number:focus{outline:3px solid #87dcc2;border-color:var(--brand)}
/* Mizan Pro visual system */
:root{--ink:#102820;--muted:#668076;--brand:#087b5a;--brand-deep:#082e26;--gold:#bd8b38;--paper:#ffffff;--bg:#f3f6f4;--line:#e1e9e5}body{background:radial-gradient(circle at 95% -15%,#e2f4ed 0,transparent 31%),var(--bg);letter-spacing:.05px}.layout{grid-template-columns:250px 1fr}.sidebar{background:linear-gradient(160deg,#082c25 0%,#104237 100%);padding:25px 16px;box-shadow:inset -1px 0 #ffffff17}.brand{font-size:22px;letter-spacing:.3px;display:flex;align-items:center;gap:9px;margin-bottom:27px}.brand:before{content:'م';display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#e2c174,var(--gold));color:#17332b;font-size:16px;box-shadow:0 4px 13px #0003}.nav a{border-radius:10px;margin:3px 0;padding:11px 13px;color:#cde3db;transition:background .16s ease,color .16s ease,transform .16s ease}.nav a:hover{background:#ffffff16;color:#fff;transform:translateX(-2px)}.nav form{margin-top:12px}.nav .btn.secondary{background:#ffffff12;color:#e5f4ee;border:1px solid #ffffff18}.main{padding:29px 34px;max-width:1600px}.top{margin-bottom:25px}.top h2{font-size:25px;letter-spacing:-.35px;margin:0}.top:before{content:'ميزان برو';display:block;color:var(--gold);font-size:10px;font-weight:bold;letter-spacing:1.2px;margin-bottom:6px}.top .toolbar{padding:6px 9px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 5px 15px #15382d0b}.card{border:1px solid var(--line);border-radius:16px;padding:19px 20px;box-shadow:0 7px 25px #173e3210}.grid{gap:16px}.metric{position:relative;overflow:hidden}.metric:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;background:#e6f6ef;left:-27px;top:-28px}.metric b{position:relative;font-size:29px}.btn{border-radius:10px;background:linear-gradient(105deg,#087b5a,#0a9269);box-shadow:0 6px 14px #087b5a26;font-weight:bold;transition:transform .15s ease,filter .15s ease}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn.secondary{background:#eff8f4;color:#087b5a;box-shadow:none;border:1px solid #cce7dc}.form-control{border:1px solid #d7e3de;border-radius:10px;padding:10px 11px;background:#fcfefd;transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus{outline:none;border-color:#76bca5;box-shadow:0 0 0 3px #b9e4d233}table{overflow:hidden;border-radius:12px;border:1px solid var(--line)}th{background:#f3f8f5;color:#557267;font-size:12px;text-transform:none}td{border-bottom-color:#edf2ef}tr:last-child td{border-bottom:0}.messages li{background:#e8f8ef;border:1px solid #c3ead3;color:#176443;border-radius:11px}.toolbar{gap:10px}.product{border-radius:14px;border-color:#e1ebe6;box-shadow:0 3px 10px #15392b08}.product:hover{border-color:#83c6ae;box-shadow:0 8px 20px #0b6d5217}.pos-grid{gap:19px}.collapsible-card{border-left:4px solid var(--gold)}@media(max-width:850px){.layout{grid-template-columns:1fr}.main{padding:16px}.top h2{font-size:21px}.top:before{display:none}.sidebar{padding:12px}.brand{margin:0 0 12px}.nav a{padding:9px 11px}.top .toolbar{padding:2px;border:0;background:transparent;box-shadow:none}}