:root{--navy:#10233f;--navy2:#183758;--blue:#3977f6;--blue2:#255fd4;--cyan:#22b8cf;--bg:#f3f6fb;--surface:#fff;--text:#182338;--muted:#728097;--line:#e5eaf1;--success:#15956b;--danger:#d64555;--warning:#ef9d2d;--shadow:0 14px 38px rgba(24,35,56,.08);--radius:18px;--sidebar:268px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Noto Sans Hebrew",sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}a{color:var(--blue);text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar);height:100vh;background:linear-gradient(165deg,var(--navy),#0b192d 72%);color:#fff;padding:20px 16px;z-index:40;display:flex;flex-direction:column;box-shadow:-18px 0 45px rgba(7,20,38,.14)}.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#4c8dff,#24c2d8);font-size:24px;font-weight:800;box-shadow:0 9px 22px rgba(45,124,255,.3)}.brand strong,.brand span{display:block}.brand strong{font-size:16px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{font-size:11px;color:#8fa5c0;letter-spacing:.8px}.sidebar-close{display:none;margin-right:auto}.user-panel{display:flex;align-items:center;gap:11px;padding:18px 8px}.avatar{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-weight:800;color:#bdeaff}.user-panel b,.user-panel small{display:block}.user-panel b{font-size:14px}.user-panel small{font-size:11px;color:#8fa5c0}.side-nav{overflow:auto;padding-left:3px}.nav-label{display:block;padding:16px 12px 7px;color:#6f88a7;font-size:10px;font-weight:700;letter-spacing:.8px}.side-nav a,.logout-link{position:relative;display:flex;align-items:center;gap:12px;color:#b9c7d8;padding:11px 13px;border-radius:12px;margin:3px 0;transition:.2s ease}.side-nav a i,.logout-link i{font-style:normal;width:22px;text-align:center;font-size:18px}.side-nav a:hover,.side-nav a.active{color:#fff;background:rgba(255,255,255,.09);transform:translateX(-2px)}.side-nav a.active:before{content:"";position:absolute;right:-16px;width:4px;height:24px;border-radius:4px;background:#42c4dc}.logout-link{margin-top:auto;color:#ffbfc5}.logout-link:hover{background:rgba(214,69,85,.13)}.page-shell{margin-right:var(--sidebar);min-height:100vh}.topbar{height:74px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,234,241,.85);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:25}.topbar-title strong,.topbar-title span{display:block}.topbar-title strong{font-size:16px}.topbar-title span{font-size:12px;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:10px}.quick-pos{background:linear-gradient(135deg,var(--blue),#4b8cff);color:#fff;padding:10px 15px;border-radius:12px;font-weight:700;box-shadow:0 8px 20px rgba(57,119,246,.23);transition:.2s}.quick-pos:hover{color:#fff;transform:translateY(-2px)}.quick-pos span{font-size:18px}.menu-button{display:none}.icon-button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:23px;padding:6px}.page-content{max-width:1580px;margin:auto;padding:28px}.page-enter{animation:pageIn .38s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h1{margin:0 0 20px;font-size:29px;letter-spacing:-.5px}h2{margin:0 0 16px;font-size:19px}h3{margin:10px 0}.card,.document{background:var(--surface);border:1px solid rgba(229,234,241,.9);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.card{transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 18px 48px rgba(24,35,56,.1)}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:22px}.stats>div{position:relative;overflow:hidden;background:#fff;padding:21px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stats>div:after{content:"";position:absolute;left:-18px;bottom:-28px;width:75px;height:75px;border-radius:50%;background:rgba(57,119,246,.08)}.stats b{display:block;font-size:27px;line-height:1.2}.stats span{color:var(--muted);font-size:13px}.grid2{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);gap:20px}.pos{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:22px;align-items:start}.pos>aside{position:sticky;top:96px}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.products article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:0 8px 26px rgba(24,35,56,.06);transition:.2s}.products article:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(24,35,56,.11);border-color:#cfdbed}.products img{width:100%;height:145px;object-fit:contain;background:#f8fafc;border-radius:12px}.products h3{font-size:16px;min-height:48px}.products p{height:42px;overflow:hidden;color:var(--muted);font-size:13px}.products form{margin-top:auto;padding-top:12px}.products button{width:100%}label{display:block;margin:0 0 14px;font-size:13px;font-weight:700;color:#34435a}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d7deea;background:#fff;color:var(--text);border-radius:11px;padding:11px 12px;outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#6c9cff;box-shadow:0 0 0 4px rgba(57,119,246,.11)}textarea{min-height:86px;resize:vertical}button{border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:11px 16px;cursor:pointer;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 7px 16px rgba(57,119,246,.16)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px rgba(57,119,246,.24)}button.secondary{background:#edf2f8;color:#34435a;box-shadow:none}button.danger{background:linear-gradient(135deg,#e55564,var(--danger))}button:disabled{opacity:.48;cursor:not-allowed}.is-loading{pointer-events:none}.inline{display:flex;gap:8px;align-items:center}.inline input,.inline select{margin:0;min-width:90px}.cartline{display:grid;grid-template-columns:minmax(0,1fr) 72px 88px;gap:9px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--line)}.cartline input{margin:0}.actions{display:flex;gap:9px;flex-wrap:wrap}.title,.search{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.title form,.search{display:flex}.title input,.search input{margin:0;min-width:260px}.alert{display:grid;grid-template-columns:28px 1fr 24px;gap:10px;align-items:center;padding:13px 15px;border-radius:13px;margin-bottom:18px;border:1px solid;animation:alertIn .3s ease both;transition:.22s}.alert.ok{background:#ecfbf5;color:#106c51;border-color:#c7f0df}.alert.err{background:#fff0f2;color:#a92e3c;border-color:#ffd0d6}.alert button{padding:0;background:none;color:inherit;box-shadow:none;font-size:20px}.alert-hide{opacity:0;transform:translateY(-8px)}@keyframes alertIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:650px}th,td{text-align:right;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#f7f9fc;color:#5f6d83;font-size:12px;position:sticky;top:0;z-index:1}tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:#f8faff}td form{margin:0}.document{max-width:900px;margin:auto}.notice{border:1px dashed #d64555;background:#fff5f6;padding:13px;text-align:center;margin-top:25px;color:#a92e3c;border-radius:12px}.check{font-weight:normal;display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}fieldset{border:1px solid var(--line);border-radius:12px;margin-bottom:15px}.articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.articles .card{margin:0}.login{width:min(440px,calc(100% - 32px));background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:34px;box-shadow:0 28px 80px rgba(6,22,46,.24);animation:loginIn .55s cubic-bezier(.2,.8,.2,1) both}.login:before{content:"P";display:grid;place-items:center;width:58px;height:58px;border-radius:18px;margin:-4px auto 18px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:30px;font-weight:800;box-shadow:0 14px 32px rgba(57,119,246,.3)}.login h1{text-align:center;font-size:25px;margin-bottom:25px}.login button{width:100%;margin-top:4px}.auth-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(34,184,207,.2),transparent 28%),radial-gradient(circle at 80% 90%,rgba(57,119,246,.26),transparent 32%),linear-gradient(145deg,#10233f,#071627);display:grid;place-items:center}.auth-main{width:100%;display:grid;place-items:center;padding:28px}.auth-main>.alert{width:min(440px,calc(100% - 32px))}@keyframes loginIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(10px)}.revealed{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}.mobile-backdrop{display:none}@media(max-width:1180px){.stats{grid-template-columns:repeat(3,1fr)}.pos{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:900px){:root{--sidebar:280px}.sidebar{transform:translateX(105%);transition:transform .25s ease}.sidebar-open .sidebar{transform:none}.sidebar-open .mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(4,15,29,.52);backdrop-filter:blur(2px);z-index:35}.page-shell{margin-right:0}.menu-button,.sidebar-close{display:block}.topbar{padding:0 16px}.page-content{padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.grid2,.pos{grid-template-columns:1fr}.pos>aside{position:static}.inline{flex-wrap:wrap}.title{align-items:stretch;flex-direction:column}.title form,.search{width:100%}.title input,.search input{min-width:0;flex:1}.quick-pos{font-size:13px}}@media(max-width:520px){.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>div{padding:16px}.stats b{font-size:22px}.page-content{padding:14px}.card{padding:16px;border-radius:15px}.products{grid-template-columns:1fr 1fr;gap:10px}.products article{padding:10px}.products img{height:105px}.products h3{font-size:14px}.products p{display:none}.actions button{flex:1}.topbar-title span{display:none}}@media print{.sidebar,.topbar,.no-print,.mobile-backdrop{display:none!important}.page-shell{margin:0}.page-content{padding:0}.document{box-shadow:none;border:0}.auth-page{background:#fff}}