.app-version[data-v-e1850603]{color:#00000059;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9999;font-size:10px;position:fixed;bottom:4px;right:6px}.home-container[data-v-c992d637]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.background-pattern[data-v-c992d637]{z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.welcome-section[data-v-c992d637]{text-align:center;color:#fff;z-index:1;max-width:600px;position:relative}.welcome-title[data-v-c992d637]{text-shadow:0 2px 4px #0000004d;margin-bottom:1rem;font-size:3rem;font-weight:800}.welcome-description[data-v-c992d637]{opacity:.9;margin-bottom:2rem;font-size:1.25rem}.action-buttons[data-v-c992d637]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn[data-v-c992d637]{border-radius:.5rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-block}.btn-primary[data-v-c992d637]{color:#667eea;background-color:#fff}.btn-primary[data-v-c992d637]:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-secondary[data-v-c992d637]{color:#fff;background-color:#0000;border:2px solid #fff}.btn-secondary[data-v-c992d637]:hover{color:#667eea;background-color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0003}@media (width<=640px){.welcome-title[data-v-c992d637]{font-size:2rem}.welcome-description[data-v-c992d637]{font-size:1rem}.action-buttons[data-v-c992d637]{flex-direction:column;align-items:center}.btn[data-v-c992d637]{width:100%;max-width:280px}}.auth-form[data-v-6db4418e]{width:100%;max-width:400px}.auth-header[data-v-6db4418e]{text-align:center;margin-bottom:2rem}.auth-title[data-v-6db4418e]{color:#111827;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.auth-subtitle[data-v-6db4418e]{color:#6b7280;font-size:1rem}.form[data-v-6db4418e]{margin-bottom:1.5rem}.form-group[data-v-6db4418e]{margin-bottom:1rem}.form-label[data-v-6db4418e]{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input[data-v-6db4418e]{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input[data-v-6db4418e]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-6db4418e]:disabled{color:#6b7280;background-color:#f9fafb}.btn[data-v-6db4418e]{cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .15s ease-in-out;display:flex}.btn-primary[data-v-6db4418e]{color:#fff;background-color:#3b82f6}.btn-primary[data-v-6db4418e]:hover:not(:disabled){background-color:#2563eb}.btn-primary[data-v-6db4418e]:disabled{cursor:not-allowed;background-color:#9ca3af}.w-full[data-v-6db4418e]{width:100%}.btn-google[data-v-6db4418e]{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:500;transition:all .15s ease-in-out;display:flex}.btn-google[data-v-6db4418e]:hover:not(:disabled){background-color:#f9fafb}.btn-google[data-v-6db4418e]:disabled{opacity:.5;cursor:not-allowed}.google-icon[data-v-6db4418e]{width:20px;height:20px}.divider[data-v-6db4418e]{text-align:center;margin:1.5rem 0;position:relative}.divider[data-v-6db4418e]:before{content:"";z-index:1;background-color:#e5e7eb;height:1px;position:absolute;top:50%;left:0;right:0}.divider span[data-v-6db4418e]{color:#6b7280;z-index:2;background-color:#fff;padding:0 1rem;font-size:.875rem;position:relative}.alert[data-v-6db4418e]{border-radius:.375rem;margin-top:1rem;padding:.75rem}.alert-error[data-v-6db4418e]{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.spinner[data-v-6db4418e]{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin-6db4418e}@keyframes spin-6db4418e{to{transform:rotate(360deg)}}.auth-switch[data-v-6db4418e]{text-align:center;margin-top:1.5rem}.auth-switch p[data-v-6db4418e]{color:#6b7280;font-size:.875rem}.link-button[data-v-6db4418e]{color:#3b82f6;cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:underline}.link-button[data-v-6db4418e]:hover{color:#2563eb}.auth-form[data-v-f4c06e36]{width:100%;max-width:400px}.auth-header[data-v-f4c06e36]{text-align:center;margin-bottom:1.2rem}.auth-title[data-v-f4c06e36]{color:#111827;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.form[data-v-f4c06e36]{margin-bottom:1rem}.form-group[data-v-f4c06e36]{margin-bottom:.75rem}.form-label[data-v-f4c06e36]{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input[data-v-f4c06e36]{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.625rem .75rem;font-size:.9rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input[data-v-f4c06e36]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-f4c06e36]:disabled{color:#6b7280;background-color:#f9fafb}.btn[data-v-f4c06e36]{cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s ease-in-out;display:flex}.btn-primary[data-v-f4c06e36]{color:#fff;background-color:#3b82f6}.btn-primary[data-v-f4c06e36]:hover:not(:disabled){background-color:#2563eb}.btn-primary[data-v-f4c06e36]:disabled{cursor:not-allowed;background-color:#9ca3af}.w-full[data-v-f4c06e36]{width:100%}.btn-google[data-v-f4c06e36]{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;font-weight:500;transition:all .15s ease-in-out;display:flex}.btn-google[data-v-f4c06e36]:hover:not(:disabled){background-color:#f9fafb}.btn-google[data-v-f4c06e36]:disabled{opacity:.5;cursor:not-allowed}.google-icon[data-v-f4c06e36]{width:20px;height:20px}.divider[data-v-f4c06e36]{text-align:center;margin:1.25rem 0;position:relative}.divider[data-v-f4c06e36]:before{content:"";z-index:1;background-color:#e5e7eb;height:1px;position:absolute;top:50%;left:0;right:0}.divider span[data-v-f4c06e36]{color:#6b7280;z-index:2;background-color:#fff;padding:0 1rem;font-size:.875rem;position:relative}.alert[data-v-f4c06e36]{border-radius:.375rem;margin-top:.75rem;padding:.625rem .75rem}.alert-error[data-v-f4c06e36]{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.alert-success[data-v-f4c06e36]{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.spinner[data-v-f4c06e36]{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin-f4c06e36}@keyframes spin-f4c06e36{to{transform:rotate(360deg)}}.auth-switch[data-v-f4c06e36]{text-align:center;margin-top:1.5rem}.auth-switch p[data-v-f4c06e36]{color:#6b7280;font-size:.875rem}.link-button[data-v-f4c06e36]{color:#3b82f6;cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:underline}.link-button[data-v-f4c06e36]:hover{color:#2563eb}.accounts-container[data-v-e50bb327]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.background-pattern[data-v-e50bb327]{z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.accounts-card[data-v-e50bb327]{z-index:1;background:#fff;border-radius:1rem;width:100%;max-width:480px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000040}.brand-header[data-v-e50bb327]{text-align:center;margin-bottom:2rem}.brand-title[data-v-e50bb327]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.brand-subtitle[data-v-e50bb327]{color:#6b7280;font-size:1rem;font-weight:400}.mode-toggle[data-v-e50bb327]{background-color:#f3f4f6;border-radius:.5rem;margin-bottom:2rem;padding:.25rem;display:flex}.mode-tab[data-v-e50bb327]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;padding:.75rem 1rem;font-weight:500;transition:all .2s ease-in-out}.mode-tab.active[data-v-e50bb327]{color:#3b82f6;background-color:#fff;box-shadow:0 1px 3px #0000001a}.mode-tab[data-v-e50bb327]:hover:not(.active){color:#374151}.form-container[data-v-e50bb327]{justify-content:center;display:flex}.slide-enter-active[data-v-e50bb327],.slide-leave-active[data-v-e50bb327]{transition:all .3s ease-in-out}.slide-enter-from[data-v-e50bb327]{opacity:0;transform:translate(20px)}.slide-leave-to[data-v-e50bb327]{opacity:0;transform:translate(-20px)}@media (width<=640px){.accounts-container[data-v-e50bb327]{padding:.5rem}.accounts-card[data-v-e50bb327]{border-radius:.75rem;padding:1.5rem}.brand-title[data-v-e50bb327]{font-size:2rem}.mode-tab[data-v-e50bb327]{padding:.625rem .75rem;font-size:.875rem}}.main-header[data-v-faf9da68]{background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.header-content[data-v-faf9da68]{max-width:var(--container-max-width);padding:var(--spacing-md) var(--spacing-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.app-branding[data-v-faf9da68]{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.app-logo[data-v-faf9da68]{height:32px}.app-title[data-v-faf9da68]{color:var(--text-primary);transition:color var(--transition-fast);margin:0}.app-branding:hover .app-title[data-v-faf9da68]{color:var(--color-primary)}.main-nav[data-v-faf9da68]{gap:var(--spacing-md);align-items:center;display:flex}.nav-spacer[data-v-faf9da68]{width:var(--spacing-xl)}.nav-btn[data-v-faf9da68]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);background:var(--bg-primary);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-normal);text-decoration:none}.nav-btn[data-v-faf9da68]:hover{background:var(--bg-tertiary)}.nav-btn.active[data-v-faf9da68]{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}@media (width<=768px){.header-content[data-v-faf9da68]{gap:var(--spacing-md);flex-direction:column}.main-nav[data-v-faf9da68]{flex-wrap:wrap;justify-content:center}}.room-indicator[data-v-3353f8ee]{background:var(--color-primary-light);padding:var(--spacing-sm) var(--spacing-xl);max-width:var(--container-max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.room-selection-container[data-v-35dd6805]{max-width:var(--container-max-width);margin:var(--spacing-xl) auto;padding:var(--spacing-xl)}.header[data-v-35dd6805]{text-align:center;margin-bottom:var(--spacing-2xl)}.header h2[data-v-35dd6805]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.header p[data-v-35dd6805]{font-size:var(--font-size-lg);color:var(--text-secondary)}.rooms-section[data-v-35dd6805]{margin-bottom:var(--spacing-2xl)}.rooms-section h3[data-v-35dd6805]{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.no-rooms[data-v-35dd6805]{text-align:center;padding:var(--spacing-xl);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.rooms-grid[data-v-35dd6805]{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.room-card[data-v-35dd6805]{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-slow);border:2px solid #0000}.room-card[data-v-35dd6805]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.room-header[data-v-35dd6805]{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.room-header h4[data-v-35dd6805]{color:var(--text-primary);font-size:var(--font-size-xl);margin:0}.room-code[data-v-35dd6805]{background:var(--color-primary-light);color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.room-info[data-v-35dd6805]{margin-bottom:var(--spacing-md)}.room-info p[data-v-35dd6805]{margin:var(--spacing-xs) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.room-stats[data-v-35dd6805]{gap:var(--spacing-md);display:flex}.stat[data-v-35dd6805]{background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-muted)}.actions-section h3[data-v-35dd6805]{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.actions-grid[data-v-35dd6805]{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.action-card[data-v-35dd6805]{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;color:inherit;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-slow);border:2px solid #0000}.action-card[data-v-35dd6805]:hover{border-color:var(--color-warning);color:inherit;text-decoration:none;transform:translateY(-2px)}.action-icon[data-v-35dd6805]{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.action-card h4[data-v-35dd6805]{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.action-card p[data-v-35dd6805]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.lobby-options[data-v-35dd6805]{gap:var(--spacing-xl);display:grid}.lobby-section[data-v-35dd6805]{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.lobby-section h4[data-v-35dd6805]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.form-group[data-v-35dd6805]{margin-bottom:var(--spacing-md)}.form-group label[data-v-35dd6805]{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);display:block}.form-group input[type=text][data-v-35dd6805]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--font-size-lg);background:var(--bg-primary)}.radio-group[data-v-35dd6805]{gap:var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--spacing-xs);display:flex}.radio-group label[data-v-35dd6805]{padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex}.radio-group input[type=radio][data-v-35dd6805]{display:none}.radio-group input[type=radio]:checked+span[data-v-35dd6805]{color:#fff}.radio-group label[data-v-35dd6805]:has(input[value=false]:checked){background-color:var(--color-secondary)}.radio-group label[data-v-35dd6805]:has(input[value=true]:checked){background-color:var(--color-success)}.room-code-input[data-v-35dd6805]{text-align:center;font-size:var(--font-size-lg);letter-spacing:.5rem}.notification[data-v-35dd6805]{top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:#fff;font-weight:var(--font-weight-semibold);z-index:1000;position:fixed}.notification.success[data-v-35dd6805]{background:var(--color-success)}.notification.error[data-v-35dd6805]{background:var(--color-danger)}.dashboard-view[data-v-9f1c2d4f]{background:var(--bg-secondary);min-height:100vh}.main-content[data-v-9f1c2d4f],.dashboard-container[data-v-651e0ce3]{max-width:var(--container-max-width);padding:var(--spacing-xl);margin:0 auto}.dashboard-header[data-v-651e0ce3]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.header-top[data-v-651e0ce3]{margin-bottom:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap;display:flex}.header-top .btn[data-v-651e0ce3]{flex-shrink:0;width:auto}.dashboard-header h2[data-v-651e0ce3]{color:var(--text-primary);text-align:left;flex:1;margin:0}.room-info[data-v-651e0ce3]{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.room-code[data-v-651e0ce3]{background:var(--color-primary-light);color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.room-stats[data-v-651e0ce3]{color:var(--text-secondary);font-size:var(--font-size-sm)}.container-list[data-v-651e0ce3]{margin-bottom:var(--spacing-xl)}.container-list h3[data-v-651e0ce3]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.container-list ul[data-v-651e0ce3]{padding:0;list-style:none}.container-item[data-v-651e0ce3]{padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);background:var(--bg-primary);justify-content:space-between;align-items:center;display:flex}.container-info[data-v-651e0ce3]{flex:1}.container-info strong[data-v-651e0ce3]{margin-bottom:var(--spacing-xs);display:block}.owner-info[data-v-651e0ce3]{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:block}.container-actions[data-v-651e0ce3]{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.container-actions button[data-v-651e0ce3]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;border:none}.main-actions[data-v-651e0ce3]{margin-bottom:var(--spacing-xl)}.main-actions h3[data-v-651e0ce3]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.actions-grid[data-v-651e0ce3]{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.action-card[data-v-651e0ce3]{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.action-card h4[data-v-651e0ce3]{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.action-card p[data-v-651e0ce3]{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.form-row[data-v-651e0ce3]{gap:var(--spacing-sm);align-items:center;display:flex}.form-row select[data-v-651e0ce3],.form-row input[data-v-651e0ce3]{padding:var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex:1}.form-row button[data-v-651e0ce3]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none}.form-row button[data-v-651e0ce3]:disabled{background:var(--color-gray-400);cursor:not-allowed}.form-group[data-v-651e0ce3]{margin-bottom:var(--spacing-md)}.form-group label[data-v-651e0ce3]{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);display:block}.form-group label .required[data-v-651e0ce3]{color:var(--color-danger);font-weight:var(--font-weight-bold);margin-left:2px}.form-group input[data-v-651e0ce3],.form-group select[data-v-651e0ce3]{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-sizing:border-box}.btn[data-v-651e0ce3]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);width:100%;margin-top:var(--spacing-sm);border:none}.btn-success[data-v-651e0ce3]{background:var(--color-success);color:var(--text-inverse)}.btn-primary[data-v-651e0ce3]{background:var(--color-primary);color:var(--text-inverse)}.btn[data-v-651e0ce3]:disabled{background:var(--color-gray-400);cursor:not-allowed}.detail-info p[data-v-651e0ce3]{margin:var(--spacing-sm) 0;color:var(--text-secondary)}.room-stats-summary[data-v-651e0ce3]{background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.room-stats-summary ul[data-v-651e0ce3]{margin:var(--spacing-sm) 0 0 0;padding-left:var(--spacing-lg)}.room-stats-summary li[data-v-651e0ce3]{margin:var(--spacing-xs) 0;color:var(--text-secondary)}.w-full[data-v-651e0ce3]{width:100%}@media (width<=768px){.header-top[data-v-651e0ce3]{flex-direction:column;align-items:center}.dashboard-header h2[data-v-651e0ce3]{text-align:center}.container-item[data-v-651e0ce3]{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.actions-grid[data-v-651e0ce3]{grid-template-columns:1fr}.form-row[data-v-651e0ce3]{flex-direction:column}}.room-view[data-v-1992fc25]{background:var(--bg-secondary);min-height:100vh}.main-content[data-v-1992fc25],.profile-container[data-v-dc2d621e]{max-width:var(--container-max-width);padding:var(--spacing-xl);margin:0 auto}.profile-header[data-v-dc2d621e]{text-align:center;margin-bottom:var(--spacing-xl)}.profile-header h2[data-v-dc2d621e]{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.profile-header p[data-v-dc2d621e]{color:var(--text-secondary);margin:0}.profile-content[data-v-dc2d621e]{gap:var(--spacing-xl);flex-direction:column;display:flex}.profile-section[data-v-dc2d621e]{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.profile-section h3[data-v-dc2d621e]{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-sm)}.info-grid[data-v-dc2d621e]{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.info-item[data-v-dc2d621e]{gap:var(--spacing-xs);flex-direction:column;display:flex}.info-item label[data-v-dc2d621e]{font-weight:var(--font-weight-semibold);color:var(--text-muted);font-size:var(--font-size-sm)}.info-item span[data-v-dc2d621e]{color:var(--text-primary);font-size:var(--font-size-base)}.user-id[data-v-dc2d621e]{font-family:var(--font-family-mono);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm)!important}.rooms-list[data-v-dc2d621e]{gap:var(--spacing-md);flex-direction:column;display:flex}.room-item[data-v-dc2d621e]{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.room-info[data-v-dc2d621e]{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.room-info h4[data-v-dc2d621e]{color:var(--text-primary);margin:0}.room-code[data-v-dc2d621e]{background:var(--color-primary-light);color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.room-details[data-v-dc2d621e]{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.room-stat[data-v-dc2d621e]{background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-muted)}.room-meta[data-v-dc2d621e]{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.admin-badge[data-v-dc2d621e]{background:var(--color-warning);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.containers-list[data-v-dc2d621e]{gap:var(--spacing-md);flex-direction:column;display:flex}.container-item[data-v-dc2d621e]{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid var(--color-warning);transition:all var(--transition-normal)}.container-item[data-v-dc2d621e]:hover{background:var(--bg-secondary);transform:translateY(-1px)}.container-header[data-v-dc2d621e]{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.container-header h4[data-v-dc2d621e]{color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.container-stats[data-v-dc2d621e]{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.stat-value[data-v-dc2d621e]{background:var(--bg-primary);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary)}.container-actions[data-v-dc2d621e]{justify-content:flex-end;display:flex}.actions-grid[data-v-dc2d621e]{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.btn[data-v-dc2d621e]{padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--transition-normal);border:none}.btn-primary[data-v-dc2d621e]{background:var(--color-primary);color:var(--text-inverse)}.btn-primary[data-v-dc2d621e]:hover{background:var(--color-primary-dark)}.btn-secondary[data-v-dc2d621e]{background:var(--color-secondary);color:var(--text-inverse)}.btn-secondary[data-v-dc2d621e]:hover{background:var(--color-secondary-dark)}.btn[data-v-dc2d621e]:disabled{background:var(--color-gray-400);cursor:not-allowed}.stats-grid[data-v-dc2d621e]{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-card[data-v-dc2d621e]{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center}.stat-number[data-v-dc2d621e]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stat-label[data-v-dc2d621e]{color:var(--text-secondary);font-size:var(--font-size-sm)}.form-group[data-v-dc2d621e]{margin-bottom:var(--spacing-md)}.form-group label[data-v-dc2d621e]{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);display:block}.form-group input[data-v-dc2d621e]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-sizing:border-box}.notification[data-v-dc2d621e]{top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-inverse);font-weight:var(--font-weight-semibold);z-index:1001;position:fixed}.notification.success[data-v-dc2d621e]{background:var(--color-success)}.notification.error[data-v-dc2d621e]{background:var(--color-danger)}@media (width<=768px){.profile-container[data-v-dc2d621e]{padding:var(--spacing-md)}.profile-section[data-v-dc2d621e]{padding:var(--spacing-lg)}.info-grid[data-v-dc2d621e],.actions-grid[data-v-dc2d621e]{grid-template-columns:1fr}.stats-grid[data-v-dc2d621e]{grid-template-columns:repeat(2,1fr)}.room-info[data-v-dc2d621e]{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.room-details[data-v-dc2d621e]{gap:var(--spacing-sm);flex-direction:column}.container-header[data-v-dc2d621e]{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.container-stats[data-v-dc2d621e]{gap:var(--spacing-md);flex-direction:column}.container-actions[data-v-dc2d621e]{justify-content:flex-start}}.profile-view[data-v-85d866b8]{background:var(--bg-secondary);min-height:100vh}.main-content[data-v-85d866b8]{max-width:var(--container-max-width);padding:var(--spacing-xl);margin:0 auto}.container-detail-view[data-v-d566ea59]{background:var(--bg-secondary);min-height:100vh}.container-detail-container[data-v-d566ea59]{max-width:var(--container-max-width);padding:var(--spacing-xl);margin:0 auto}.container-header[data-v-d566ea59]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.header-content[data-v-d566ea59]{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.container-title h2[data-v-d566ea59]{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.breadcrumb[data-v-d566ea59]{color:var(--text-secondary);font-size:var(--font-size-sm)}.breadcrumb a[data-v-d566ea59]{color:var(--color-primary);text-decoration:none}.breadcrumb a[data-v-d566ea59]:hover{text-decoration:underline}.separator[data-v-d566ea59]{margin:0 var(--spacing-sm)}.container-content[data-v-d566ea59]{gap:var(--spacing-xl);display:grid}.info-section[data-v-d566ea59],.orders-section[data-v-d566ea59]{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.info-section h3[data-v-d566ea59],.orders-section h3[data-v-d566ea59]{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-sm)}.container-info-grid[data-v-d566ea59]{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.info-item[data-v-d566ea59]{gap:var(--spacing-xs);flex-direction:column;display:flex}.info-item label[data-v-d566ea59]{font-weight:var(--font-weight-semibold);color:var(--text-muted);font-size:var(--font-size-sm)}.info-item span[data-v-d566ea59]{color:var(--text-primary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.orders-list[data-v-d566ea59]{gap:var(--spacing-md);flex-direction:column;display:flex}.order-item[data-v-d566ea59]{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:box-shadow var(--transition-normal)}.order-item[data-v-d566ea59]:hover{box-shadow:var(--shadow-sm)}.order-header[data-v-d566ea59]{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.order-type[data-v-d566ea59]{font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:20px}.order-type.stock[data-v-d566ea59]{background:var(--color-primary-light);color:var(--color-success)}.order-type.consume[data-v-d566ea59]{color:var(--color-danger);background:#fed7d7}.order-type.unknown[data-v-d566ea59]{background:var(--bg-tertiary);color:var(--text-muted)}.order-date[data-v-d566ea59]{color:var(--text-secondary);font-size:var(--font-size-sm)}.order-details[data-v-d566ea59]{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;display:flex}.order-info[data-v-d566ea59]{gap:var(--spacing-xs);flex-direction:column;display:flex}.order-name[data-v-d566ea59]{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.order-metrics[data-v-d566ea59]{gap:var(--spacing-md);align-items:center;display:flex}.quantity[data-v-d566ea59]{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.amount[data-v-d566ea59]{color:var(--color-success);font-weight:var(--font-weight-medium)}.order-status[data-v-d566ea59]{color:var(--text-secondary);font-size:var(--font-size-sm)}.order-detail-info[data-v-d566ea59]{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.detail-item[data-v-d566ea59]{color:var(--text-secondary);font-size:var(--font-size-xs)}@media (width<=768px){.container-detail-container[data-v-d566ea59]{padding:var(--spacing-md)}.header-content[data-v-d566ea59]{gap:var(--spacing-md);flex-direction:column}.container-info-grid[data-v-d566ea59]{grid-template-columns:1fr}.order-details[data-v-d566ea59]{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.order-metrics[data-v-d566ea59]{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}.not-found[data-v-264f792a]{text-align:center;color:#333;margin-top:60px;font-family:sans-serif}.not-found h1[data-v-264f792a]{color:#d9534f;font-size:3rem}.not-found p[data-v-264f792a]{font-size:1.2rem}.not-found a[data-v-264f792a]{color:#0275d8;text-decoration:none}.not-found a[data-v-264f792a]:hover{text-decoration:underline}:root{--color-primary:#4caf50;--color-primary-hover:#45a049;--color-primary-light:#e8f5e8;--color-secondary:#667eea;--color-secondary-hover:#5a67d8;--color-success:#4caf50;--color-success-hover:#45a049;--color-danger:#f44336;--color-danger-hover:#d32f2f;--color-warning:#ff9800;--color-warning-hover:#f57c00;--color-info:#2196f3;--color-info-hover:#1976d2;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-primary:var(--color-white);--bg-secondary:#f5f5f5;--bg-tertiary:#f8f9fa;--bg-overlay:#00000080;--text-primary:var(--color-gray-800);--text-secondary:var(--color-gray-600);--text-muted:var(--color-gray-500);--text-inverse:var(--color-white);--border-light:var(--color-gray-200);--border-medium:var(--color-gray-300);--border-dark:var(--color-gray-400);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-max-width:1200px;--header-height:64px;--sidebar-width:250px;--input-padding:.75rem 1rem;--input-border-width:1px;--input-border-radius:var(--radius-md);--input-focus-ring:0 0 0 3px #667eea1a;--btn-padding-sm:.5rem 1rem;--btn-padding-md:.75rem 1.5rem;--btn-padding-lg:1rem 2rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{background:var(--bg-secondary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--color-secondary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-secondary-hover);text-decoration:underline}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;display:block}:focus{outline:2px solid var(--color-secondary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:var(--container-max-width);padding:0 var(--spacing-lg);margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.border{border:1px solid var(--border-light)}.border-0{border:0}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (width<=768px){.container{padding:0 var(--spacing-md)}.hidden-mobile{display:none}}@media (width>=769px){.hidden-desktop{display:none}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--btn-padding-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-gray-200);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-300);box-shadow:var(--shadow-sm)}.btn-success{background:var(--color-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-success-hover);box-shadow:var(--shadow-md)}.btn-danger{background:var(--color-danger);color:var(--text-inverse);margin-left:var(--spacing-xl)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);box-shadow:var(--shadow-md)}.btn-warning{background:var(--color-warning);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background:var(--color-warning-hover);box-shadow:var(--shadow-md)}.btn-info{background:var(--color-info);color:var(--text-inverse)}.btn-info:hover:not(:disabled){background:var(--color-info-hover);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--btn-padding-sm);font-size:var(--font-size-sm)}.btn-lg{padding:var(--btn-padding-lg);font-size:var(--font-size-lg)}.btn-outline{background:0 0;border:2px solid}.btn-outline-primary{color:var(--color-primary);border-color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background:var(--color-primary);color:var(--text-inverse)}.btn-outline-secondary{color:var(--text-secondary);border-color:var(--border-medium)}.btn-outline-secondary:hover:not(:disabled){background:var(--color-gray-200);color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--input-padding);border:var(--input-border-width) solid var(--border-medium);border-radius:var(--input-border-radius);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-secondary);box-shadow:var(--input-focus-ring);background-color:var(--bg-primary);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--color-danger)}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:var(--color-success)}.form-feedback{margin-top:var(--spacing-xs);font-size:var(--font-size-sm)}.form-feedback.is-invalid{color:var(--color-danger)}.form-feedback.is-valid{color:var(--color-success)}.radio-group,.checkbox-group{gap:var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex}.radio-group label,.checkbox-group label{padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);flex:1;justify-content:center;align-items:center;margin:0;display:flex}.radio-group input[type=radio],.checkbox-group input[type=checkbox]{display:none}.radio-group input[type=radio]:checked+span,.checkbox-group input[type=checkbox]:checked+span{color:var(--text-inverse)}.radio-group label:has(input[value=false]:checked){background-color:var(--color-secondary)}.radio-group label:has(input[value=true]:checked){background-color:var(--color-success)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--bg-tertiary)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card-subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.modal{background:var(--bg-overlay);width:100%;height:100%;z-index:var(--z-modal-backdrop);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:600px;max-height:80vh;z-index:var(--z-modal);position:relative;overflow-y:auto}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);gap:var(--spacing-md);justify-content:flex-end;display:flex}.close-btn{font-size:var(--font-size-2xl);cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid #0000}.alert-success{background:var(--color-primary-light);color:var(--color-success);border-color:var(--color-primary)}.alert-error{color:var(--color-danger);border-color:var(--color-danger);background:#fed7d7}.alert-warning{color:var(--color-warning);border-color:var(--color-warning);background:#fef5e7}.alert-info{color:var(--color-info);border-color:var(--color-info);background:#e3f2fd}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;align-items:center;display:inline-flex}.badge-primary{background:var(--color-primary);color:var(--text-inverse)}.badge-secondary{background:var(--color-gray-300);color:var(--text-primary)}.badge-success{background:var(--color-success);color:var(--text-inverse)}.badge-danger{background:var(--color-danger);color:var(--text-inverse)}.badge-warning{background:var(--color-warning);color:var(--text-inverse)}.badge-info{background:var(--color-info);color:var(--text-inverse)}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{margin:var(--spacing-xl) 0 var(--spacing-lg) 0;text-align:center;position:relative}.divider:before{content:"";background:var(--border-light);height:1px;position:absolute;top:50%;left:0;right:0}.divider span{background:var(--bg-primary);padding:0 var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.notification{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-inverse);font-weight:var(--font-weight-medium);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);max-width:400px;position:fixed;top:20px;right:20px}.notification.success{background:var(--color-success)}.notification.error{background:var(--color-danger)}.notification.warning{background:var(--color-warning)}.notification.info{background:var(--color-info)}@media (width<=768px){.modal-content{width:95%;margin:var(--spacing-md)}.radio-group,.checkbox-group{flex-direction:column}.notification{max-width:none;left:20px;right:20px}}