@font-face{font-family:system;src:local(Tahoma)}
:root{--ink:#173f35;--muted:#6d7f78;--paper:#f4f1ea;--card:#fff;--accent:#d87343;--accent2:#e8b86d;--line:#dfe6e1;--good:#1e7a55;--danger:#b94b49;--warn:#a46b16;--shadow:0 14px 35px rgba(23,63,53,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system,Tahoma,Arial,sans-serif;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}button,input,textarea,select{font:inherit}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:radial-gradient(circle at 50% 18%,#fff 0,#f4f1ea 42%,#e3eee8 100%)}.brand-mark{width:86px;height:86px;border-radius:30px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:52px;box-shadow:var(--shadow);transform:rotate(-4deg)}.login h1{font-size:34px;margin:24px 0 4px}.login p{color:var(--muted);margin:0 0 24px}.login-state{color:var(--muted);font-size:14px}.dev-login{width:min(360px,100%);display:grid;gap:9px}.dev-login small{color:var(--muted)}button{border:0;cursor:pointer}.dev-login button,.primary{padding:14px 18px;border-radius:16px;background:var(--ink);color:#fff}.app{max-width:720px;margin:auto;min-height:100vh;padding-bottom:92px}.app>header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.eyebrow{font-size:11px;color:var(--muted)}header h1{margin:0;font-size:30px}.profile{width:44px;height:44px;border-radius:15px;background:#fff;color:var(--ink);box-shadow:var(--shadow);font-weight:bold}main{padding:0 16px}.hero{padding:22px;border-radius:28px;background:linear-gradient(135deg,var(--ink),#2b6858);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:'ژ';position:absolute;left:18px;bottom:-34px;font-size:130px;color:#ffffff10}.hero p{margin:5px 0;color:#d8e9e3}.hero h2{margin:0;font-size:25px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:26px 4px 12px}.section-title h2{font-size:18px;margin:0}.section-title button,.link{background:none;color:var(--accent);font-size:13px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.stat{background:#ffffff12;border:1px solid #ffffff20;border-radius:18px;padding:12px}.stat b{display:block;font-size:23px}.stat span{font-size:12px;color:#d8e9e3}.cards{display:grid;gap:10px}.card{background:var(--card);border:1px solid #edf0ee;border-radius:21px;padding:16px;box-shadow:0 5px 18px #173f3508}.order-card{display:grid;grid-template-columns:1fr auto;gap:8px}.order-card h3{margin:0 0 5px;font-size:16px}.order-card p{margin:3px 0;color:var(--muted);font-size:13px}.pill{align-self:start;padding:6px 10px;border-radius:99px;font-size:11px;background:#edf5f1;color:var(--good)}.pill.warn{background:#fff3df;color:var(--warn)}.pill.danger{background:#ffebe9;color:var(--danger)}.money{font-weight:bold;color:var(--accent)}nav{position:fixed;z-index:5;bottom:0;right:50%;transform:translateX(50%);width:min(720px,100%);height:76px;display:grid;grid-template-columns:repeat(4,1fr);background:#fffcfaeF;backdrop-filter:blur(18px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}nav button{background:none;color:#87948f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px}nav i{font-size:22px;font-style:normal}nav button.active{color:var(--accent)}.toolbar{display:flex;gap:8px;margin-bottom:14px}.search{flex:1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 15px;color:var(--ink);outline:none}.filter{max-width:145px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 10px;color:var(--ink)}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.form{display:grid;gap:13px}.form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);outline:none}.form textarea{min-height:96px;resize:vertical}.form input:focus,.form textarea:focus{border-color:#7ba394;box-shadow:0 0 0 3px #7ba39422}.paste{min-height:230px!important;line-height:1.9}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{padding:11px 14px;border-radius:13px;background:#edf3f0;color:var(--ink)}.actions .primary{background:var(--ink);color:#fff}.actions .danger{background:#ffebe9;color:var(--danger)}.actions .accent{background:var(--accent);color:#fff}.product{display:grid;grid-template-columns:1fr auto;align-items:center}.stock{display:flex;gap:7px;font-size:11px;color:var(--muted);margin-top:8px}.stock span{background:#f4f7f5;border-radius:8px;padding:5px 7px}.item-row{display:grid;grid-template-columns:1fr 70px 30px;gap:7px;align-items:end;margin-bottom:8px}.item-row button{background:#ffebe9;color:var(--danger);height:44px;border-radius:12px}dialog{border:0;border-radius:28px;padding:22px;width:min(640px,calc(100% - 24px));max-height:88vh;color:var(--ink);box-shadow:0 24px 90px #173f3550}dialog::backdrop{background:#173f3566;backdrop-filter:blur(4px)}dialog .close{float:left;background:#eef2f0;border-radius:50%;width:36px;height:36px;font-size:22px}.detail h2{margin-top:5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid div{background:#f6f7f6;padding:10px;border-radius:12px}.detail-grid small{display:block;color:var(--muted);margin-bottom:4px}.items{margin:15px 0;border-block:1px solid var(--line);padding:10px 0}.items div{display:flex;justify-content:space-between;padding:7px}.toast{position:fixed;z-index:20;left:50%;top:18px;transform:translate(-50%,-120px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;transition:.25s;box-shadow:var(--shadow);max-width:90%;font-size:13px}.toast.show{transform:translate(-50%,0)}.toast.error{background:var(--danger)}.notice{border-right:4px solid var(--accent2);background:#fff8e9;padding:12px;border-radius:12px;font-size:13px;color:#72521d}.sku{font-size:11px;color:var(--muted);direction:ltr;display:inline-block}@media(min-width:600px){.stats{grid-template-columns:repeat(4,1fr)}main{padding:0 24px}.cards{grid-template-columns:repeat(2,1fr)}}