:root{--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-primary: #4f46e5;--color-primary-light: #7c3aed;--color-accent: #a855f7;--color-success: #10b981;--color-success-dark: #059669;--color-error: #ef4444;--color-white: #fff;--color-white-20: rgba(255, 255, 255, .2);--color-white-40: rgba(255, 255, 255, .4);--color-white-60: rgba(255, 255, 255, .6);--color-white-80: rgba(255, 255, 255, .8);--color-border: rgba(255, 255, 255, .1);--color-border-nav: rgba(155, 155, 155, .1);--color-border-hover: rgba(255, 255, 255, .3);--gradient-bg: linear-gradient(135deg, var(--color-bg-primary), var(--color-bg-secondary));--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));--gradient-progress: linear-gradient(90deg, var(--color-primary), var(--color-primary-light));--gradient-success: linear-gradient(135deg, var(--color-success), var(--color-success-dark));--glass-bg: rgba(255, 255, 255, .05);--glass-blur: blur(10px);--nav-height: 40px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:auto}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;background:var(--color-bg-primary)}#root{min-height:100vh;height:100%}button,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background:#1a1a2ef2;backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border-nav);z-index:1000}.nav-links{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--color-white-60);text-decoration:none;font-size:.8rem;padding:.35rem .75rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-white)}.nav-link.active{color:var(--color-white);background:#4f46e54d}.nav-logout{padding:.25rem;border:none;background:none;color:var(--color-white);opacity:.25;cursor:pointer;transition:opacity var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center}.nav-logout:hover{opacity:1;color:var(--color-error)}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding-top:8px}.nav-dropdown-arrow{transition:transform var(--transition-fast)}.nav-dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background:#1a1a2efa;backdrop-filter:var(--glass-blur);border:1px solid var(--color-border-nav);border-radius:var(--radius-sm);min-width:120px;z-index:1001;overflow:hidden}.nav-dropdown-item{display:block;padding:.5rem .75rem;color:var(--color-white-60);text-decoration:none;font-size:.8rem;transition:background var(--transition-fast),color var(--transition-fast)}.nav-dropdown-item:hover{background:#ffffff0d;color:var(--color-white)}.nav-dropdown-item.active{color:var(--color-white);background:#4f46e54d}.page-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-bg);padding:3.5rem 2rem 2rem;gap:1rem}.page-container--no-nav{padding:2rem}.page-container--top{justify-content:flex-start;padding-top:5rem;min-height:100vh;height:auto;overflow-y:auto;padding-bottom:3rem}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:var(--radius-2xl);padding:3rem 2rem;width:100%;max-width:500px;border:1px solid var(--color-border)}.card--small{max-width:400px;padding:3rem}.title{color:var(--color-white);font-size:2.5rem;text-align:center;margin:0}.title--sm{font-size:2rem}.title--mb-sm{margin-bottom:1rem}.subtitle{color:var(--color-white-60);font-size:16px;text-align:center;margin:0}.subtitle--mb-sm{margin-bottom:1rem}.subtitle--mb-md{margin-bottom:1.5rem}.subtitle--mb-lg{margin-bottom:2rem}.text-center{text-align:center}.btn{padding:1rem 2rem;border-radius:var(--radius-md);border:none;background:var(--gradient-primary);color:var(--color-white);font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 40px #4f46e566}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--lg{padding:1.25rem 3rem;border-radius:var(--radius-lg);font-size:1.2rem;min-width:200px}.btn--outline{background:transparent;border:2px solid var(--color-border-hover)}.btn--outline:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;transform:none;box-shadow:none}.form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:var(--color-white-80);font-size:.9rem}.input{padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:var(--glass-bg);color:var(--color-white);font-size:1rem;transition:border-color var(--transition-fast),background var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);background:#ffffff1a}.error-text{color:var(--color-error);text-align:center;font-size:.9rem}.progress-bar{position:fixed;top:var(--nav-height);left:0;right:0;height:20px;background:#ffffff1a;z-index:999}.progress-fill{height:100%;background:var(--gradient-progress);transition:width var(--transition-normal);border-radius:0 3px 3px 0}.step-indicator{color:var(--color-white-60);font-size:1rem;margin-top:2rem}.question-text{color:var(--color-white);font-size:1.5rem;text-align:center;margin-bottom:2rem;line-height:1.4}.options{display:flex;flex-direction:column;gap:1rem}.option-btn{padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:2px solid rgba(255,255,255,.2);background:var(--glass-bg);color:var(--color-white);font-size:1.1rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}.option-btn:hover{border-color:#fff6;background:#ffffff1a}.option-btn.selected{border-color:var(--color-primary-light);background:#7c3aed33}.checkmark{width:80px;height:80px;border-radius:50%;background:var(--gradient-success);color:var(--color-white);font-size:3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.product-result{background:var(--gradient-primary);color:var(--color-white);font-size:1.5rem;font-weight:700;padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;text-align:center}.qr-code-container{display:flex;justify-content:center;margin-bottom:1.5rem}.qr-code-container--left{justify-content:flex-start;margin-bottom:0}.qr-code-wrapper{margin-bottom:1.5rem}.qr-code-url{font-size:.7rem;color:#fff6;margin:.5rem 0 0;word-break:break-all}.result-card{text-align:left}.result-product-name{font-size:2rem;font-weight:700;color:var(--color-white);margin:0 0 1.5rem}.result-section-title{font-size:1.25rem;font-weight:600;color:var(--color-white);margin:0 0 .75rem;opacity:.9}.result-text{font-size:1rem;line-height:1.6;color:#ffffffd9;margin:0 0 1.5rem;white-space:pre-line}.stats-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:500px}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:1.5rem 2rem;border:1px solid var(--color-border)}.stat-name{color:var(--color-white-80);font-size:1rem;margin-bottom:.5rem}.stat-value{display:flex;align-items:baseline;margin-bottom:1rem}.stat-percent{color:var(--color-white);font-size:3rem;font-weight:700;line-height:1}.stat-percent-sign{color:#ffffff80;font-size:1.5rem;margin-left:.25rem}.stat-value--large{justify-content:center}.stat-percent--large{font-size:6rem}.stat-percent-sign--large{font-size:3rem}.stat-bar-container{height:12px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.stat-bar{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.results-subtitle{color:var(--color-white-20);font-size:14px;text-align:center;margin:0}.loading{color:var(--color-white-60);font-size:1.2rem}@media(max-aspect-ratio:9/16){html{font-size:18px}.title{font-size:2.2rem}.stat-percent{font-size:4rem}}@media(min-height:1000px){html{font-size:20px}}@media(min-height:1500px){html{font-size:24px}}.system-wrapper{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem}.system-header{text-align:left}.system-title{color:var(--color-white);font-size:2rem;margin:0 0 .5rem}.system-subtitle{color:var(--color-white-60);font-size:1rem;margin:0}.system-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:2rem;width:100%;border:1px solid var(--color-border)}.system-section-title{color:var(--color-white);font-size:1.3rem;margin-bottom:.75rem}.system-section-description{color:var(--color-white-60);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.system-button{padding:1rem 2rem;border-radius:var(--radius-md);border:none;color:var(--color-white);font-size:1rem;font-weight:600;cursor:pointer;width:100%;background:var(--gradient-primary)}.system-button.danger{background:linear-gradient(135deg,var(--color-error),#dc2626)}.system-button:disabled{opacity:.5;cursor:not-allowed}.system-message{margin-top:1rem;padding:1rem;border-radius:var(--radius-md);text-align:center;font-size:.95rem}.system-message.success{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.system-message.error{background:#ef444433;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.system-results{margin-top:1.5rem}.system-results-loading,.system-results-empty{color:var(--color-white-60);text-align:center;padding:2rem}.system-results-count{color:var(--color-white-60);font-size:.9rem;margin-bottom:1rem}.system-results-table-wrapper{max-height:400px;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.system-results-table{width:100%;border-collapse:collapse;font-size:.9rem}.system-results-table th,.system-results-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.system-results-table th{background:#1e1e38;color:var(--color-white-80);font-weight:600;position:sticky;top:0;z-index:1}.system-results-table td{color:var(--color-white-60)}.system-results-table tbody tr:hover{background:#ffffff08}.system-results-table tbody tr:last-child td{border-bottom:none}.system-delete-btn{background:none;border:none;color:var(--color-white-60);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.system-delete-btn:hover{color:var(--color-error)}.health-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.health-card{background:#ffffff08;border-radius:var(--radius-md);padding:1rem 1.25rem;border:1px solid var(--color-border)}.health-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-status--online .health-dot{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.health-status--offline .health-dot{background:var(--color-error);box-shadow:0 0 8px var(--color-error)}.health-status--loading .health-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.health-label{color:var(--color-white);font-size:.95rem;font-weight:500}.health-message{color:var(--color-white-60);font-size:.85rem;padding-left:1.35rem}.health-submessage{color:var(--color-white-40);font-size:.75rem;padding-left:1.35rem;margin-top:.25rem}@media(max-width:600px){.health-cards{grid-template-columns:1fr}}.analytics-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.analytics-card{background:#ffffff08;border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--color-border);text-align:center}.analytics-value{color:var(--color-white);font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.analytics-label{color:var(--color-white-60);font-size:.9rem}@media(max-width:600px){.analytics-cards{grid-template-columns:1fr}}.editor-wrapper{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1.5rem}.editor-header{text-align:left}.editor-title{color:var(--color-white);font-size:2rem;margin:0 0 .5rem}.editor-subtitle{color:var(--color-white-60);font-size:1rem;margin:0}.editor-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.editor-tabs{display:flex;gap:.5rem}.editor-tab{position:relative;padding:.6rem 1.25rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-white-60);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.editor-tab:hover{color:var(--color-white);background:#ffffff1a}.editor-tab.active{color:var(--color-white);background:#4f46e54d;border-color:var(--color-primary)}.editor-tab-indicator{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.editor-language-toggle{display:flex;gap:.25rem;background:#ffffff0d;border-radius:var(--radius-md);padding:.25rem}.editor-lang-btn{padding:.4rem .75rem;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-white-60);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.editor-lang-btn:hover{color:var(--color-white)}.editor-lang-btn.active{background:var(--color-primary);color:var(--color-white)}.editor-content{display:flex;flex-direction:column;gap:1rem}.editor-loading{color:var(--color-white-60);text-align:center;padding:3rem;background:var(--glass-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.editor-cards{display:flex;flex-direction:column;gap:1rem}.editor-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--color-border)}.editor-card--translation{padding:1rem 1.5rem}.editor-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.editor-card-number{color:var(--color-white);font-size:1rem;font-weight:600}.editor-card-delete{padding:.5rem;background:none;border:none;color:var(--color-white-40);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.editor-card-delete:hover{color:var(--color-error);background:#ef44441a}.editor-field{margin-bottom:1rem}.editor-field:last-child{margin-bottom:0}.editor-label{display:block;color:var(--color-white-60);font-size:.85rem;margin-bottom:.5rem}.editor-input{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-white);font-size:.95rem;transition:border-color var(--transition-fast)}.editor-input:focus{outline:none;border-color:var(--color-primary)}.editor-input::placeholder{color:var(--color-white-40)}.editor-input--small{width:60px;flex-shrink:0;text-align:center}.editor-textarea{width:100%;padding:.75rem 1rem;background:var(--glass-bg);border:1px solid var(--color-white-10);border-radius:var(--radius-sm);color:var(--color-white);font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px}.editor-textarea:focus{outline:none;border-color:var(--color-primary)}.editor-textarea::placeholder{color:var(--color-white-40)}.editor-options{display:flex;flex-direction:column;gap:.5rem}.editor-option{display:flex;gap:.5rem;align-items:center}.editor-option-delete{padding:.5rem;background:none;border:none;color:var(--color-white-40);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.editor-option-delete:hover{color:var(--color-error);background:#ef44441a}.editor-add-option{margin-top:.5rem;padding:.5rem 1rem;background:none;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-white-60);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.editor-add-option:hover{border-color:var(--color-white-40);color:var(--color-white)}.editor-add-card{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;background:none;border:2px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-white-60);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.editor-add-card:hover{border-color:var(--color-primary);color:var(--color-white);background:#4f46e51a}.editor-footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.editor-btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.editor-btn:disabled{opacity:.5;cursor:not-allowed}.editor-btn.primary{background:var(--gradient-primary);color:var(--color-white)}.editor-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #4f46e566}.editor-message{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem}.editor-message.success{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.editor-message.error{background:#ef444433;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.editor-color-preview{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid var(--color-border)}.editor-color-field{display:flex;gap:.5rem;align-items:center}.editor-color-picker{width:48px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:transparent}.editor-color-picker::-webkit-color-swatch-wrapper{padding:4px}.editor-color-picker::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}.editor-input--color{width:120px;font-family:monospace}