:root{--ink:#142c28;--green:#14634f;--deep:#113e33;--gold:#dab777;--muted:#6d7d78;--line:#dde6e1;--paper:#f4f7f5;--bs-primary:#14634f;--bs-body-font-family:Tahoma,Arial,sans-serif}body{background:var(--paper);color:var(--ink);font-size:15px;line-height:1.7}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.sidebar{position:fixed;inset:0 0 0 auto;width:246px;background:var(--deep);color:#fff;padding:28px 18px;overflow:auto;z-index:1030}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 26px;border-bottom:1px solid #ffffff20;margin-bottom:20px}.brand-mark{background:var(--gold);color:var(--deep);width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-weight:bold;font-size:23px;flex-shrink:0}.brand b{font-size:17px}.brand small{display:block;font-size:12px;color:#c1d9cd}.nav-label{font-size:12px;color:#9cbdb1;margin:20px 14px 7px}.side-link{display:flex;gap:12px;align-items:center;color:#daebe3;padding:9px 13px;border-radius:8px;margin:3px 0}.side-link:hover{background:#ffffff0c;color:white;text-decoration:none}.side-link.active{background:#ffffff17;color:white;box-shadow:inset -3px 0 var(--gold)}.side-icon{width:23px;opacity:.75;text-align:center}.main{margin-right:246px;min-height:100vh}.topbar{min-height:77px;background:#fff;border-bottom:1px solid var(--line);padding:15px 34px;display:flex;justify-content:space-between;align-items:center}.topbar small{color:var(--muted)}.content{max-width:1600px;margin:auto;padding:32px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.page-heading h1{font-size:27px;font-weight:bold;margin:0 0 5px}.page-heading p{color:var(--muted);margin:0}.eyebrow{color:var(--green);font-size:13px;font-weight:bold;margin-bottom:6px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px}.panel h2{font-size:18px;font-weight:bold;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;height:100%}.metric.primary{background:var(--green);color:white;border-color:var(--green)}.metric-label{color:var(--muted);font-size:14px}.primary .metric-label{color:#d0e6db}.metric-value{font-size:30px;font-weight:bold;direction:ltr;text-align:right;font-variant-numeric:tabular-nums;line-height:1.5}.metric small{font-size:12px;color:var(--muted)}.primary small{color:#c8e2d5}.btn{border-radius:8px;padding:9px 17px;font-size:14px;font-weight:600}.btn-primary{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:#0d4e3d;--bs-btn-hover-border-color:#0d4e3d;--bs-btn-active-bg:#0d4e3d}.btn-outline-primary{--bs-btn-color:var(--green);--bs-btn-border-color:#98b9ab;--bs-btn-hover-bg:var(--green);--bs-btn-hover-border-color:var(--green)}.form-control,.form-select{padding:10px 12px;border-color:#d8e1dc;border-radius:8px;font-size:15px}.form-control:focus,.form-select:focus{border-color:#5b9a81;box-shadow:0 0 0 3px #14634f15}.form-label{font-size:14px;color:#425b52}.table{--bs-table-color:var(--ink);--bs-table-border-color:#edf1ee;vertical-align:middle;font-size:14px}.table thead th{background:#f5f8f6;color:#64786e;font-size:13px;font-weight:normal;white-space:nowrap;padding:13px 12px}.table td{padding:13px 12px}.table th:first-child{border-radius:7px 0 0 7px}.money{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}.badge-status{background:#edf5ef;color:#28694a;border-radius:6px;padding:4px 9px;font-size:12px;display:inline-block}.badge-status.pending,.badge-status.draft,.badge-status.approved{background:#fff5dc;color:#8d6921}.badge-status.cancelled,.badge-status.rejected,.badge-status.stopped,.badge-status.terminated{background:#fce9e7;color:#ab413c}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty h3{font-size:19px;color:var(--ink);margin:12px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px;align-items:end}.filters>div{min-width:160px}.filters .form-control{min-width:160px}.chart{height:200px;display:flex;align-items:end;gap:10px;padding:20px 0 30px;border-bottom:1px solid var(--line)}.bar-wrap{flex:1;text-align:center;position:relative;height:100%;display:flex;align-items:end}.bar{width:100%;min-height:3px;background:#2d8165;border-radius:5px 5px 0 0}.bar-wrap:nth-last-child(1) .bar{background:var(--gold)}.bar-label{position:absolute;bottom:-25px;font-size:11px;width:100%;color:var(--muted)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:var(--deep);color:white;display:flex;flex-direction:column;justify-content:center;padding:10vw 7vw}.login-brand h1{font-size:42px;line-height:1.6;max-width:400px}.login-brand p{color:#bfd5ca;font-size:17px}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:400px}.pos-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:650px;overflow:auto}.product-card{border:1px solid var(--line);background:white;text-align:right;border-radius:9px;padding:15px;cursor:pointer;min-height:130px}.product-card:hover{border-color:var(--green);background:#f5faf7}.product-card img{width:55px;height:55px;object-fit:cover;border-radius:8px}.product-card b{display:block;margin:6px 0}.product-card small{display:block;color:var(--muted)}.product-card .price{color:var(--green);font-weight:bold;font-size:18px}.cart-item{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid var(--line)}.cart-item .name{flex:1}.cart-item input{width:82px}.cart-total{border-top:2px solid var(--green);display:flex;justify-content:space-between;align-items:center;padding-top:15px;margin:20px 0;font-size:22px;font-weight:bold}.lookup-results{border:1px solid var(--line);max-height:210px;overflow:auto;border-radius:8px}.lookup-results button{width:100%;text-align:right;border:0;background:white;padding:10px;border-bottom:1px solid var(--line)}.lookup-results button:hover{background:#eef6f0}.note{font-size:13px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-grid dt{font-size:13px;color:var(--muted);font-weight:normal}.detail-grid dd{font-weight:bold}.mobile-menu{display:none}.pagination{--bs-pagination-color:var(--green);--bs-pagination-active-bg:var(--green);--bs-pagination-active-border-color:var(--green)}pre{white-space:pre-wrap;direction:rtl;font-size:12px;max-width:600px} .import-steps{display:flex;gap:18px;margin:20px 0;color:var(--muted);font-size:14px}.import-steps b{color:var(--green)}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}.content{padding:22px}.pos-grid{grid-template-columns:1fr 1fr}.metric-value{font-size:25px}}
@media(max-width:850px){.sidebar{transform:translateX(100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-right:0}.mobile-menu{display:inline-block}.topbar{padding:12px 20px}.pos-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-brand{padding:35px}.login-brand h1{font-size:28px}.login-brand p{display:none}.content{padding:18px}.page-heading{align-items:start;flex-wrap:wrap}.page-heading h1{font-size:24px}}
@media print{.sidebar,.topbar,.no-print,.btn{display:none!important}.main{margin:0}.content{padding:0}.panel{border:0;padding:0}.table{font-size:11px}body{background:white}}

input[type=file]{min-width:0;max-width:100%}.filters>div{max-width:100%}.bar-wrap{min-width:0}@media(max-width:420px){.row>div:has(>.metric){width:100%}.import-steps{gap:9px;font-size:13px}.panel{padding:18px}.chart{gap:4px}.bar-wrap:not(:first-child):not(:nth-child(7)):not(:last-child) .bar-label{display:none}.bar-label{min-width:32px}}