@font-face{font-family:system-arabic;src:local("Tahoma")}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-arabic,"Segoe UI",Arial,sans-serif;color:#16221d;background:#f4f7f5}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{color:#65766e;font-size:.76rem;font-weight:700;letter-spacing:.06em;margin:0 0 5px}.muted{color:#718078}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-brand{background:linear-gradient(145deg,#0b3b2c 0%,#12553e 62%,#0b3327 100%);color:#fff;padding:11vh 9vw;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%;width:440px;height:440px;left:-180px;bottom:-160px}.login-brand:after{width:270px;height:270px;left:-80px;bottom:-80px}.brand-mark{width:58px;height:58px;border-radius:18px;background:#d5a949;color:#123e30;display:grid;place-items:center;font-weight:900;font-size:2rem;box-shadow:0 12px 30px #0003}.brand-mark.small{width:39px;height:39px;border-radius:12px;font-size:1.3rem;box-shadow:none}.login-brand h1{font-size:3.2rem;margin:18px 0 4px;letter-spacing:-.05em}.login-brand h1 span{color:#e4bd61}.login-brand .eyebrow{color:#b5d3c8}.login-copy{font-size:1.15rem;line-height:2;max-width:530px;color:#dbe9e4}.brand-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.brand-points span{border:1px solid #ffffff35;background:#ffffff0d;border-radius:30px;padding:9px 15px;font-size:.82rem}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%)}.login-card h2{font-size:2rem;margin:5px 0}.login-card label,.form-grid label{display:grid;gap:7px;margin-top:20px;font-size:.84rem;font-weight:700;color:#35473f}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select,.api-body{width:100%;border:1px solid #d9e2dd;background:#fbfcfb;padding:12px 14px;border-radius:11px;outline:none;color:#16221d;transition:.2s}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.toolbar input:focus,.api-body:focus{border-color:#1d7658;box-shadow:0 0 0 3px #1d765815;background:#fff}.password-wrap{position:relative}.password-wrap button{position:absolute;left:6px;top:5px;border:0;background:transparent;padding:8px;color:#607269}.btn{border:1px solid #d6dfda;background:#fff;border-radius:10px;padding:10px 16px;color:#25382f;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn:hover{background:#f7faf8}.btn.primary{background:#146047;color:white;border-color:#146047}.btn.primary:hover{background:#0d4c38}.btn.danger{color:#9e342e;border-color:#efcac6}.btn.wide{width:100%;margin-top:25px;padding:13px 18px;justify-content:space-between}.btn.small{padding:7px 10px;font-size:.78rem}.form-error{color:#b23b32;font-size:.82rem;min-height:20px}.mobile-logo{display:none;align-items:center;gap:10px;margin-bottom:35px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#0d3e2f;color:#dce9e4;position:fixed;right:0;top:0;bottom:0;width:250px;padding:20px 13px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 7px 20px}.side-brand b{display:block;font-size:1.05rem}.side-brand small{color:#83a99b;font-size:.65rem}.side-brand .brand-mark{color:#0d3e2f}nav{overflow:auto;padding-inline:2px}nav p{font-size:.68rem;color:#71988a;margin:19px 10px 7px;font-weight:700}nav a{display:flex;align-items:center;gap:12px;color:#c9dbd4;text-decoration:none;padding:10px 12px;border-radius:9px;margin:2px 0;font-size:.88rem}nav a:hover{background:#ffffff0c;color:#fff}nav a.active{background:#d5a949;color:#173e31;font-weight:800}.side-footer{margin-top:auto;border-top:1px solid #ffffff12;padding:16px 8px 2px;display:flex;align-items:center;gap:10px}.side-footer b,.side-footer small{display:block;font-size:.72rem}.side-footer small{color:#7da092;margin-top:3px}.status-dot{width:9px;height:9px;background:#5be29e;border-radius:50%;box-shadow:0 0 0 4px #5be29e1c}.main-area{grid-column:2;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid #e2e9e5;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar h2{font-size:1.2rem;margin:0}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{border:1px solid #dde5e0;background:#fff;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#52655c}.user-menu{position:relative}.user-menu>button{border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:right}.user-menu b,.user-menu small{display:block}.user-menu b{font-size:.8rem}.user-menu small{font-size:.68rem;color:#77877f;margin-top:3px}.avatar{width:37px;height:37px;border-radius:12px;background:#e5f1ec;color:#165e47;display:grid;place-items:center;font-weight:800}.popover{position:absolute;top:49px;left:0;background:#fff;border:1px solid #dfe7e2;border-radius:10px;padding:6px;box-shadow:0 15px 45px #19312620;min-width:140px}.popover button{border:0;background:transparent;width:100%;padding:9px;text-align:right;color:#a33a32}.content{padding:25px 28px 50px;max-width:1600px;margin:auto}.hero{background:linear-gradient(120deg,#144f3c,#0d3c2e);border-radius:16px;color:#fff;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:40px solid #ffffff08;left:-40px;top:-90px}.hero h3{font-size:1.45rem;margin:0 0 8px}.hero p{color:#c8ddd5;margin:0}.hero .date{background:#ffffff10;border:1px solid #ffffff20;border-radius:12px;padding:12px 17px;text-align:center;z-index:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stat-card,.card{background:#fff;border:1px solid #e1e8e4;border-radius:14px}.stat-card{padding:18px;display:flex;justify-content:space-between;gap:12px}.stat-card small{display:block;color:#6e7e76;font-size:.75rem}.stat-card b{display:block;font-size:1.45rem;margin-top:8px}.stat-icon{width:42px;height:42px;border-radius:12px;background:#e8f4ef;color:#176248;display:grid;place-items:center}.grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}.card{padding:19px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:15px}.card-header h3{font-size:1rem;margin:0}.card-header p{margin:4px 0 0;color:#728078;font-size:.75rem}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar input{max-width:280px}.toolbar select{width:auto;min-width:150px}.table-wrap{overflow:auto;border:1px solid #e5ebe7;border-radius:11px}table{width:100%;border-collapse:collapse;font-size:.8rem;background:#fff}th{text-align:right;color:#687870;background:#f8faf9;font-size:.72rem;padding:11px 12px;white-space:nowrap}td{padding:11px 12px;border-top:1px solid #edf1ef;white-space:nowrap}tr:hover td{background:#fbfdfc}.badge{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:.68rem;font-weight:800;background:#e9f4ef;color:#1b674d}.badge.gold{background:#fbf1d9;color:#8b6618}.badge.red{background:#fae9e7;color:#9d3931}.badge.gray{background:#edf0ee;color:#627068}.empty{text-align:center;padding:45px 20px;color:#77877f}.empty b{display:block;color:#3c5046;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.form-grid label{margin-top:12px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;grid-column:1/-1}.kpi-list{display:grid;gap:10px}.kpi-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ef;padding:10px 0}.kpi-row:last-child{border:0}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-actions button{min-height:76px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:17px}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px}.product{border:1px solid #e0e8e3;background:#fff;border-radius:12px;padding:14px;text-align:right}.product:hover{border-color:#4d9b7e;box-shadow:0 8px 25px #1f503b0d}.product .price{color:#176148;font-weight:900;margin-top:12px}.cart{position:sticky;top:105px;height:fit-content}.cart-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #edf1ef}.qty{display:flex;align-items:center;gap:6px}.qty button{border:1px solid #dce5df;background:#fff;width:25px;height:25px;border-radius:7px}.totals{margin-top:15px;border-top:2px solid #edf1ef;padding-top:10px}.totals div{display:flex;justify-content:space-between;padding:5px 0}.totals .grand{font-size:1.1rem;font-weight:900;color:#12563f}.api-row{display:grid;grid-template-columns:130px 1fr auto;gap:9px}.api-body{min-height:170px;font-family:Consolas,monospace;direction:ltr;text-align:left}.code-output{direction:ltr;text-align:left;white-space:pre-wrap;background:#10271f;color:#d4eee4;padding:15px;border-radius:11px;min-height:150px;max-height:420px;overflow:auto;font:12px/1.7 Consolas,monospace}dialog{border:0;padding:0;background:transparent;width:min(600px,calc(100% - 25px));max-height:90vh}dialog::backdrop{background:#10251c99;backdrop-filter:blur(2px)}.modal-card{background:#fff;border-radius:15px;overflow:auto;max-height:90vh}.modal-card>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e7ece9}.modal-card h3{margin:0;font-size:1rem}#modal-body{padding:7px 20px 20px}.toast-stack{position:fixed;left:20px;bottom:20px;z-index:100;display:grid;gap:8px}.toast{background:#183b2e;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px #0002;font-size:.8rem;animation:slide .25s}.toast.error{background:#913a34}@keyframes slide{from{transform:translateY(10px);opacity:0}}.skeleton{height:70px;border-radius:12px;background:linear-gradient(90deg,#edf2ef 25%,#f8faf9 50%,#edf2ef 75%);background-size:200% 100%;animation:load 1.2s infinite}@keyframes load{to{background-position:-200% 0}}.mobile-only{display:none}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.cart-layout{grid-template-columns:1fr}.cart{position:static}.login-brand{padding:10vh 6vw}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.mobile-logo{display:flex}.app-shell{display:block}.sidebar{transform:translateX(105%);transition:.25s;box-shadow:-10px 0 40px #0003}.sidebar.open{transform:translateX(0)}.main-area{display:block}.mobile-only{display:grid}.topbar{padding:0 14px;height:72px}.topbar .eyebrow{display:none}.content{padding:15px 12px 40px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px}.stat-card b{font-size:1.15rem}.hero{padding:20px}.hero .date{display:none}.grid-2{gap:12px}.card{padding:14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.user-menu>button>span:nth-child(2),.user-menu>button>span:last-child{display:none}.api-row{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.stats{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr}}
.document-lines,.quantity-lines{display:grid;gap:10px}.doc-line{display:grid;grid-template-columns:minmax(210px,2fr) minmax(95px,.7fr) minmax(110px,.8fr) 38px;gap:9px;align-items:end;padding:11px;background:#f7faf8;border:1px solid #e1e9e5;border-radius:11px}.doc-line label{margin:0}.line-remove{margin-bottom:1px;color:#a13b3b}.doc-preview{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap;padding:12px 15px;background:#eef6f2;border-radius:10px}.doc-preview span{display:grid;gap:3px;font-size:.75rem;color:#66746d}.doc-preview b{font-size:.95rem;color:#163d31}.qty-edit{display:grid;grid-template-columns:1fr minmax(110px,.3fr);gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid #e7ece9}.qty-edit span{display:grid;gap:2px}.qty-edit small{color:#77827d}@media(max-width:700px){.doc-line{grid-template-columns:1fr 1fr}.doc-line label:first-child{grid-column:1/-1}.line-remove{justify-self:end}.doc-preview{justify-content:space-between}.qty-edit{grid-template-columns:1fr 95px}}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px;max-height:330px;overflow:auto;padding:12px;background:#f7faf8;border:1px solid #e1e9e5;border-radius:10px}.permission-grid .check{display:flex;align-items:center;gap:7px;padding:7px;margin:0;font-family:monospace;font-size:.76rem}.permission-grid input{width:auto}.card code{font-size:.72rem;direction:ltr;display:inline-block}
.btn.danger{background:#fff0f0;color:#9b2929;border-color:#e9bcbc}.btn.danger:hover{background:#9b2929;color:#fff}.badge.red{background:#fdeaea;color:#9b2929}