body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh;width:100%}.main-app[data-v-40ec4e3f]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-header[data-v-40ec4e3f]{background:#fff;box-shadow:0 2px 20px #00000014;position:sticky;top:0;z-index:100}.header-content[data-v-40ec4e3f]{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-40ec4e3f]{display:flex;align-items:center;gap:2rem}.app-title[data-v-40ec4e3f]{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0;display:flex;align-items:center;gap:.5rem}.app-title i[data-v-40ec4e3f]{color:#667eea}.connection-status[data-v-40ec4e3f]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;background:#f7fafc}.connection-status.connected[data-v-40ec4e3f]{background:#c6f6d5;color:#2f855a}.connection-status i.online[data-v-40ec4e3f]{color:#38a169}.connection-status i.offline[data-v-40ec4e3f]{color:#e53e3e}.header-right[data-v-40ec4e3f]{display:flex;align-items:center;gap:1rem}.user-info[data-v-40ec4e3f]{padding:.5rem 1rem;background:#f7fafc;border-radius:20px}.welcome-text[data-v-40ec4e3f]{font-weight:500;color:#4a5568}.header-button[data-v-40ec4e3f]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem}.admin-button[data-v-40ec4e3f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-button[data-v-40ec4e3f]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.logout-button[data-v-40ec4e3f]{background:#fed7d7;color:#c53030}.logout-button[data-v-40ec4e3f]:hover{background:#feb2b2;transform:translateY(-2px)}.main-content[data-v-40ec4e3f]{padding:2rem;max-width:1400px;margin:0 auto}@media (min-width: 1920px){.main-content[data-v-40ec4e3f]{max-width:2000px}}@media (min-width: 2200px){.main-content[data-v-40ec4e3f]{max-width:2600px}}@media (min-width: 2800px){.main-content[data-v-40ec4e3f]{max-width:3200px}}@media (min-width: 3400px){.main-content[data-v-40ec4e3f]{max-width:4000px}}.page-header[data-v-40ec4e3f]{margin-bottom:2rem}.search-section[data-v-40ec4e3f]{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.search-box[data-v-40ec4e3f]{position:relative;flex:1;max-width:500px}.search-icon[data-v-40ec4e3f]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#718096;pointer-events:none}.search-input[data-v-40ec4e3f]{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background:#fff;transition:all .3s ease}.search-input[data-v-40ec4e3f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-search[data-v-40ec4e3f]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#4a5568}.clear-search[data-v-40ec4e3f]:hover{background:#cbd5e0}.bulk-actions[data-v-40ec4e3f]{display:flex;gap:.5rem}.bulk-delete-btn[data-v-40ec4e3f]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#fed7d7;color:#c53030;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.bulk-delete-btn[data-v-40ec4e3f]:hover{background:#feb2b2;transform:translateY(-2px);box-shadow:0 4px 15px #c530304d}.page-title[data-v-40ec4e3f]{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.page-subtitle[data-v-40ec4e3f]{font-size:1.1rem;color:#718096}.stores-grid[data-v-40ec4e3f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem;max-width:2000px;margin:0 auto}@media (min-width: 2200px){.stores-grid[data-v-40ec4e3f]{max-width:2600px}}@media (min-width: 2800px){.stores-grid[data-v-40ec4e3f]{max-width:3200px}}@media (min-width: 3400px){.stores-grid[data-v-40ec4e3f]{max-width:4000px}}@media (max-width: 768px){.stores-grid[data-v-40ec4e3f]{grid-template-columns:1fr;gap:1rem}}.store-card[data-v-40ec4e3f]{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:1.5rem;transition:all .3s ease;border:1px solid #e2e8f0}.store-card[data-v-40ec4e3f]:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000001f}.store-card.offline[data-v-40ec4e3f]{opacity:.7;border-color:#fed7d7}.store-card.selected[data-v-40ec4e3f]{border-color:#667eea;border-width:2px;box-shadow:0 8px 30px #667eea33}.store-header[data-v-40ec4e3f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;gap:1rem}.store-info[data-v-40ec4e3f]{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.store-checkbox[data-v-40ec4e3f]{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}.store-checkbox input[type=checkbox][data-v-40ec4e3f]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.store-checkbox .checkmark[data-v-40ec4e3f]{display:block;width:22px;height:22px;background:#fff;border:2px solid #cbd5e0;border-radius:4px;position:relative;transition:all .3s ease}.store-checkbox input:checked~.checkmark[data-v-40ec4e3f]{background:#667eea;border-color:#667eea}.store-checkbox input:checked~.checkmark[data-v-40ec4e3f]:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.store-checkbox .checkmark[data-v-40ec4e3f]:hover{border-color:#667eea}.store-name-info[data-v-40ec4e3f]{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.store-name[data-v-40ec4e3f]{font-size:1.2rem;font-weight:700;color:#2d3748;margin:0;word-break:break-word;line-height:1.3;flex:1;min-width:200px}.store-version[data-v-40ec4e3f]{background:#e1f5fe;color:#0277bd;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap;flex-shrink:0}.store-status[data-v-40ec4e3f]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap;flex-shrink:0}.store-status.online[data-v-40ec4e3f]{background:#c6f6d5;color:#2f855a}.store-status.offline[data-v-40ec4e3f]{background:#fed7d7;color:#c53030}.card-section[data-v-40ec4e3f]{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.section-title[data-v-40ec4e3f]{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#4a5568;margin:0 0 1rem}.door-control[data-v-40ec4e3f]{margin-bottom:1rem}.door-control[data-v-40ec4e3f]:last-child{margin-bottom:0}.door-info[data-v-40ec4e3f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.door-label[data-v-40ec4e3f]{font-weight:600;color:#2d3748}.door-status[data-v-40ec4e3f]{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.door-status.closed[data-v-40ec4e3f]{background:#c6f6d5;color:#2f855a}.door-status.open[data-v-40ec4e3f]{background:#fed7d7;color:#c53030}.door-buttons[data-v-40ec4e3f]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.door-btn[data-v-40ec4e3f]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500;background:#f1f5f9;color:#94a3b8;min-height:70px;justify-content:center;opacity:.7}.door-btn[data-v-40ec4e3f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026;opacity:.9}.door-btn[data-v-40ec4e3f]:disabled{opacity:.3;cursor:not-allowed;transform:none}.door-btn.closed[data-v-40ec4e3f]{background:#fee2e2;color:#dc2626;border-color:#fecaca;opacity:.6}.door-btn.closed[data-v-40ec4e3f]:hover:not(:disabled){background:#fecaca;box-shadow:0 6px 20px #e53e3e4d;opacity:.8}.door-btn.closed.active[data-v-40ec4e3f]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#b91c1c;box-shadow:0 6px 20px #b91c1c99;transform:translateY(-2px);opacity:1;font-weight:600}.door-btn.auto[data-v-40ec4e3f]{background:#dbeafe;color:#2563eb;border-color:#bfdbfe;opacity:.6}.door-btn.auto[data-v-40ec4e3f]:hover:not(:disabled){background:#bfdbfe;box-shadow:0 6px 20px #2563eb4d;opacity:.8}.door-btn.auto.active[data-v-40ec4e3f]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#1d4ed8;box-shadow:0 6px 20px #1d4ed899;transform:translateY(-2px);opacity:1;font-weight:600}.door-btn.open[data-v-40ec4e3f]{background:#dcfce7;color:#16a34a;border-color:#bbf7d0;opacity:.6}.door-btn.open[data-v-40ec4e3f]:hover:not(:disabled){background:#bbf7d0;box-shadow:0 6px 20px #16a34a4d;opacity:.8}.door-btn.open.active[data-v-40ec4e3f]{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border-color:#15803d;box-shadow:0 6px 20px #15803d99;transform:translateY(-2px);opacity:1;font-weight:600}.counts-grid[data-v-40ec4e3f]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.count-card[data-v-40ec4e3f]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:center;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease}.count-card[data-v-40ec4e3f]:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.count-header[data-v-40ec4e3f]{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;position:relative;width:100%}.count-label[data-v-40ec4e3f]{font-size:.85rem;font-weight:600;color:#718096;line-height:1.2;text-align:center;margin-bottom:.5rem}.clear-btn[data-v-40ec4e3f]{width:24px;height:24px;border:none;background:#ff9800;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.75rem;position:absolute;right:0;top:-2px}.clear-btn[data-v-40ec4e3f]:hover:not(:disabled){background:#f57c00;transform:scale(1.1)}.clear-btn[data-v-40ec4e3f]:disabled{opacity:.5;cursor:not-allowed}.count-value[data-v-40ec4e3f]{font-size:2rem;font-weight:700;color:#2d3748;line-height:1;margin:.25rem 0}.action-buttons[data-v-40ec4e3f]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.action-btn[data-v-40ec4e3f]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:50px;font-size:.9rem;text-align:center}.action-btn[data-v-40ec4e3f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.action-btn[data-v-40ec4e3f]:disabled{opacity:.5;cursor:not-allowed;transform:none}.clear-all[data-v-40ec4e3f]{background:#fed7d7;color:#c53030;border:1px solid #feb2b2}.clear-all[data-v-40ec4e3f]:hover:not(:disabled){background:#feb2b2;box-shadow:0 8px 20px #c530304d}.cash-register[data-v-40ec4e3f]{background:#c6f6d5;color:#2f855a;border:1px solid #9ae6b4}.cash-register[data-v-40ec4e3f]:hover:not(:disabled){background:#9ae6b4;box-shadow:0 8px 20px #2f855a4d}.add-store-card[data-v-40ec4e3f]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:3rem 1.5rem;cursor:pointer;transition:all .3s ease;border:2px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;min-height:300px}.add-store-card[data-v-40ec4e3f]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #667eea4d}.add-store-content[data-v-40ec4e3f]{text-align:center;color:#fff}.add-icon[data-v-40ec4e3f]{font-size:3rem;margin-bottom:1rem;opacity:.9}.add-title[data-v-40ec4e3f]{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.add-subtitle[data-v-40ec4e3f]{opacity:.8;font-size:1rem}@media (max-width: 768px){.header-content[data-v-40ec4e3f]{flex-direction:column;gap:1rem;padding:1rem}.header-left[data-v-40ec4e3f],.header-right[data-v-40ec4e3f]{width:100%;justify-content:center}.main-content[data-v-40ec4e3f],.store-card[data-v-40ec4e3f]{padding:1rem}.store-header[data-v-40ec4e3f]{flex-direction:column;gap:1rem;align-items:flex-start}.counts-grid[data-v-40ec4e3f],.door-buttons[data-v-40ec4e3f],.action-buttons[data-v-40ec4e3f]{grid-template-columns:1fr;gap:.75rem}.add-store-card[data-v-40ec4e3f]{min-height:200px;padding:2rem 1rem}.add-icon[data-v-40ec4e3f]{font-size:2rem}.add-title[data-v-40ec4e3f]{font-size:1.2rem}}.modal-overlay[data-v-40ec4e3f]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-40ec4e3f]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-40ec4e3f]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-40ec4e3f]{margin:0;color:#2d3748;font-size:1.25rem}.modal-close[data-v-40ec4e3f]{background:none;border:none;font-size:1.25rem;color:#718096;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close[data-v-40ec4e3f]:hover{background:#f7fafc;color:#4a5568}.modal-form[data-v-40ec4e3f]{padding:2rem}.form-group[data-v-40ec4e3f]{margin-bottom:1.5rem}.form-group label[data-v-40ec4e3f]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem}.form-input[data-v-40ec4e3f]{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input[data-v-40ec4e3f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-help[data-v-40ec4e3f]{display:block;color:#718096;font-size:.85rem;margin-top:.25rem}.modal-actions[data-v-40ec4e3f]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.cancel-button[data-v-40ec4e3f],.submit-button[data-v-40ec4e3f]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.cancel-button[data-v-40ec4e3f]{background:#f7fafc;color:#4a5568}.cancel-button[data-v-40ec4e3f]:hover{background:#edf2f7}.submit-button[data-v-40ec4e3f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-button[data-v-40ec4e3f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.submit-button[data-v-40ec4e3f]:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-panel[data-v-234adea8]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-header[data-v-234adea8]{background:#fff;box-shadow:0 2px 20px #00000014;position:sticky;top:0;z-index:100}.header-content[data-v-234adea8]{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left h1.admin-title[data-v-234adea8]{font-size:1.8rem;font-weight:700;color:#2d3748;margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.admin-title i[data-v-234adea8]{color:#667eea}.admin-subtitle[data-v-234adea8]{color:#718096;margin:0;font-size:1rem}.header-actions[data-v-234adea8]{display:flex;gap:1rem}.header-button[data-v-234adea8]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem}.back-button[data-v-234adea8]{background:#e1f5fe;color:#0277bd}.back-button[data-v-234adea8]:hover{background:#b3e5fc;transform:translateY(-2px)}.logout-button[data-v-234adea8]{background:#fed7d7;color:#c53030}.logout-button[data-v-234adea8]:hover{background:#feb2b2;transform:translateY(-2px)}.admin-content[data-v-234adea8]{padding:2rem;max-width:1400px;margin:0 auto}.tabs-navigation[data-v-234adea8]{display:flex;background:#fff;border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.tab-button[data-v-234adea8]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#718096}.tab-button[data-v-234adea8]:hover{background:#f7fafc;color:#4a5568}.tab-button.active[data-v-234adea8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.tab-content[data-v-234adea8]{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;overflow:hidden}.tab-panel[data-v-234adea8]{padding:2rem}.panel-header[data-v-234adea8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.panel-title[data-v-234adea8]{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0}.add-button[data-v-234adea8]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-button[data-v-234adea8]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.empty-state[data-v-234adea8]{text-align:center;padding:3rem 2rem;color:#718096}.empty-state i[data-v-234adea8]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3[data-v-234adea8]{font-size:1.5rem;margin-bottom:.5rem;color:#4a5568}.users-grid[data-v-234adea8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.user-card[data-v-234adea8]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.user-card[data-v-234adea8]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.user-info[data-v-234adea8]{display:flex;align-items:center;gap:1rem}.user-avatar[data-v-234adea8]{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.user-name[data-v-234adea8]{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 .25rem}.user-role[data-v-234adea8]{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.user-role.admin[data-v-234adea8]{background:#fed7d7;color:#c53030}.user-role.user[data-v-234adea8]{background:#c6f6d5;color:#2f855a}.user-actions[data-v-234adea8]{display:flex;gap:.5rem}.action-btn[data-v-234adea8]{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn.edit[data-v-234adea8]{background:#e1f5fe;color:#0277bd}.action-btn.edit[data-v-234adea8]:hover{background:#b3e5fc;transform:scale(1.1)}.action-btn.delete[data-v-234adea8]{background:#fed7d7;color:#c53030}.action-btn.delete[data-v-234adea8]:hover{background:#feb2b2;transform:scale(1.1)}.permissions-section[data-v-234adea8]{max-width:800px}.permission-card[data-v-234adea8]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.permission-header[data-v-234adea8]{margin-bottom:2rem}.permission-header h3[data-v-234adea8]{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.permission-header p[data-v-234adea8]{color:#718096;margin:0}.permission-list[data-v-234adea8]{display:flex;flex-direction:column;gap:1.5rem}.permission-item[data-v-234adea8]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.permission-name[data-v-234adea8]{font-weight:600;color:#2d3748;display:block;margin-bottom:.25rem}.permission-desc[data-v-234adea8]{font-size:.9rem;color:#718096}.switch[data-v-234adea8]{position:relative;display:inline-block;width:50px;height:24px}.switch input[data-v-234adea8]{opacity:0;width:0;height:0}.slider[data-v-234adea8]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.4s;border-radius:24px}.slider[data-v-234adea8]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-234adea8]{background-color:#667eea}input:checked+.slider[data-v-234adea8]:before{transform:translate(26px)}.settings-grid[data-v-234adea8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.setting-card[data-v-234adea8]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.setting-header[data-v-234adea8]{margin-bottom:1.5rem}.setting-header h3[data-v-234adea8]{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.setting-header p[data-v-234adea8]{color:#718096;margin:0;font-size:.9rem}.form-group[data-v-234adea8]:last-child{margin-bottom:0}.form-group label[data-v-234adea8]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.9rem}.form-input[data-v-234adea8]{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:border-color .3s ease}.form-input[data-v-234adea8]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-label[data-v-234adea8]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-checkbox[data-v-234adea8]{width:auto}.settings-actions[data-v-234adea8]{display:flex;gap:1rem;justify-content:flex-end}.save-button[data-v-234adea8]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.save-button[data-v-234adea8]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.reset-button[data-v-234adea8]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.reset-button[data-v-234adea8]:hover{background:#edf2f7;transform:translateY(-2px)}.modal-overlay[data-v-234adea8]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-234adea8]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content.large-modal[data-v-234adea8]{max-width:700px}.modal-header[data-v-234adea8]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-234adea8]{margin:0;color:#2d3748;font-size:1.25rem}.modal-close[data-v-234adea8]{background:none;border:none;font-size:1.25rem;color:#718096;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close[data-v-234adea8]:hover{background:#f7fafc;color:#4a5568}.modal-form[data-v-234adea8]{padding:2rem}.form-section[data-v-234adea8]{margin-bottom:2rem}.form-section[data-v-234adea8]:last-child{margin-bottom:0}.form-section h4[data-v-234adea8]{margin:0 0 1rem;color:#2d3748;font-size:1.1rem;font-weight:600}.section-description[data-v-234adea8]{color:#718096;margin:0 0 1.5rem;font-size:.9rem}.form-group[data-v-234adea8]{margin-bottom:1.5rem}.form-group label[data-v-234adea8]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem}.form-input[data-v-234adea8],.form-select[data-v-234adea8]{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input[data-v-234adea8]:focus,.form-select[data-v-234adea8]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.stores-list[data-v-234adea8]{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.store-item[data-v-234adea8]{margin-bottom:.75rem}.store-item[data-v-234adea8]:last-child{margin-bottom:0}.store-checkbox[data-v-234adea8]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.store-checkbox[data-v-234adea8]:hover{background:#f7fafc}.store-checkbox input[type=checkbox][data-v-234adea8]{position:absolute;opacity:0;cursor:pointer}.checkmark[data-v-234adea8]{width:20px;height:20px;background:#fff;border:2px solid #e2e8f0;border-radius:4px;position:relative;transition:all .3s ease}.store-checkbox input:checked~.checkmark[data-v-234adea8]{background:#667eea;border-color:#667eea}.store-checkbox input:checked~.checkmark[data-v-234adea8]:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.store-info[data-v-234adea8]{display:flex;align-items:center;justify-content:space-between;flex:1}.store-name[data-v-234adea8]{font-weight:500;color:#2d3748}.store-status[data-v-234adea8]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.store-status.online[data-v-234adea8]{background:#c6f6d5;color:#2f855a}.store-status.offline[data-v-234adea8]{background:#fed7d7;color:#c53030}.modal-actions[data-v-234adea8]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.cancel-button[data-v-234adea8],.submit-button[data-v-234adea8]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.cancel-button[data-v-234adea8]{background:#f7fafc;color:#4a5568}.cancel-button[data-v-234adea8]:hover{background:#edf2f7}.submit-button[data-v-234adea8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-button[data-v-234adea8]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}@media (max-width: 768px){.admin-content[data-v-234adea8]{padding:1rem}.header-content[data-v-234adea8]{flex-direction:column;gap:1rem;padding:1rem}.tabs-navigation[data-v-234adea8]{flex-direction:column;gap:.5rem}.tab-button[data-v-234adea8]{justify-content:flex-start}.panel-header[data-v-234adea8]{flex-direction:column;gap:1rem;align-items:flex-start}.users-grid[data-v-234adea8],.settings-grid[data-v-234adea8]{grid-template-columns:1fr}.settings-actions[data-v-234adea8],.modal-actions[data-v-234adea8]{flex-direction:column}}.login-container[data-v-c42de076]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-box[data-v-c42de076]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;padding:2rem;width:100%;max-width:400px}.login-header[data-v-c42de076]{text-align:center;margin-bottom:2rem}.login-title[data-v-c42de076]{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.login-subtitle[data-v-c42de076]{color:#718096;font-size:.9rem}.login-form[data-v-c42de076],.form-group[data-v-c42de076]{margin-bottom:1.5rem}.form-label[data-v-c42de076]{display:block;font-weight:500;color:#4a5568;margin-bottom:.5rem;font-size:.9rem}.form-input[data-v-c42de076]{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#f7fafc}.form-input[data-v-c42de076]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-c42de076]{border-color:#e53e3e;background:#fed7d7}.error-message[data-v-c42de076]{background:#fed7d7;color:#c53030;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;text-align:center}.login-button[data-v-c42de076]{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.login-button[data-v-c42de076]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.login-button[data-v-c42de076]:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button.loading[data-v-c42de076]{position:relative}.login-footer[data-v-c42de076]{text-align:center;padding-top:1.5rem;border-top:1px solid #e2e8f0}.demo-credentials[data-v-c42de076]{background:#f7fafc;padding:1rem;border-radius:6px;font-size:.85rem;color:#4a5568;line-height:1.4}@media (max-width: 480px){.login-box[data-v-c42de076]{padding:1.5rem;margin:1rem}.login-title[data-v-c42de076]{font-size:1.5rem}}.login-box[data-v-c42de076]{animation:slideUp-c42de076 .6s ease-out}@keyframes slideUp-c42de076{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#2d3748}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px 30px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:2rem;font-weight:600;color:#2d3748}.header .user-info{display:flex;align-items:center;gap:15px}.connection-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:#fed7d7;color:#e53e3e;font-size:.8rem;font-weight:500;transition:all .3s ease}.connection-status.connected{background:#c6f6d5;color:#38a169}.text-green{color:#38a169}.text-red{color:#e53e3e}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:30px}.store-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.store-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.store-title{font-size:1.25rem;font-weight:600;color:#2d3748}.store-version{background:#e2e8f0;color:#4a5568;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.controls-section{margin-bottom:20px}.section-title{font-size:1rem;font-weight:600;color:#4a5568;margin-bottom:12px;display:flex;align-items:center;gap:8px}.door-section{margin-bottom:20px;padding:15px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.door-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.door-name{font-weight:600;color:#4a5568;font-size:.9rem}.door-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.door-status.open{background:#fed7d7;color:#e53e3e;animation:pulse-red 2s infinite}.door-status.closed{background:#c6f6d5;color:#38a169}@keyframes pulse-red{0%{background:#fed7d7}50%{background:#fbb6ce}to{background:#fed7d7}}.door-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.door-mode-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:2px solid transparent;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.8rem;opacity:.7}.door-mode-button:hover{opacity:1;transform:scale(1.02)}.door-mode-button.active{opacity:1;border-color:currentColor;font-weight:600;box-shadow:0 4px 12px #00000026}.door-mode-button.closed{background:#e53e3e;color:#fff}.door-mode-button.closed.active{border-color:#c53030;background:#c53030}.door-mode-button.auto{background:#4299e1;color:#fff}.door-mode-button.auto.active{border-color:#3182ce;background:#3182ce}.door-mode-button.open{background:#48bb78;color:#fff}.door-mode-button.open.active{border-color:#38a169;background:#38a169}.door-mode-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.counts-display{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.count-item{text-align:center;padding:12px;background:#f7fafc;border-radius:12px;border:1px solid #e2e8f0;position:relative}.count-label{font-size:.8rem;color:#718096;margin-bottom:4px}.count-value{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:8px}.zone-empty-button{position:absolute;top:6px;right:6px;width:20px;height:20px;border:none;border-radius:50%;background:#f56565;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .2s ease;opacity:.7}.zone-empty-button:hover{opacity:1;background:#e53e3e;transform:scale(1.1)}.zone-empty-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-button{padding:10px 16px;border:none;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.action-button.empty{background:#f56565;color:#fff}.action-button.empty:hover{background:#e53e3e;transform:scale(1.02)}.action-button.cash{background:#4299e1;color:#fff}.action-button.cash:hover{background:#3182ce;transform:scale(1.02)}.status-indicator{display:flex;align-items:center;gap:6px;font-size:.9rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#48bb78}.status-dot.offline{background:#f56565}.add-store-button{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed #cbd5e0;border-radius:20px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;color:#718096;font-weight:500}.add-store-button:hover{border-color:#4299e1;color:#4299e1;transform:translateY(-2px)}.login-form{max-width:400px;margin:50px auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0000001a}.login-form h2{text-align:center;margin-bottom:30px;font-weight:600;color:#2d3748}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#4a5568}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#4299e1}.login-button{width:100%;padding:12px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.login-button:hover{background:#3182ce}.loading{text-align:center;padding:40px;color:#718096}@media (max-width: 768px){.stores-grid{grid-template-columns:1fr}.header{flex-direction:column;gap:15px;text-align:center}.door-controls,.counts-display,.action-buttons{grid-template-columns:1fr}}
