:root{--u-green: #00bf59;--u-teal: #1abb9b;--u-red: #d1584c;--u-border: #d4d4d4;--u-focus: #039ed3;--u-glow: #ddf2f9;--danger: #d1584c;font-family:Segoe UI,Selawik,Open Sans,Helvetica Neue,Arial,sans-serif;color:#222}*{box-sizing:border-box}html{height:100%;background:#fff}body{margin:0;min-height:100%;background:#fff;font-size:15px;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}.shell{flex:1;display:flex;flex-direction:column;align-items:center}.u-bar{align-self:stretch;height:40px;margin-top:2px;background:var(--u-green);display:flex;align-items:center;gap:16px;padding:0 14px;font-size:16px}.u-bar-brand{font-weight:800;letter-spacing:.5px}.u-bar-dot{width:16px;height:16px;border-radius:50%;border:1px solid #000;background:#21ff38}.hero{width:min(520px,calc(100% - 32px));margin:48px 0 14px}.hero-title{margin:0 0 6px;font-size:26px;font-weight:600}.hero-lead{margin:0;color:#555;line-height:1.45}.panel{width:min(520px,calc(100% - 32px));background:#fff;border:1px solid #e3e3e3;box-shadow:0 4px 24px #00000014}.panel-inner{padding:22px 22px 20px}.panel-inner.wait{display:flex;gap:16px;align-items:flex-start}.panel-title{margin:0 0 8px;font-size:20px;font-weight:700}.panel-text{margin:0 0 14px;line-height:1.45;color:#444}.panel-hint{margin:0 0 14px;font-size:13px;color:#777;line-height:1.4}.panel-hint code{background:#f3f3f3;padding:1px 4px}.panel-inner.error .panel-title{color:var(--u-red)}.spinner{flex:none;width:28px;height:28px;border:3px solid #d9d9d9;border-top-color:var(--u-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field-label{display:block;font-size:13px;text-transform:uppercase;color:#333;margin:0 0 8px}.branch-select,.text-input{width:100%;height:40px;border:2px solid #00b050;border-radius:4px;background:#fff;font:inherit;padding:0 10px;outline:none}.text-input{border:1px solid #a7def0;border-radius:2px}.branch-select:focus,.text-input:focus{border-color:var(--u-focus);box-shadow:0 0 0 2px var(--u-glow)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn{height:48px;padding:0 18px;border-radius:3px;border:1px solid transparent;font:inherit;font-weight:700;font-size:14px;text-transform:uppercase;cursor:pointer}.btn:active{filter:brightness(.92)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{flex:1;background:var(--u-teal);color:#fff}.btn.secondary{background:var(--u-green);color:#fff}.btn.ghost{background:#fff;border-color:silver;color:#222;font-weight:400}.footnote{margin:10px 0 0;min-height:18px;font-size:13px;color:var(--u-red)}.footnote.toast-ok{color:#1a9a4f}.advanced{margin-top:18px;border-top:1px solid #eee;padding-top:12px}.advanced summary{cursor:pointer;color:#666;font-size:13px}.manual-wrap{margin-top:6px}.manual-nested{margin-top:12px}.footer{width:min(520px,calc(100% - 32px));padding:14px 0 28px}.footer p{margin:0;font-size:13px;color:#888;line-height:1.4}html.toko-umag--retail-pos,html.toko-umag--retail-pos body{height:100%;overflow:hidden}html.toko-umag--retail-pos body{min-height:0}html.toko-umag--retail-pos #app{height:100%;min-height:0}