:root{--color-terracotta: #c2593f;--color-terracotta-dark: #a4422a;--color-terracotta-light: #f3dfd9;--color-moss: #4a5d45;--color-moss-light: #d8e2d5;--color-ochre: #d69837;--color-sand: #f5ede2;--color-linen: #eae3d2;--bg-primary: #fcfbfa;--bg-surface: #ffffff;--bg-surface-elevated: #f7f4ef;--bg-dark: #241d1b;--text-primary: #29221f;--text-secondary: #6e645e;--text-muted: #9c918a;--text-inverse: #fdfbf7;--border-subtle: #e8e2d8;--border-medium: #d6ccbe;--status-available: #2e7d32;--status-available-bg: #e8f5e9;--status-reserved: #d97706;--status-reserved-bg: #fef3c7;--status-sold: #b91c1c;--status-sold-bg: #fee2e2;--status-workshop: #4f46e5;--status-workshop-bg: #e0e7ff;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(41, 34, 31, .04);--shadow-md: 0 4px 12px rgba(41, 34, 31, .08);--shadow-lg: 0 10px 24px rgba(41, 34, 31, .12);--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{width:100%;height:100%;overflow-x:hidden;margin:0;padding:0}body{font-family:var(--font-main);background-color:#ede8e1;color:var(--text-primary);line-height:1.45;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;justify-content:center;overflow-x:hidden}.app-container{width:100%;max-width:480px;min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column;position:relative;box-shadow:0 0 30px #00000014}.top-bar{background:var(--bg-dark);color:var(--text-inverse);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;width:100%;box-sizing:border-box}.top-bar-title{font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;padding:4px 8px;border-radius:var(--radius-full);font-weight:600}.status-badge.online{background:#2e7d3240;color:#81c784}.status-badge.offline{background:#d977064d;color:#fcd34d}.mode-bar{background:var(--bg-surface-elevated);padding:8px 12px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);width:100%;box-sizing:border-box}.mode-select{font-weight:600;color:var(--text-primary);background:transparent;border:none;font-size:.8rem;cursor:pointer;outline:none;max-width:75%}.main-content{flex:1;padding:12px 12px 160px;width:100%;box-sizing:border-box}.bottom-nav{position:fixed;bottom:0;width:100%;max-width:480px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;padding:8px 4px calc(10px + env(safe-area-inset-bottom,12px));z-index:40;box-sizing:border-box;box-shadow:0 -4px 16px #0000000d}.nav-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:all .2s ease;flex:1}.nav-item.active{color:var(--color-terracotta);font-weight:600}.section-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;margin-bottom:14px;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box;overflow-x:hidden}.section-title{font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.action-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:12px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;cursor:pointer;transition:all .15s ease;width:100%;box-sizing:border-box}.action-btn:active{transform:scale(.97);background:var(--border-subtle)}.action-btn.primary{background:var(--color-terracotta);border-color:var(--color-terracotta-dark);color:var(--text-inverse)}.action-btn.primary .action-sub{color:#ffffffd9}.action-label{font-size:.8rem;font-weight:700;white-space:nowrap}.action-sub{font-size:.65rem;color:var(--text-muted);white-space:nowrap}.pill{display:inline-block;padding:2px 7px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.pill-available{background:var(--status-available-bg);color:var(--status-available)}.pill-reserved{background:var(--status-reserved-bg);color:var(--status-reserved)}.pill-sold{background:var(--status-sold-bg);color:var(--status-sold)}.pill-workshop{background:var(--status-workshop-bg);color:var(--status-workshop)}.garment-list-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-subtle);width:100%;box-sizing:border-box}.garment-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-surface-elevated);flex-shrink:0}.garment-info{flex:1;min-width:0;overflow:hidden}.garment-name{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garment-ean{font-size:.68rem;color:var(--text-muted);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garment-price{font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.form-group{margin-bottom:12px;width:100%;box-sizing:border-box}.form-label{display:block;font-size:.74rem;font-weight:600;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{width:100%;max-width:100%;padding:9px 10px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.88rem;background:var(--bg-surface);color:var(--text-primary);outline:none;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-terracotta)}.button-primary{width:100%;background:var(--color-terracotta);color:var(--text-inverse);border:none;padding:11px;border-radius:var(--radius-md);font-weight:700;font-size:.88rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box}.button-primary:active{background:var(--color-terracotta-dark)}.button-secondary{width:100%;background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium);padding:11px;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box}@media(max-width:360px){.main-content{padding:8px}.section-card{padding:10px}.action-btn{padding:10px 4px}.action-label{font-size:.75rem}}