:root{--app-bg-color: #0e1621;--card-bg: #17212b;--card-soft-bg: #1b2a36;--text-color: var(--tg-text-color, #f5f7fa);--muted-color: var(--tg-subtitle-text-color, #9fb0c0);--accent-color: var(--tg-button-color, #4f9cf9);--accent-text-color: var(--tg-button-text-color, #ffffff);--danger-color: #d9534f;--border-color: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Segoe UI,SF Pro Display,Arial,sans-serif;background:linear-gradient(180deg,var(--app-bg-color) 0%,#0a1118 100%);color:var(--text-color)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:var(--text-color);-webkit-text-fill-color:var(--text-color)}input,textarea,select{width:100%;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-color);border-radius:12px;padding:10px 12px}textarea{resize:vertical}label{display:grid;gap:6px;font-size:13px}.app-shell{min-height:100vh;padding:14px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.app-header h1{margin:0;font-size:24px}.app-subtitle{margin:2px 0 0;color:var(--muted-color);font-size:12px}.app-main{display:grid;gap:12px}.app-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border-color);background:#0d151ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom,0px)}.nav-item{text-align:center;padding:14px 6px;color:var(--muted-color);font-size:12px}.nav-item.active{color:var(--text-color);font-weight:600}.page-column{display:grid;gap:12px}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:14px;display:grid;gap:10px}.card.soft{background:var(--card-soft-bg)}.card.limited{width:min(520px,calc(100vw - 20px))}.screen-center{min-height:100vh;display:grid;align-content:center;justify-items:center;padding:12px}.login-screen{padding-bottom:env(safe-area-inset-bottom,0px)}.login-card{width:min(420px,100%)}.button{border:none;border-radius:12px;padding:10px 14px;background:var(--accent-color);color:var(--accent-text-color);cursor:pointer;font-weight:600}.button.secondary{background:#ffffff14;color:var(--text-color)}.button.danger{background:var(--danger-color);color:#fff}.chip{border:1px solid var(--border-color);border-radius:999px;background:#ffffff0d;color:var(--text-color);padding:8px 12px}.chip.active{border-color:var(--accent-color);background:#4f9cf938}.list{display:grid;gap:8px}.list-item{border:1px solid var(--border-color);border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff08;color:var(--text-color)}.list-item.column{display:grid;justify-content:unset}.message{border-radius:12px;padding:10px;display:grid;gap:4px;border:1px solid var(--border-color)}.message.seller{background:#4f9cf92e}.message.employee{background:#ffffff0f}.row{display:flex}.column{display:grid}.between{justify-content:space-between}.align-center{align-items:center}.wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-12{gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qty-input{max-width:96px}.muted{color:var(--muted-color);margin:0;font-size:13px}.error{color:#ff8c85;margin:0}.ok{color:#7ce0a1;margin:0}.spinner{width:26px;height:26px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:900px){.app-shell{width:min(900px,100%);margin:0 auto}}