.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-lg)}.login-card{background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);width:100%;max-width:400px}.login-card h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs);text-align:center}.login-card h1:before{content:"🛒";display:block;font-size:3rem;margin-bottom:var(--spacing-md)}.login-card p{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;background:var(--background);color:var(--text-primary);transition:var(--transition)}.form-group input:hover{border-color:var(--border-hover)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ultra-light)}.error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--spacing-lg);text-align:center}.login-button{width:100%;padding:.875rem 1.5rem;background:var(--primary);color:#fff;font-weight:600;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition)}.login-button:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.hint{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-md);text-align:center;font-size:.8125rem;color:var(--text-secondary)}@media (max-width: 480px){.login-card{padding:var(--spacing-lg)}.login-card h1{font-size:1.5rem}}.shopping-container{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.header{background:var(--background);border-bottom:1px solid var(--line-dark);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.header h1{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--text-primary);margin:0}.header h1:before{content:""}.header-center{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1 100%;order:3}.list-selector{padding:var(--spacing-xs) 0;background:transparent;border:none;border-bottom:1px solid var(--line-dark);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.list-selector:hover{opacity:.7}.list-selector:focus{outline:none;border-bottom-color:var(--text-primary)}.mode-switcher{display:flex;align-items:center}.slider-toggle{display:inline-flex;gap:1px;border:1px solid var(--line-dark)}.toggle-input{display:none}.toggle-label{display:flex;cursor:pointer}.toggle-text{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.toggle-input:checked+.toggle-label .toggle-text{background:var(--line-dark);color:var(--background)}.settings-text{padding:var(--spacing-xs);min-width:auto}.error-message{background:var(--surface-hover);border-left:2px solid var(--line-dark);color:var(--text-primary);padding:var(--spacing-sm);margin:var(--spacing-md);font-size:.8125rem}.footer{background:var(--background);border-top:1px solid var(--line-dark);padding:var(--spacing-md) var(--spacing-lg)}.footer-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin:0 auto;padding:0 var(--spacing-xl)}@media (min-width: 769px){.footer-buttons{max-width:769px!important;width:95%!important}}.footer-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:var(--transition)}.footer-btn:hover{color:var(--line-dark)}.btn-icon{font-size:1rem}.btn-text{display:inline}@media (max-width: 768px){.header{padding:var(--spacing-sm) var(--spacing-md)}.header h1{font-size:1rem}.header-center{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.list-selector{width:100%}.slider-toggle{justify-content:center}.footer{padding:var(--spacing-sm) var(--spacing-md)}.footer-buttons{gap:var(--spacing-sm)}.footer-btn{flex:1;justify-content:center}}.shop-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.shop-editor{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.editor-header h2{margin:0;font-size:20px;color:#333}.close-btn{width:32px;height:32px;padding:0;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background .3s}.close-btn:hover{background:#d32f2f}.editor-content{flex:1;overflow-y:auto;padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-group input,.shop-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus,.shop-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.form-group input:disabled,.shop-select:disabled{background:#f5f5f5;cursor:not-allowed}.help-text{margin:4px 0 0;font-size:12px;color:#999;font-style:italic}.item-types-container{display:flex;flex-direction:column;gap:15px}.ordered-items{border:2px dashed #2196F3;border-radius:4px;padding:12px;background:#f0f7ff;min-height:100px}.empty-message{margin:0;text-align:center;color:#999;padding:20px;font-style:italic}.ordered-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:8px;cursor:move;transition:all .2s;-webkit-user-select:none;user-select:none}.ordered-item:hover{background:#f9f9f9;box-shadow:0 2px 4px #0000001a}.ordered-item:last-child{margin-bottom:0}.drag-handle{color:#999;font-size:16px;cursor:grab;flex-shrink:0}.ordered-item:active .drag-handle{cursor:grabbing}.item-name{flex:1;color:#333;font-size:14px}.remove-btn{width:28px;height:28px;padding:0;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .3s;flex-shrink:0}.remove-btn:hover{background:#d32f2f}.available-items{border:1px solid #ddd;border-radius:4px;padding:12px;background:#fff}.available-items .label{margin:0 0 8px;font-size:12px;font-weight:500;color:#666;text-transform:uppercase}.add-type-btn{display:block;width:100%;padding:8px 12px;margin-bottom:6px;background:#e3f2fd;color:#2196f3;border:1px solid #2196F3;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;text-align:left}.add-type-btn:hover{background:#2196f3;color:#fff}.add-type-btn:last-child{margin-bottom:0}.error-message{color:#d32f2f;background:#ffebee;padding:10px;border-radius:4px;margin-bottom:15px;font-size:13px;border-left:3px solid #d32f2f}.success-message{color:#2e7d32;background:#e8f5e9;padding:10px;border-radius:4px;margin-bottom:15px;font-size:13px;border-left:3px solid #2e7d32}.editor-actions{display:flex;gap:10px;padding:20px;border-top:1px solid #e0e0e0;background:#f9f9f9}.save-btn,.cancel-btn{flex:1;padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.save-btn{background:#4caf50;color:#fff}.save-btn:hover:not(:disabled){background:#45a049}.save-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-btn{background:#9e9e9e;color:#fff}.cancel-btn:hover:not(:disabled){background:#757575}.cancel-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.shop-editor-overlay{padding:10px}.shop-editor{max-width:100%}.editor-content{padding:15px}.editor-actions{flex-direction:column;padding:15px}.save-btn,.cancel-btn{width:100%}}.logo-upload{margin-top:var(--spacing-sm)}.logo-upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;background:var(--surface);transition:var(--transition)}.logo-upload-area:hover{border-color:var(--primary);background:var(--primary-ultra-light)}.logo-input{display:none}.logo-upload-label{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:var(--transition)}.logo-upload-label:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.logo-preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.logo-preview img{max-width:200px;max-height:100px;object-fit:contain;border-radius:var(--radius-sm)}.remove-logo-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--danger);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.remove-logo-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.remove-logo-btn:disabled{opacity:.5;cursor:not-allowed}.shops-manager{max-width:900px}.shops-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.shops-header h2{margin:0;font-size:1.125rem;color:var(--text-primary);font-weight:600}.add-shop-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.add-shop-form input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;background:var(--background);color:var(--text-primary);transition:var(--transition)}.add-shop-form input:hover{border-color:var(--border-hover)}.add-shop-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ultra-light)}.add-shop-form button{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;font-weight:500;box-shadow:var(--shadow-sm);transition:var(--transition)}.add-shop-form button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.add-shop-form button:disabled{opacity:.5;cursor:not-allowed}.shops-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.shop-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition)}.shop-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.shop-info{flex:1;min-width:0}.shop-info h3{margin:0 0 var(--spacing-xs) 0;font-size:.9375rem;color:var(--text-primary);font-weight:600}.item-types-count{margin:0;font-size:.8125rem;color:var(--text-tertiary)}.shop-actions{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-md);flex-shrink:0}.edit-shop-btn,.delete-shop-btn{width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;background:var(--background);color:var(--text-secondary)}.edit-shop-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.delete-shop-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.shops-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.toggle-form-btn{width:100%}.add-shop-form{flex-direction:column}.shop-item{flex-wrap:wrap}.shop-actions{width:100%;margin-left:0;margin-top:var(--spacing-sm);justify-content:flex-end}}.shop-logo{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-md);overflow:hidden;margin-right:var(--spacing-md)}.shop-logo img{max-width:100%;max-height:100%;object-fit:contain}.categories-manager{max-width:900px}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:var(--spacing-sm)}.categories-header h2{margin:0;font-size:1.125rem;color:var(--text-primary);font-weight:600}.header-actions{display:flex;gap:var(--spacing-sm)}.toggle-form-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;font-weight:500;box-shadow:var(--shadow-sm);transition:var(--transition)}.toggle-form-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.add-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.add-form .icon-input{width:60px;flex-shrink:0;text-align:center;font-size:1.25rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);transition:var(--transition)}.add-form .name-input,.add-form .type-select{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;background:var(--background);color:var(--text-primary);transition:var(--transition)}.add-form input:hover,.add-form select:hover{border-color:var(--border-hover)}.add-form input:focus,.add-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ultra-light)}.form-actions{display:flex;gap:var(--spacing-sm)}.add-form .submit-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;font-weight:500;box-shadow:var(--shadow-sm);transition:var(--transition)}.add-form .submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cancel-form-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--danger);color:#fff;font-weight:500;box-shadow:var(--shadow-sm);transition:var(--transition);border:none;border-radius:var(--radius-md);cursor:pointer}.cancel-form-btn:hover{background:#c0392b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-section{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.category-section:hover{box-shadow:var(--shadow-sm)}.category-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--surface);border-bottom:1px solid var(--border);gap:var(--spacing-sm)}.category-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.category-icon{font-size:1.25rem;flex-shrink:0;width:32px;text-align:center}.category-name{margin:0;font-size:.9375rem;color:var(--text-primary);font-weight:600}.items-count{font-size:.8125rem;color:var(--text-tertiary);margin-left:var(--spacing-xs)}.category-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.edit-icon-input,.edit-name-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;background:var(--background);color:var(--text-primary);transition:var(--transition)}.edit-icon-input{width:60px;flex-shrink:0;text-align:center;font-size:1.25rem}.edit-name-input{flex:1;min-width:150px}.edit-icon-input:focus,.edit-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ultra-light)}.item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);gap:var(--spacing-sm);transition:var(--transition)}.item-row:last-child{border-bottom:none}.item-row:hover{background:var(--surface)}.item-name{flex:1;font-size:.875rem;color:var(--text-primary)}.edit-item-name,.edit-item-type{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;background:var(--background);color:var(--text-primary);transition:var(--transition)}.edit-item-name{flex:1;min-width:150px}.edit-item-type{min-width:150px}.edit-item-name:focus,.edit-item-type:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ultra-light)}.item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.edit-btn,.delete-btn,.save-btn,.cancel-btn{width:32px;height:32px;padding:0;background:var(--background);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.edit-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.delete-btn{font-size:1.25rem}.delete-btn:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.delete-btn:disabled{opacity:.3;cursor:not-allowed}.save-btn:hover{background:var(--success);color:#fff;border-color:var(--success);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cancel-btn:hover{background:var(--text-secondary);color:#fff;border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.empty-message{text-align:center;color:var(--text-tertiary);padding:var(--spacing-xl);font-size:.875rem}.categories-manager-loading{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary)}@media (max-width: 768px){.categories-header{flex-direction:column;align-items:stretch}.header-actions{width:100%}.header-actions button{flex:1}.add-form{flex-direction:column}.add-form .icon-input,.form-actions{width:100%}.form-actions button{flex:1}.category-header{flex-wrap:wrap}.category-actions{width:100%;justify-content:flex-end}.item-row{flex-wrap:wrap}.edit-item-name,.edit-item-type{width:100%}.item-actions{width:100%;justify-content:flex-end;margin-top:var(--spacing-xs)}}.user-manager{max-width:900px}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:var(--spacing-sm)}.user-header h2{margin:0;font-size:1.125rem;color:var(--text-primary);font-weight:600}.manager-section{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.section-title{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1rem;font-weight:600}.password-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:500;color:var(--text-secondary);font-size:.9375rem}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;background:var(--background);color:var(--text-primary);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf501a}.form-input:disabled{background-color:var(--surface);cursor:not-allowed;opacity:.6}.submit-btn{background-color:var(--primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition);margin-top:var(--spacing-sm);align-self:flex-start;box-shadow:var(--shadow-sm)}.submit-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:disabled{background-color:var(--border);cursor:not-allowed;transform:none;box-shadow:none}.section-description{color:var(--text-secondary);font-size:.9375rem;margin-bottom:var(--spacing-lg);line-height:1.5}.backup-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.backup-btn{background-color:var(--primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);flex:1;min-width:180px}.backup-btn:disabled{background-color:var(--border);cursor:not-allowed;transform:none;box-shadow:none}.backup-warning{background-color:#fff3cd;color:#856404;padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid #ffc107;font-size:.875rem;line-height:1.5}@media (max-width: 768px){.user-header h2{font-size:1rem}.manager-section{padding:var(--spacing-md)}.submit-btn{width:100%}.backup-buttons{flex-direction:column}.backup-btn{width:100%;min-width:auto}}.backup-manager{max-width:1200px}.backup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:var(--spacing-sm)}.backup-header h2{margin:0;font-size:1.125rem;color:var(--text-primary);font-weight:600}.manager-section{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.section-description{color:var(--text-secondary);font-size:.9375rem;margin-bottom:var(--spacing-xl);line-height:1.6}.backup-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.backup-action-card{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition)}.backup-action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.backup-action-card h3{margin:0 0 var(--spacing-sm) 0;font-size:1rem;color:var(--text-primary);font-weight:600}.backup-action-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg);line-height:1.5}.backup-btn{width:100%;background-color:var(--primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.backup-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.backup-btn:disabled{background-color:var(--border);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.export-btn{background-color:#2196f3}.export-btn:hover:not(:disabled){background-color:#1976d2}.restore-btn{background-color:#ff9800}.restore-btn:hover:not(:disabled){background-color:#f57c00}.backup-warning{background-color:#fff3cd;color:#856404;padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid #ffc107;font-size:.875rem;line-height:1.6}.backup-warning strong{display:block;margin-bottom:var(--spacing-xs);font-size:.9375rem}.error-message{background-color:#ffebee;color:#c62828;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid #c62828;font-size:.9375rem}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid #2e7d32;font-size:.9375rem}@media (max-width: 768px){.backup-header h2{font-size:1rem}.manager-section{padding:var(--spacing-md)}.backup-actions{grid-template-columns:1fr}.backup-action-card{padding:var(--spacing-md)}}.admin-container{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.admin-header{background:var(--background);border-bottom:1px solid var(--border);padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)}.admin-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.admin-header h1{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.admin-header-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.back-btn,.logout-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:var(--transition)}.back-btn{background:var(--primary);color:#fff}.back-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.logout-btn{background:transparent;color:var(--text-secondary);border:none}.logout-btn:hover{color:var(--danger)}.admin-layout{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%}.admin-sidebar{width:200px;background:var(--background);border-right:1px solid var(--border);padding:var(--spacing-lg) 0;position:sticky;top:73px;height:calc(100vh - 73px)}.admin-menu{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-md)}.menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:var(--transition)}.menu-item:hover{background:var(--surface);color:var(--text-primary)}.menu-item.active{background:var(--primary-ultra-light);color:var(--primary)}.menu-icon{font-size:1.25rem;flex-shrink:0}.menu-label{flex:1}.admin-main{flex:1;padding:var(--spacing-lg);overflow-y:auto}.error-message{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem}@media (max-width: 768px){.admin-header{padding:var(--spacing-md)}.admin-header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.admin-header h1{font-size:1.125rem}.admin-header-buttons{width:100%;justify-content:flex-end}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border);padding:var(--spacing-md) 0}.admin-menu{flex-direction:row;overflow-x:auto;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.menu-item{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);min-width:80px;text-align:center;white-space:nowrap}.menu-icon{font-size:1.5rem}.menu-label{font-size:.75rem}.admin-main{padding:var(--spacing-md)}}:root{--primary: #6366f1;--primary-light: #e0e7ff;--secondary: #8b5cf6;--background: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--success: #10b981;--danger: #ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;height:100%;background:var(--background)}.container{max-width:1200px;margin:0 auto;padding:20px}@media (max-width: 768px){.container{padding:12px}}:root{--primary: #1a1a1a;--primary-dark: #1a1a1a;--primary-light: #404040;--success: #1a1a1a;--success-bg: #d4f4dd;--success-border: #e5e5e5;--text-primary: #1a1a1a;--text-secondary: #737373;--text-tertiary: #a3a3a3;--background: #ffffff;--surface: #ffffff;--surface-hover: #fafafa;--line: #e5e5e5;--line-dark: #1a1a1a;--spacing-xs: .25rem;--spacing-sm: .375rem;--spacing-md: .625rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--transition: all .1s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary);font-size:14px;line-height:1.4}button{font-family:inherit;cursor:pointer;border:none;transition:var(--transition)}button:disabled{opacity:.3;cursor:not-allowed}input,select{font-family:inherit;transition:var(--transition);width:100%}input:focus,select:focus{outline:none}input::placeholder{color:var(--text-tertiary)}.edit-mode-content{flex:1;overflow-y:auto;padding:0 0 80px}.add-item-form{margin:0;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-bottom:1px solid var(--line)}.add-item-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.add-item-form form{display:flex;gap:var(--spacing-sm);align-items:stretch}.autocomplete-wrapper{position:relative;flex:1}.add-item-input{width:100%;padding:var(--spacing-sm) 0;border:none;font-size:1rem;background:transparent;transition:var(--transition);font-weight:600}.add-item-input:focus{outline:none}.add-item-btn{width:32px;height:32px;background:var(--primary);color:#fff;font-size:1.125rem;font-weight:300;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.add-item-btn:hover:not(:disabled){opacity:.8}.add-item-btn:active:not(:disabled){transform:scale(.95)}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--background);border:1px solid var(--line-dark);max-height:280px;overflow-y:auto;z-index:100}.suggestion-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);border:none;transition:var(--transition)}.suggestion-item:hover{background:var(--surface-hover)}.suggestion-name{font-weight:500;font-size:.8125rem;color:var(--text-primary);flex:1}.suggestion-category{font-size:.6875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.category-section{margin-bottom:var(--spacing-xl);border:0}.category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md);padding-bottom:0;position:sticky;top:0;background:var(--background);z-index:10}.category-icon{font-size:1rem;line-height:1}.category-name{flex:1;font-size:.875rem;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--text-primary)}.items-list{display:flex;flex-direction:column}.item-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border:none;cursor:pointer;transition:var(--transition);min-height:42px}.item-row:hover{background:var(--surface-hover)}.item-row-selected{background:var(--success-bg)}.item-row-selected:hover{background:#ececec}.item-name{flex:1;font-size:.875rem;font-weight:400;color:var(--text-primary);-webkit-user-select:none;user-select:none}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.qty-btn{width:28px;height:28px;background:transparent;border:1px solid var(--line-dark);color:var(--text-primary);font-size:1.125rem;font-weight:300;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.qty-btn:hover:not(:disabled){background:var(--line-dark);color:#fff}.qty-btn:active:not(:disabled){transform:scale(.9)}.qty-btn:disabled{border-color:var(--line);color:var(--text-tertiary)}.quantity-display{min-width:24px;text-align:center;font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);-webkit-user-select:none;user-select:none}@media (max-width: 768px){.edit-mode-content{padding:0}.add-item-form{margin:0;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);padding-bottom:var(--spacing-lg)}.category-header{margin:0;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-lg)}.category-icon{font-size:.9375rem}.category-name{font-size:.8125rem}.item-row{padding:var(--spacing-sm) var(--spacing-lg);min-height:44px}.item-name{font-size:.8125rem}.qty-btn{width:32px;height:32px}.quantity-display{min-width:28px;font-size:.9375rem}}@media (min-width: 769px){.edit-mode-content{max-width:769px!important;width:95%!important;margin:0 auto;padding:0 0 80px}.add-item-form{margin:0;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl)}.category-header{margin:0;margin-bottom:var(--spacing-md);padding:0 var(--spacing-xl)}.item-row{padding:var(--spacing-md) var(--spacing-xl)}}.shopping-mode-content{flex:1;overflow-y:auto;padding:0 0 80px}.shop-selector-container{margin:0;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:var(--spacing-sm)}.shop-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.shop-selector-wrapper{display:flex;align-items:center;gap:var(--spacing-md)}.shop-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.shop-selector{padding:var(--spacing-sm) 0;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;flex:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.shop-selector:focus{outline:none}.shopping-item-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:none;transition:var(--transition);min-height:42px;cursor:pointer}.shopping-item-row:hover{background:var(--surface-hover)}.shopping-checkbox{width:20px;height:20px;cursor:pointer;flex-shrink:0}.shopping-item-name{flex:1;font-size:.875rem;font-weight:400;color:var(--text-primary);transition:var(--transition)}.shopping-item-quantity{font-size:.875rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:32px;text-align:right;flex-shrink:0;transition:var(--transition)}.shopping-item-checked .shopping-item-name{text-decoration:line-through;color:var(--text-tertiary)}.shopping-item-checked .shopping-item-quantity{color:var(--text-tertiary)}.shopping-item-checked{opacity:.5}@media (max-width: 768px){.shopping-mode-content{padding:0}.shop-selector-container{margin:0;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.shopping-item-row{padding:var(--spacing-sm) var(--spacing-lg);min-height:44px}.shopping-item-name,.shopping-item-quantity{font-size:.8125rem}}@media (min-width: 769px){.shopping-mode-content{max-width:769px!important;width:95%!important;margin:0 auto;padding:0 0 80px}.shop-selector-container{margin:0;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl)}.shopping-item-row{padding:var(--spacing-md) var(--spacing-xl)}}