@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{color:#172033;background:#f4f7fb;font-family:Tajawal,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a{color:inherit;text-decoration:none}.shell{background:linear-gradient(#edf3fb,#f4f7fb 160px);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.side{align-self:start;height:100vh;padding:18px;position:sticky;top:0}.side-panel{color:#dbe5ff;background:linear-gradient(#101b36,#13254c);border-radius:24px;flex-direction:column;gap:22px;height:100%;padding:24px 16px 18px;display:flex;box-shadow:0 18px 40px #101b3624}.brand{padding:4px 12px 0;font-size:26px;font-weight:800}.brand small{color:#91a3cd;margin-top:6px;font-size:11px;display:block}.nav{flex:1;gap:14px;min-height:0;padding-inline:4px;display:grid;overflow:auto}.nav-section{gap:10px;display:grid}.nav-title{color:#91a3cd;letter-spacing:.02em;margin:0;padding:0 8px;font-size:12px;font-weight:800}.nav-links{gap:6px;display:grid}.nav-link{color:#dbe5ff;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff12;border-color:#ffffff14;transform:translate(-2px)}.nav-link.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#5fa1ff;box-shadow:0 10px 24px #2563eb30}.side-user{background:#ffffff10;border:1px solid #ffffff12;border-radius:18px;gap:12px;padding:14px;display:grid}.side-user-copy strong{font-size:15px;display:block}.side-user-copy small{color:#a9b8db}.side-logout{color:#22355c;background:#edf2fa;width:100%}.main{min-width:0}.top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #e5eaf2;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:12px 28px;display:flex}.top-copy{gap:4px;display:grid}.top-copy small{color:#6d7892}.top-user{color:#31436a;align-items:center;gap:12px;font-weight:700;display:flex}.top-logout{display:none}.content{max-width:1400px;margin:auto;padding:28px}.card{background:#fff;border:1px solid #e4e9f1;border-radius:16px;box-shadow:0 5px 20px #1720330a}.grid{gap:18px;display:grid}.stats{grid-template-columns:repeat(4,1fr)}.stat{padding:22px}.stat b{color:#142044;margin-top:8px;font-size:32px;display:block}.toolbar{justify-content:space-between;gap:10px;margin:20px 0;display:flex}.input{background:#fff;border:1px solid #ccd5e4;border-radius:10px;min-width:0;padding:10px 12px}.btn{color:#fff;background:#2563eb;border:0;border-radius:10px;padding:10px 18px;font-weight:700}.btn.danger{color:#c62828;background:#fff0f0}.btn.ghost{color:#31436a;background:#edf2fa}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}td,th{text-align:right;white-space:nowrap;border-bottom:1px solid #edf0f5;padding:14px 16px}th{color:#6d7892;background:#f8fafd;font-size:12px}td{font-size:14px}.badge{color:#168348;background:#e9f8ef;border-radius:30px;padding:5px 9px;font-size:12px}.badge.status-draft{color:#3358c8;background:#eef2ff}.badge.status-submitted{color:#a15d00;background:#fff5df}.badge.status-approved{color:#177c46;background:#e8f7ee}.badge.status-issued{color:#007f68;background:#e6faf6}.badge.status-rejected{color:#c62828;background:#fff0f0}.badge.status-partially_received{color:#a15d00;background:#fff5df}.badge.status-received{color:#007f68;background:#e6faf6}.badge.status-cancelled{color:#616b7f;background:#f4f5f7}.state-card{text-align:center;place-items:center;gap:10px;padding:28px;display:grid}.state-title{color:#142044;font-size:20px}.state-copy{color:#6d7892;max-width:520px;margin:0;line-height:1.8}.state-actions{justify-content:center;display:flex}.state-error{background:linear-gradient(#fffdfd,#fff6f6);border-color:#f2d3d3}.pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.pagination-status{color:#31436a;text-align:center;background:#fff;border:1px solid #e4e9f1;border-radius:12px;min-width:180px;padding:10px 16px;font-weight:700}.pagination-btn{min-width:110px}.toast-stack{z-index:60;gap:10px;max-width:min(360px,100vw - 32px);display:grid;position:fixed;top:24px;left:24px}.toast{background:#fff;border:1px solid #e4e9f1;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 18px 40px #1720331f}.toast-success{background:#f6fcf8;border-color:#cfead8}.toast-error{background:#fff8f8;border-color:#f3d1d1}.toast-copy{flex:1;line-height:1.7}.toast-close{color:#6d7892;background:0 0;border:0;padding:0 4px;font-size:22px;line-height:1}.confirm-card{width:min(460px,100%)}.confirm-copy{color:#5c6a86;margin:10px 0 0;line-height:1.9}.confirm-actions{margin-top:20px}.confirm-btn{min-width:120px}.modal{z-index:20;background:#101b3688;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(620px,100%);max-height:90vh;padding:24px;overflow:auto}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{color:#4f5d78;font-size:13px;font-weight:700}.field-hint{font-size:12px}.error,.field-hint-error{color:#c62828}.error{background:#fff0f0;border-radius:9px;padding:10px}.login{background:linear-gradient(135deg,#101b36,#234b9b);place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:22px;width:min(420px,92%);padding:34px}.login-submit{width:100%}.login-card .field{margin:14px 0}.dashboard-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.dashboard-head h1{margin:0 0 8px}.dashboard-head p{color:#6d7892;margin:0;line-height:1.8}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-stat{gap:10px;padding:22px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.dashboard-stat:before{content:"";background:linear-gradient(#2563eb,#60a5fa);width:6px;position:absolute;inset:0 auto 0 0}.dashboard-stat.is-clickable:hover{border-color:#cfdcf4;transform:translateY(-3px);box-shadow:0 18px 40px #17203312}.dashboard-stat.tone-green:before{background:linear-gradient(#16a34a,#4ade80)}.dashboard-stat.tone-amber:before{background:linear-gradient(#d97706,#fbbf24)}.dashboard-stat.tone-slate:before{background:linear-gradient(#475569,#94a3b8)}.dashboard-stat-label{color:#51607c;font-size:14px;font-weight:800}.dashboard-stat b{color:#142044;margin:6px 0;font-size:40px;line-height:1}.dashboard-stat small{color:#6d7892;font-weight:700}.dashboard-stat.is-clickable small{color:#31436a}.dashboard-stat.is-clickable{cursor:pointer}.dashboard-stat.is-clickable:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#2563eb08);position:absolute;inset:0}@media (width<=1100px){.shell{grid-template-columns:240px minmax(0,1fr)}.top-user span{display:none}.side{padding:14px}.side-panel{border-radius:20px}}@media (width<=900px){.shell{background:#f4f7fb;grid-template-columns:1fr}.side{height:auto;padding:18px 18px 0;position:static}.side-panel{gap:18px;height:auto}.nav{overflow:visible}.nav-section{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;padding:12px}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.top{padding:14px 18px}.top-logout{display:inline-flex}.side-logout,.top-user span{display:none}.stats{grid-template-columns:1fr 1fr}.content{padding:18px}.pagination{flex-wrap:wrap}.toast-stack{max-width:none;inset:auto 16px 16px}.dashboard-stat b{font-size:34px}}@media (width<=560px){.dashboard-stats,.form-grid,.nav-links,.stats{grid-template-columns:1fr}.dashboard-head,.toolbar,.top{flex-wrap:wrap}.top{align-items:flex-start}.state-card{padding:22px}.pagination{flex-direction:column}.confirm-btn,.pagination-btn,.pagination-status{width:100%}}.purchase-modal{width:min(980px,100%)}.purchase-items{background:#f8fafd;border:1px solid #e4e9f1;border-radius:16px;margin-top:18px;padding:18px}.purchase-items-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.purchase-items-head h3{color:#142044;margin:0;font-size:18px}.purchase-item,.purchase-items-table{gap:10px;display:grid}.purchase-item{grid-template-columns:minmax(220px,2.4fr) minmax(140px,1.2fr) minmax(110px,.9fr) minmax(120px,1fr) minmax(120px,.9fr) auto;align-items:center}.issue-item{grid-template-columns:minmax(260px,2.6fr) minmax(160px,1.3fr) minmax(120px,1fr) auto}.purchase-item-head{color:#6d7892;padding:0 4px;font-size:12px;font-weight:700}.purchase-item-head div:last-child{text-align:center}.purchase-item-total{color:#142044;text-align:center;background:#fff;border:1px solid #e4e9f1;border-radius:10px;padding:10px 12px;font-weight:700}.purchase-row-error{color:#c62828;background:#fff0f0;border:1px solid #f4cccc;border-radius:10px;grid-column:1/-1;padding:10px 12px;font-size:13px;line-height:1.7}.purchase-delete{width:100%}.purchase-summary{border-top:1px solid #e4e9f1;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;font-size:15px;display:flex}.purchase-summary strong{color:#142044;font-size:20px}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.detail-card{background:#f8fafd;border:1px solid #e4e9f1;border-radius:16px;padding:16px}.detail-card h3{color:#142044;margin:0 0 12px;font-size:16px}.detail-list{gap:10px;display:grid}.detail-list div{border-bottom:1px solid #e4e9f1;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.detail-list div:last-child{border-bottom:0;padding-bottom:0}.detail-list span{color:#6d7892;font-weight:700}.detail-list strong{text-align:left;color:#142044}.detail-link{color:#2563eb;text-underline-offset:3px;-webkit-text-decoration:underline #bfdbfe;text-decoration:underline #bfdbfe}.detail-link:hover{color:#1d4ed8}.detail-table{margin-bottom:16px}.detail-empty{color:#6d7892;margin:0;line-height:1.8}.movement-qty{font-weight:800}.movement-in{color:#168348;background:#e9f8ef}.movement-out{color:#c62828;background:#fff0f0}@media (width<=900px){.detail-grid,.issue-item,.purchase-item{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-item-head{display:none}.purchase-delete,.purchase-item-total,.purchase-row-error{grid-column:1/-1}}@media (width<=560px){.purchase-items{padding:14px}.purchase-items-head{flex-wrap:wrap}.detail-grid,.issue-item,.purchase-item{grid-template-columns:1fr}.detail-list div{flex-direction:column;align-items:flex-start}}