*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{max-width:100%;padding:16px}.header{padding:20px 16px;background:linear-gradient(135deg,#6b4423,#8b5a3c);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.header h1{font-size:24px;font-weight:600;margin-bottom:4px}.header p{font-size:14px;opacity:.9}.tabs{display:flex;background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:4px;margin:16px 0;gap:4px}.tab{flex:1;padding:12px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--tg-theme-text-color, #000)}.tab.active{background:var(--tg-theme-button-color, #6B4423);color:var(--tg-theme-button-text-color, white);box-shadow:0 2px 8px #0000001a}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:100px}.menu-item{background:var(--tg-theme-secondary-bg-color, #f9f9f9);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.menu-item:active{transform:scale(.98)}.menu-item.selected{border-color:var(--tg-theme-button-color, #6B4423)}.menu-item-image{width:100%;height:140px;object-fit:cover;background:#e0e0e0}.menu-item-info{padding:12px}.menu-item-name{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--tg-theme-text-color, #000)}.menu-item-price{font-size:16px;font-weight:700;color:var(--tg-theme-button-color, #6B4423)}.menu-item-quantity{display:flex;align-items:center;gap:8px;margin-top:8px}.qty-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--tg-theme-button-color, #6B4423);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-value{font-weight:600;min-width:24px;text-align:center}.cart-button{position:fixed;bottom:0;left:0;right:0;padding:16px;background:var(--tg-theme-bg-color, white);border-top:1px solid rgba(0,0,0,.1);z-index:1000}.cart-btn{width:100%;padding:16px;background:var(--tg-theme-button-color, #6B4423);color:var(--tg-theme-button-text-color, white);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:opacity .2s}.cart-btn:active{opacity:.8}.cart-btn:disabled{opacity:.5;cursor:not-allowed}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--tg-theme-secondary-bg-color, #f9f9f9);border-radius:16px;padding:16px;border-left:4px solid var(--tg-theme-button-color, #6B4423)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-number{font-weight:600;font-size:14px}.order-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;background:var(--tg-theme-button-color, #6B4423);color:#fff}.order-status.ready{background:#4caf50}.order-status.preparing{background:#ff9800}.order-items{font-size:14px;color:var(--tg-theme-hint-color, #999);margin-bottom:8px}.order-total{font-size:18px;font-weight:700;color:var(--tg-theme-button-color, #6B4423)}.settings-list{display:flex;flex-direction:column;gap:12px}.settings-item{background:var(--tg-theme-secondary-bg-color, #f9f9f9);border-radius:12px;padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.settings-item-title{font-weight:600;margin-bottom:4px}.settings-item-desc{font-size:13px;color:var(--tg-theme-hint-color, #999)}.toggle{width:50px;height:28px;background:#ccc;border-radius:14px;position:relative;cursor:pointer;transition:background .2s}.toggle.active{background:var(--tg-theme-button-color, #6B4423)}.toggle-slider{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle.active .toggle-slider{transform:translate(22px)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;z-index:2000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--tg-theme-bg-color, white);border-radius:20px 20px 0 0;padding:20px;max-height:80vh;overflow-y:auto;width:100%;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--tg-theme-hint-color, #999)}.btn{padding:12px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary{background:var(--tg-theme-button-color, #6B4423);color:var(--tg-theme-button-text-color, white)}.btn:active{opacity:.8}.empty-state{text-align:center;padding:60px 20px;color:var(--tg-theme-hint-color, #999)}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state-text{font-size:16px}