:root{
  --green:#24c814;--green-dark:#159308;--green-soft:#eafbe7;--ink:#17201a;--muted:#687169;
  --line:#dfe5df;--bg:#f4f7f4;--white:#fff;--danger:#d83b3b;--orange:#f4a51c;
  --shadow:0 12px 34px rgba(24,44,27,.13);--radius:18px;
}
*{box-sizing:border-box}
html{font-size:18px;-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100dvh}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 5px;color:var(--green-dark);font-weight:900;font-size:.78rem;letter-spacing:.13em}
.login-view{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#e5f8e2,#f5f7f5 58%)}
.login-card{width:min(100%,490px);background:#fff;padding:34px;border-radius:24px;border-top:8px solid var(--green);box-shadow:var(--shadow)}
.login-logo{width:88px;height:88px;border-radius:22px;object-fit:cover;margin-bottom:16px}.login-card h1{font-size:2rem;margin:0 0 8px;line-height:1.05}
label{display:block;font-weight:850;margin:20px 0 7px}
input,select,textarea{width:100%;min-height:56px;border:2px solid var(--line);border-radius:13px;padding:12px 15px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid #bdf2b6;border-color:var(--green)}
.password-row{display:grid;grid-template-columns:1fr 58px;gap:8px}.password-row .icon-btn{height:56px}
.primary,.secondary,.danger-button{border:0;border-radius:13px;min-height:52px;padding:10px 18px;font-weight:900}
.primary{background:var(--green);color:#092b06}.secondary{background:#eef1ee;color:var(--ink);border:1px solid var(--line)}.danger-button{background:#ffe6e6;color:#9a1919}
.big{width:100%;min-height:62px;font-size:1.12rem;margin-top:24px}.compact{min-height:44px;padding:8px 13px;font-size:.84rem}
.icon-btn{width:54px;height:54px;border-radius:14px;border:1px solid var(--line);background:#fff;font-weight:900}.icon-btn.danger{color:var(--danger)}
.app{min-height:100dvh;padding-bottom:98px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px max(18px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid var(--line)}
.topbar h1{margin:0;font-size:1.65rem;line-height:1}.user-actions{display:flex;align-items:center;gap:8px}
.content{width:min(100%,1200px);margin:auto;padding:22px}
.welcome{background:linear-gradient(120deg,#147c0b,#25c813);color:#fff;border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.welcome .eyebrow{color:#dfffdc}.welcome h2{margin:0 0 8px;font-size:2rem}.welcome p{margin:0;font-size:1.05rem}.welcome .primary{margin-top:20px;background:#fff;color:#116d09;width:100%;font-size:1.12rem}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}
.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:145px}.metric .value{display:block;font-size:2.6rem;font-weight:950;line-height:1}.metric .label{display:block;margin-top:10px;color:var(--muted);font-weight:800}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px 0 13px}.section-title h2{font-size:1.45rem;margin:0}
.list{display:grid;gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 4px 13px #1720180c}
.card-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.card h3{font-size:1.25rem;margin:0 0 7px}.card p{margin:4px 0;color:var(--muted)}
.badge{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:900;background:#eef1ee}
.badge.requested{background:#fff1d5;color:#8d5b00}.badge.separating,.badge.separated{background:#e2f1ff;color:#155b8d}.badge.launched{background:var(--green-soft);color:#16750d}.badge.cancelled{background:#ffe7e7;color:#8a2020}
.empty{padding:38px 22px;text-align:center;background:#fff;border:2px dashed var(--line);border-radius:18px;color:var(--muted)}
.bottom-nav{position:fixed;z-index:25;left:0;right:0;bottom:0;display:flex;justify-content:center;background:#fff;border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom))}
.bottom-nav button{flex:1;max-width:150px;min-width:0;height:73px;border:0;background:transparent;color:#778078;border-radius:13px;padding:4px}
.bottom-nav button span{display:block;font-size:1.42rem;font-weight:900;line-height:1.3}.bottom-nav button small{font-size:.65rem;font-weight:850}.bottom-nav button.active{background:var(--green-soft);color:#16750d}
.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input{flex:1}.toolbar select{max-width:260px}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:2.5vh 3vw}.modal-backdrop{position:absolute;inset:0;background:#071008a8;backdrop-filter:blur(2px)}
.modal-panel{position:relative;display:flex;flex-direction:column;width:min(94vw,900px);max-height:95dvh;background:#fff;border-radius:22px;border-top:7px solid var(--green);box-shadow:0 28px 80px #0006;overflow:hidden}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 24px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:2rem;margin:3px 0 5px}.modal-head p{margin:0;color:var(--muted)}
.modal-body{padding:22px 24px;overflow:auto;overscroll-behavior:contain;flex:1}.modal-foot{display:flex;gap:12px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.modal-foot button{flex:1}
.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.store-option{display:block;margin:0}.store-option input{position:absolute;opacity:0;pointer-events:none}.store-option span{display:block;min-height:88px;border:2px solid var(--line);border-radius:14px;padding:18px;font-size:1.12rem;font-weight:900}.store-option input:checked+span{border-color:var(--green);background:var(--green-soft);color:#187b0f}
.search-results{border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:9px}.product-result{display:grid;grid-template-columns:90px 1fr 42px;gap:13px;align-items:center;width:100%;min-height:92px;padding:15px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.product-result:last-child{border-bottom:0}.product-result .code{color:var(--green-dark);font-weight:900}.product-result strong{font-size:1.08rem}.product-result small{display:block;margin-top:7px;color:var(--muted)}
.selected-product{margin-top:18px;padding:19px;background:#f7faf7;border-radius:16px;border:1px solid var(--line)}.selected-product h3{font-size:1.35rem;margin:0 0 10px}
.size-grid{display:flex;gap:9px;flex-wrap:wrap}.size-pill{position:relative}.size-pill input{position:absolute;opacity:0}.size-pill span{display:grid;place-items:center;min-width:60px;min-height:54px;border:2px solid var(--line);border-radius:12px;font-size:1.05rem;font-weight:950}.size-pill input:checked+span{background:var(--green);border-color:var(--green);color:#0a3007}
.inline-add{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.inline-add button{min-width:115px}
.request-items{display:grid;gap:9px;margin-top:18px}.request-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.request-item strong{font-size:1.02rem}.qty{display:flex;align-items:center;gap:8px}.qty button{width:45px;height:45px;border:0;border-radius:10px;background:#eef1ee;font-size:1.3rem}.qty output{min-width:34px;text-align:center;font-weight:950;font-size:1.12rem}
.separation-card{padding:22px}.product-line{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center}.product-line .code{color:var(--green-dark);font-size:1.05rem;font-weight:950}.product-line h3{font-size:1.45rem;margin:0}.size-box{min-width:84px;padding:13px;background:var(--green-soft);border-radius:13px;text-align:center}.size-box small{display:block;color:var(--muted)}.size-box strong{font-size:1.45rem}
.counter-row{display:grid;grid-template-columns:1fr 240px;gap:14px;align-items:end;margin-top:18px}.counter-row label{margin:0 0 6px}.counter{display:grid;grid-template-columns:60px 1fr 60px}.counter button{border:1px solid var(--line);background:#eef1ee;font-size:1.5rem}.counter input{border-radius:0;text-align:center;font-size:1.35rem;font-weight:950}
.launch-group{border-left:7px solid var(--green)}.launch-total{font-size:2.4rem;font-weight:950;color:var(--green-dark)}.size-breakdown{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.size-breakdown span{padding:9px 12px;background:#eef1ee;border-radius:10px;font-weight:900}
.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:15px}.tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:850}.tabs button.active{background:var(--green);border-color:var(--green)}
.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-card{min-height:140px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.admin-card strong{display:block;font-size:1.35rem;margin-bottom:8px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid label{margin:5px 0}.full{grid-column:1/-1}
.toast{position:fixed;z-index:100;left:50%;bottom:110px;transform:translate(-50%,30px);opacity:0;pointer-events:none;max-width:min(90vw,600px);padding:14px 19px;border-radius:13px;background:#17201a;color:#fff;font-weight:800;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#a52121}
@media(max-width:900px){
  html{font-size:19px}.content{padding:17px 14px}.topbar{padding:15px 14px}.topbar h1{font-size:1.42rem}
  .metric-grid{grid-template-columns:1fr}.metric{min-height:160px;padding:26px}.metric .value{font-size:3.2rem}
  .toolbar{flex-direction:column}.toolbar select{max-width:none}
  .modal{padding:1.5vh 2.5vw}.modal-panel{width:95vw;max-height:97dvh}.modal-head{padding:19px 18px}.modal-head h2{font-size:1.72rem}.modal-body{padding:18px}.modal-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}
  .product-result{grid-template-columns:78px 1fr 30px;min-height:104px;padding:17px 13px}.product-result strong{font-size:1.12rem}
  .product-line{grid-template-columns:85px 1fr auto}.product-line h3{font-size:1.3rem}.counter-row{grid-template-columns:1fr}
  .bottom-nav{justify-content:flex-start;overflow-x:auto}.bottom-nav button{min-width:92px}.bottom-nav button small{font-size:.63rem}
}
@media(max-width:560px){
  html{font-size:18px}.topbar .eyebrow{font-size:.63rem}.switchSellerButton{max-width:145px}
  .welcome{padding:22px}.welcome h2{font-size:1.65rem}.metric{min-height:150px}
  .store-grid,.admin-grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}
  .product-line{grid-template-columns:1fr auto}.product-line .code{grid-column:1/-1}.size-box{grid-column:2;grid-row:2}
  .request-item{grid-template-columns:1fr}.qty{justify-content:space-between}
  .modal-foot{flex-direction:column-reverse}.modal-foot button{width:100%}
}