.icon-website{display:flex;justify-content:center}.footer-title{color:#fff;font-size:clamp(1.875rem,6vw,2.5rem);font-weight:700}.footer-subtitle{font-size:var(--text-xl);opacity:.9}.modal-sticky-footer{align-items:center;background:var(--color-surface,#fff);border-top:1px solid var(--color-border,#e5e7eb);bottom:-20px;box-shadow:0 -4px 6px -1px #0000001a;display:flex;gap:.75rem;justify-content:flex-end;left:0;padding:.5rem;position:sticky;right:0;z-index:1052}[data-theme=dark] .modal-sticky-footer{background:var(--color-surface,#1f2937);border-top-color:var(--color-border,#374151)}.match-form-sticky-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 6px -1px #0000001a;left:0;margin-top:2rem;padding:1rem;position:sticky;right:0;z-index:10}[data-theme=dark] .match-form-sticky-footer{background:#1f2937;border-top-color:#374151}.footer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin:0 auto;max-width:1200px}.toggle-container,.toggle-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-label{color:#374151;font-size:.875rem;font-weight:500;gap:.75rem;width:100%}.toggle-checkbox{display:none}.toggle-slider{background-color:#d1d5db;border-radius:.75rem;flex-shrink:0;height:1.5rem;position:relative;transition:background-color .2s ease;width:3rem}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;top:.125rem;transition:var(--transition);width:18px}.toggle-checkbox:checked+.toggle-slider{background-color:#10b981}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(1.5rem)}.toggle-text{color:#374151;font-weight:500}.toggle-slider.active{background-color:#10b981}.toggle-slider.active:before{transform:translate(1.5rem)}[data-theme=dark] .toggle-label,[data-theme=dark] .toggle-text{color:#d1d5db}[data-theme=dark] .toggle-slider{background-color:#4b5563}[data-theme=dark] .toggle-checkbox:checked+.toggle-slider{background-color:#10b981}.evaluation-toggle-container,.evaluation-toggle-label{align-items:center;display:flex;margin:0}.evaluation-toggle-label{color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;gap:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.evaluation-toggle-checkbox{display:none}.evaluation-toggle-slider{background-color:#d1d5db;border-radius:.75rem;flex-shrink:0;height:1.5rem;position:relative;transition:background-color .2s ease;width:3rem}.evaluation-toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;content:"";height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:transform .2s ease;width:1.25rem}.evaluation-toggle-checkbox:checked+.evaluation-toggle-slider{background-color:#10b981}.evaluation-toggle-checkbox:checked+.evaluation-toggle-slider:before{transform:translate(1.5rem)}.evaluation-toggle-text{color:#374151;font-weight:500}.evaluation-toggle-slider.active{background-color:#10b981}.evaluation-toggle-slider.active:before{transform:translate(1.5rem)}.support-analytics-section .toggle-container{border-radius:.5rem;cursor:pointer;padding:.5rem;transition:background-color .2s ease}.support-analytics-section .toggle-container:hover{background-color:#3b82f61a}.profile-analytics-card.toggle-container{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-analytics-card.toggle-container:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}[data-theme=dark] .evaluation-toggle-label,[data-theme=dark] .evaluation-toggle-text{color:#d1d5db}[data-theme=dark] .evaluation-toggle-slider{background-color:#4b5563}[data-theme=dark] .evaluation-toggle-slider:before{background-color:#f9fafb}[data-theme=dark] .evaluation-toggle-slider.active{background-color:#10b981}.profile-option-card{background:linear-gradient(135deg,#ffffffe6,#f9fafbe6);cursor:pointer;min-height:140px}[data-theme=dark] .profile-option-card{background:linear-gradient(135deg,#1f2937e6,#111827e6)}.profile-option-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.profile-analytics-card{background:linear-gradient(135deg,#ffffffe6,#f9fafbe6);cursor:pointer;min-height:140px}[data-theme=dark] .profile-analytics-card{background:linear-gradient(135deg,#1f2937e6,#111827e6)}.profile-option-icon{color:var(--primary-500);filter:drop-shadow(0 2px 4px rgb(0 0 0/10%));flex-shrink:0;font-size:3rem;margin-top:.25rem}.profile-option-card:hover .profile-option-icon{transform:scale(1.1);transition:transform .3s ease}.profile-option-card:active{transform:scale(.98);transition:transform .1s ease}.modal-body{background:var(--color-background);box-sizing:border-box;flex:1;max-height:calc(100vh - 140px);min-height:0;overflow-y:auto;padding:1.5rem;position:relative;scrollbar-color:#cbd5e0 #f7fafc;scrollbar-width:auto;width:100%}.modal-body:before{background:var(--color-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:var(--transition)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fade-in{animation:fadeIn .3s ease-out;opacity:0}.dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(2px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.dialog-box{animation:dialogFadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:400px;overflow:hidden;overflow-y:auto;width:90%}.dialog-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.dialog-header h4{color:#212529;flex:1;font-size:1.25rem;font-weight:600;margin:0;min-width:0}.dialog-content{padding:1rem 1.5rem}.dialog-content p{color:#6c757d;line-height:1.5;margin:0 0 1rem;white-space:pre-line}.dialog-content .form-input{background:#fff;margin-top:var(--spacing-md);pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:100%}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}[data-theme=dark] .dialog-box{background:var(--color-surface);border:1px solid var(--color-border)}[data-theme=dark] .dialog-header{border-bottom-color:var(--color-border)}[data-theme=dark] .dialog-overlay{background:#000000b3}.modal-backdrop{z-index:1050}.goal-target-wrapper{align-items:center;background:var(--color-background-secondary);border-radius:var(--border-radius);display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-md)}.goal-target-input{font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-xs);text-align:center;width:80px}.goal-unit{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.goal-unit,[data-theme=dark] .goal-unit{color:var(--color-text-secondary)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#374151;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .form-label{color:var(--color-text)}[data-theme=dark] .form-input::-moz-placeholder,[data-theme=dark] .form-textarea::-moz-placeholder{color:var(--color-text-secondary)}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--color-text-secondary)}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:var(--background-primary);background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-height:100vh;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;transition:var(--transition)}.card,.card-text{background:var(--background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-md);transition:all var(--transition-normal)}.card:hover{box-shadow:0 8px 30px var(--shadow-medium);transform:translateY(-4px)}.card-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.evaluation-controls{align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-sm)}.evaluation-controls,.sets-side-grid{display:flex;margin-top:var(--spacing-sm)}.sets-side-grid{flex-direction:column;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.set-side-item{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.paddle-input-group,.set-side-item{display:flex;gap:var(--spacing-xs)}.paddle-input-group{align-items:flex-end}.paddle-input-group .form-select{flex:1}.help-content{line-height:1.6;max-width:350px}.help-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.help-section:last-child{border-bottom:none}.help-section h4{color:var(--primary-color);font-size:1.1rem;margin-bottom:var(--spacing-md)}.help-section ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.help-section li{margin-bottom:var(--spacing-xs)}.levels-grid{display:grid;flex-direction:column;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:var(--spacing-md)}.level-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition)}.level-badge{align-items:center;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:inline-flex;font-size:.85rem;font-weight:700;gap:var(--space-3);min-width:80px;padding:var(--space-4);text-align:center}.level-badge.novato{background:#e3f2fd;color:#1976d2}.level-badge.principiante{background:#f3e5f5;color:#7b1fa2}.level-badge.intermedio{background:#fff3e0;color:#f57c00}.level-badge.avanzado{background:#ffebee;color:#d32f2f}.level-badge.experto{background:#e8f5e8;color:#388e3c}.tip-item{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);display:flex;padding:var(--spacing-lg)}.tip-content strong{color:var(--color-text);display:block;margin-bottom:var(--spacing-xs)}.tip-content p{color:var(--color-text-secondary);margin:0}.form-label,.tip-content p{font-size:var(--font-size-sm)}.form-label{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));display:block;font-weight:var(--font-weight-medium);letter-spacing:.5px;line-height:1.25rem;margin-bottom:var(--space-2);text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;color:#1f2937;font-size:1rem;min-height:52px;padding:.75rem;transition:all .2s ease;width:100%}.form-input-error{border-color:var(--color-error);box-shadow:0 0 0 3px #f443361a}.mode-option.active,.mode-option:hover{border-color:var(--accent-color)}.mode-option.active{background:linear-gradient(135deg,#4caf501a,#1b5e200d);border-color:var(--color-primary);box-shadow:0 4px 16px #1b5e2033}.mode-features{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;margin-top:var(--spacing-sm);padding:0}.mode-features li{align-items:center;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem;padding:.25rem 0}.mode-note{background:#fefce8;border:1px solid #fde047;border-radius:.5rem;color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:1.5rem 0 0;padding:1rem}.widgets-grid.compact{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.widget-card.compact{min-height:auto;padding:1rem}.widget-card.compact .widget-header{margin-bottom:.5rem}.widget-card.compact .widget-title{font-size:.9rem}.widget-card.compact .widget-value{font-size:1.8rem;margin:.25rem 0}.widget-card.compact .widget-sub{font-size:.8rem}.loading{animation:spin 1s ease-in-out infinite;border:3px solid rgba(46,125,50,.3);border-radius:50%;border-top:3px solid var(--primary-color);display:inline-block;height:20px;width:20px}.form-input:disabled,.form-select:disabled{background-color:var(--color-disabled-bg,#f5f5f5);border-color:var(--color-disabled-border,#ddd);color:var(--color-disabled-text,#999);cursor:not-allowed;opacity:.7}[data-theme=dark] .form-input:disabled,[data-theme=dark] .form-select:disabled{background-color:var(--color-disabled-bg,#2a2a2a);border-color:var(--color-disabled-border,#444);color:var(--color-disabled-text,#666)}.field-disabled-note{align-items:center;color:var(--color-text-muted,#666);display:flex;font-size:.875rem;gap:.5rem;margin-top:.25rem}.field-disabled-note i{color:var(--color-warning,#f59e0b)}.checkbox-label-compact{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px;margin:0}.checkbox-label-compact input[type=checkbox]{flex-shrink:0;margin:0}.checkbox-text{font-weight:500;line-height:1.2}.evaluation-section-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.evaluation-section-header .category-title{border-bottom:none;margin:0;padding-bottom:0}.evaluation-category{margin-top:var(--spacing-md)}.evaluation-category:last-child{margin-bottom:0}.evaluation-item{align-items:center;background:var(--color-hover);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;display:grid;justify-content:space-between;padding:var(--spacing-sm);transition:all .2s ease}.evaluation-item:hover{background:var(--color-border);border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a}.evaluation-header{align-content:center;flex:1;text-align:center}.evaluation-label{color:var(--color-text);font-size:var(--font-size-base);font-weight:500;margin:0}.evaluation-tap-cycle{align-items:center;background:var(--color-surface);border:3px solid;border-radius:50%;cursor:pointer;display:flex;font-size:1.2em;height:50px;justify-content:center;min-width:50px;transition:all .2s ease;width:50px}.evaluation-tap-cycle:hover{transform:scale(1.1)}.collapsible-section .section-header[aria-expanded=true] .collapse-icon i{transform:rotate(0)}.collapsible-section .section-header[aria-expanded=false] .collapse-icon i{transform:rotate(-90deg)}.custom-mode-editor .feature-options.row{gap:1.5rem}.custom-mode-editor .feature-card{background:#fff;border:1px solid var(--color-border);border-radius:14px}.custom-mode-editor .form-check{align-items:center;border-radius:var(--border-radius-sm);display:flex;margin:.25rem 0 .5rem;min-width:180px;padding:.4rem .6rem;transition:background-color .15s ease}.custom-mode-editor .form-check.locked-feature .form-check-input{background:#e9ecef;border-color:#adb5bd;cursor:not-allowed}.custom-mode-editor .form-check.locked-feature label{color:#adb5bd}.custom-mode-editor .progress{background:#f1f3f4;border-radius:3px;height:5px;margin-top:.5rem}.custom-mode-editor .progress-bar{border-radius:3px}.custom-mode-editor .search-box .search-input{border-left:0;border-radius:0 var(--border-radius) var(--border-radius) 0}.custom-mode-editor .badge.bg-primary{font-size:.95em;font-weight:500;padding:.4em .8em}html{box-sizing:border-box;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.5;scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,:after,:before{--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-blur: ;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-size: ;--tw-contain-style: ;--tw-contrast: ;--tw-drop-shadow: ;--tw-gradient-from-position: ;--tw-gradient-to-position: ;--tw-gradient-via-position: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-numeric-figure: ;--tw-numeric-fraction: ;--tw-numeric-spacing: ;--tw-ordinal: ;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-inset: ;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate: ;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia: ;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero: ;--tw-translate-x:0;--tw-translate-y:0}blockquote,caption,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:1.25;margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-base)}h5{font-size:var(--font-size-sm)}h6{font-size:var(--font-size-xs)}a{transition:var(--transition)}a:hover{color:var(--color-primary-dark);text-decoration:underline}button,input{overflow:visible}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{background-clip:padding-box;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);display:block;font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b5e201a;outline:0}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}#app{display:flex;flex-direction:column}body:not(.landing-page){padding-top:calc(var(--header-height) + var(--safe-area-top))}body.demo-mode-active{padding-top:calc(var(--header-height) + var(--demo-banner-height) + var(--safe-area-top))}.header{background:var(--surface-primary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:top .3s ease,var(--transition);z-index:1050}.header-container{padding:0 var(--spacing-md)}.header-brand h1{color:var(--primary-600);font-size:var(--font-size-xl);font-weight:700;margin:0}.nav-desktop{display:flex;gap:var(--spacing-sm)}.nav-icon{font-size:1.2em}.nav-text{font-size:var(--font-size-base)}.filters-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:var(--container-max-width,1000px);padding:var(--spacing-lg);width:100%}.filters-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.filters-header h3{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.filters-summary{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md);text-align:center}.filters-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-md)}.filters-grid.compact{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.form-select{background:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid rgb(209 213 219/var(--tw-border-opacity,1));border-radius:12px;color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-sm);padding-right:2.5rem}.result-badge,.result-cell{padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.result-badge{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;min-width:80px}.result-win{background:#dcfce7;border:1px solid #22c55e;color:#166534}.result-loss{background:#fef2f2;border:1px solid #ef4444;color:#dc2626}.result-tie{background:#fef3c7;border:1px solid #f59e0b;color:#d97706}.tooltip-popup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.4;max-width:300px;opacity:0;padding:var(--spacing-sm) var(--spacing-md);pointer-events:none;position:absolute;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;z-index:10000}.tooltip-popup.tooltip-visible{opacity:1;transform:translateY(0)}.tooltip-popup.tooltip-persistent{border-color:var(--color-primary);box-shadow:var(--shadow-lg);pointer-events:auto}.tooltip-close{background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:700;height:20px;line-height:1;padding:0;position:absolute;right:4px;top:4px;transition:var(--transition);width:20px}.tooltip-close:hover{background:var(--color-hover);color:var(--color-error)}.tooltip-popup.tooltip-position-top:after{border:6px solid transparent;border-top:6px solid var(--color-surface);content:"";left:50%;position:absolute;top:100%;transform:translate(-50%);z-index:10001}.tooltip-popup.tooltip-position-bottom:after{border:6px solid transparent;border-bottom:6px solid var(--color-surface);bottom:100%;content:"";left:50%;position:absolute;transform:translate(-50%);z-index:10001}.tooltip-popup.tooltip-position-left:after{border:6px solid transparent;border-left:6px solid var(--color-surface);content:"";left:100%;position:absolute;top:50%;transform:translateY(-50%);z-index:10001}.tooltip-popup.tooltip-position-right:after{border:6px solid transparent;border-right:6px solid var(--color-surface);content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);z-index:10001}.modal .tooltip-popup,.onboarding-modal .tooltip-popup,[id*=modal] .tooltip-popup{border:2px solid var(--color-primary);box-shadow:0 8px 32px #0003;max-width:280px;overflow-wrap:break-word;z-index:10050}.help-message{background:linear-gradient(135deg,var(--color-surface),#f8f9fa);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.help-message p{line-height:1.4;margin:0}.help-message strong{color:var(--color-text)}[data-theme=dark] .help-message{background:linear-gradient(135deg,var(--color-surface),hsla(0,0%,100%,.05));border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .help-message strong{color:#fff}.help-message kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;font-family:monospace;font-size:var(--font-size-xs);font-weight:700;padding:2px 4px}.section-header-with-help{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.section-header-with-help h3{flex:1;margin-bottom:0!important}.help-content h4{color:var(--color-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-sm) 0}.help-content ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.help-content li{line-height:1.4;margin-bottom:var(--spacing-xs)}.help-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0 0 0}.defaults-categories{display:flex;flex-direction:column;gap:var(--spacing-xl)}.defaults-category{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.category-title{border-bottom:2px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.defaults-category .form-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.defaults-category .options-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-md)}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl)}.sets-inline{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.sets-inline .set-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:var(--transition)}.sets-inline .set-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1b5e201a}.sets-inline .sets-number{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);text-align:center}.sets-inline .set-games{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm)}.sets-inline .set-games input{border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-sm);text-align:center;width:60px}.sets-inline .set-games input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1b5e201a}.sets-inline .set-separator{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:700}.side-per-set-item .form-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}.home-view{margin:0 auto;max-width:var(--container-max-width,1000px);padding:1rem}.section-header{align-items:center;background:transparent;border-bottom:2px solid var(--primary-200);color:var(--text-primary);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--spacing-lg);padding-bottom:var(--space-3)}.section-header h2{color:var(--color-primary);flex:1;font-size:var(--font-size-xl);margin:0}.stat-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:1rem;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card .widget-icon{font-size:2rem;margin-bottom:.5rem}.stat-card .stat-value{color:#1b5e20;display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-card .stat-label{color:#666;display:block;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.feature-icon{display:block;flex-shrink:0;font-size:2.5rem;margin-bottom:1rem}.feature-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.feature-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.recommendations-list li{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;line-height:1.5;margin-bottom:.5rem;padding:1rem}.recommendations-list li:last-child{margin-bottom:0}.empty-state{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;padding:1.5rem;text-align:center}.empty-state p{font-size:.9rem;font-style:italic;margin:0;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:400px}.profile-container{margin:0 auto;max-width:var(--container-max-width,1000px)}.profile-header h2{color:var(--color-primary);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.section-header h3{color:var(--color-primary);font-size:var(--font-size-lg);margin:0;margin-bottom:var(--spacing-xs)}.widget-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center;transition:all .2s ease}.widget-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.widget-card.primary{border-color:var(--color-primary)}.widget-card.success{border-color:var(--success-color)}.widget-card.info{border-color:#2196f3}.widget-card.warning{border-color:var(--warning-color)}.widget-icon{flex-shrink:0;font-size:2rem;margin-bottom:var(--spacing-sm)}.widget-number{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.widget-label{align-items:center;color:#6b7280;font-size:.875rem;font-weight:500;gap:.5rem}.option-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 12px}.modal{--tw-backdrop-blur:blur(4px);align-items:center;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:#00000080;background-color:#00000080;box-sizing:border-box;contain:layout style paint;flex-direction:column;height:100%;justify-content:center;inset:0;overflow-y:auto;padding:var(--spacing-md);pointer-events:none;width:100%;z-index:1050}.modal.show{display:flex;opacity:1;visibility:visible;z-index:1050}.modal-content{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:3px solid var(--color-primary,#4caf50);border-radius:.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 1rem;max-height:100vh;max-width:42rem;min-height:100vh;overflow:hidden;overflow-y:auto;pointer-events:auto;position:relative;transform:scale(.9) translateY(20px);transition:all .3s ease;width:90vw}.modal-content,.modal-header{background:var(--color-background);display:flex}.modal-header{--tw-border-opacity:1;align-items:center;background:var(--color-surface,#fff);border-bottom:1px solid #e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1));display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem;position:sticky;top:0;z-index:1052}.modal-header h3{color:var(--color-text);flex:1;font-size:var(--font-size-lg);font-weight:600;margin:0;text-align:center}.modal-fullscreen .modal-body{flex:1;flex-direction:column;height:auto;max-height:none}#defaults-modal .modal-content{margin:0 auto;max-width:600px}#defaults-modal .modal-body{padding:var(--spacing-xl)}#defaults-modal .form-group{margin-bottom:var(--spacing-lg)}#defaults-modal .form-label{color:var(--color-text);display:block;font-weight:600;margin-bottom:var(--spacing-sm)}#defaults-modal .form-input,#defaults-modal .form-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all .2s ease}#defaults-modal .form-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}#defaults-modal .modal-footer{background:var(--color-background);border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}#goals-modal .modal-content{max-width:800px;width:90vw}.modal-close:hover{background:#ffffff4d;color:#fff;transform:scale(1.1)}.summary-value.success{color:var(--color-success)}.summary-value.warning{color:var(--color-warning)}.test-results{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.test-result{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.test-result.success{background:#4caf501a;border-color:var(--color-success)}.test-result.error{background:#f443361a;border-color:var(--color-error)}.info-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-6)}.info-item{align-items:center;background:var(--color-hover);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm)}.storage-actions{display:flex;flex-flow:column wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.storage-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:var(--spacing-lg) 0;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.form-textarea{--tw-border-opacity:1;--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block;line-height:1.6;min-height:100px;padding:.5rem .75rem;padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm);resize:vertical;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.device-info{background:var(--color-hover);border-radius:var(--border-radius);padding:var(--spacing-md)}.info-item:not(:last-child){border-bottom:1px solid var(--color-border)}.progress-bar{background:#e5e7eb;background-color:var(--surface-secondary);border-radius:4px;flex:1;height:8px;margin-bottom:var(--spacing-sm);overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;height:100%;transition:width .3s ease}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}.theme-toggle{align-items:center;backdrop-filter:blur(10px);background-color:#ffffff1a;border:2px solid hsla(0,0%,100%,.2);color:#fff;display:inline-block;gap:var(--spacing-xs);height:28px;position:relative;width:50px}.theme-toggle:hover{background-color:#fff3;border-color:#fff6}.theme-icon{font-size:1.2rem}.theme-text{font-size:var(--font-size-sm);font-weight:600}.form-group{margin-bottom:var(--spacing-md);position:relative}.form-group-settings{display:grid;margin-bottom:var(--spacing-md)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #00000014}.form-checkbox{--tw-bg-opacity:1;--tw-border-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.25rem;color:rgb(22 163 74/var(--tw-text-opacity,1));height:1rem;margin-right:var(--spacing-sm);transform:scale(1.2);width:1rem}.form-group-with-icon .form-input,.form-group-with-icon .form-select{padding-left:48px}.card,.table{background-color:var(--color-surface)}.table td,.table th{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.table th,.table tr:hover{background-color:var(--color-background)}.table th.sortable{cursor:pointer;position:relative;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.table th.sortable:hover{background-color:var(--color-hover);color:var(--color-primary)}.table th.sortable .sort-indicator{display:inline-block;font-size:var(--font-size-sm);margin-left:var(--spacing-xs);opacity:.3;transition:var(--transition)}.table th.sortable .sort-indicator.asc{color:var(--color-primary);opacity:1;transform:rotate(180deg)}.table th.sortable .sort-indicator.desc{color:var(--color-primary);opacity:1;transform:rotate(0)}.mode-label:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.feature-group:hover{border-color:var(--color-primary-light);box-shadow:0 2px 6px #0000000d}.custom-mode-editor .form-check:hover{background-color:rgb(var(--color-primary-rgb),.05)}.custom-mode-editor .form-check-input{border:2px solid var(--color-border);height:1.1em;margin-right:.6rem;margin-top:0;transition:all .15s ease;width:1.1em}.custom-mode-editor .form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.custom-mode-editor .form-check-label{color:var(--color-text);cursor:pointer;flex:1;font-size:.9rem;line-height:1.4}.collapsible-section .section-header{align-items:center;background-color:var(--color-background);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;transition:all .2s ease}.collapsible-section .section-header:hover{background-color:var(--color-background-light)}.collapsible-section .section-content{border-left:2px solid var(--color-border);margin-left:.75rem;overflow:hidden;padding:.5rem .5rem .5rem 1.5rem;transition:all .3s ease}.collapsible-section.collapsed .section-content{border-left-width:0;margin:0;max-height:0;opacity:0;padding:0}.text-muted{color:var(--color-text-secondary)}.d-block{display:block}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top:4px solid #22c55e;display:inline-block;height:1rem;margin-bottom:var(--spacing-md);width:1rem}.fallback-banner{background-color:var(--color-warning);color:#fff;padding:var(--spacing-sm);position:sticky;text-align:center;top:0;z-index:1001}.fallback-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center}.storage-info-modal,.storage-modal{background:var(--color-background);box-sizing:border-box;contain:layout style paint;display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1002}.stat-item{align-items:center;background:var(--card-bg);background-color:var(--color-background);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;text-align:center}.table-responsive{margin-top:15px;-webkit-overflow-scrolling:touch;overflow-x:auto}.match-table .sortable{cursor:pointer;position:relative;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.match-table .sortable:hover{background-color:var(--color-border)}.match-row{cursor:pointer;transition:var(--transition)}.match-row:hover{background-color:var(--color-background)}.date-cell{min-width:120px}.date-mobile{display:none}.partner-cell{max-width:150px}.partner-name,.result-cell{min-width:80px;text-align:center}.destacado-cell{width:80px}.destacado-cell,.type-cell{text-align:center}.destacado-badge{color:var(--color-warning);font-size:1.2em}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#333;font-size:var(--font-size-xl);margin-bottom:.5rem}.empty-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:2rem}.result-desktop{display:inline}.result-mobile{display:none;font-size:1.2rem}.matches-table th.result-header{font-size:0}.matches-table th.result-header:before{content:"Resultado";font-size:.875rem}.matches-table th.destacado-header{font-size:0}.matches-table th.destacado-header:before{content:"Destacado";font-size:.875rem}.detail-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.detail-section h3{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.info-item.result-highlight{background-color:var(--color-primary);color:#fff;font-weight:600}.info-item.result-highlight .info-label{color:#fff}.info-label{color:var(--color-text-secondary);font-weight:500;margin-right:var(--spacing-md)}.info-value{color:var(--color-text);font-weight:600}.sets-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.set-detail{border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);text-align:center;transition:var(--transition)}.set-detail.set-won{background-color:#4caf501a;border-color:var(--color-success)}.set-detail.set-lost{background-color:#f443361a;border-color:var(--color-error)}.set-number{color:var(--color-primary);font-weight:600}.set-number,.set-score{margin-bottom:var(--spacing-sm)}.set-score{font-size:var(--font-size-xl);font-weight:700}.games-lost,.games-won{color:var(--color-text)}.separator{margin:0 var(--spacing-xs)}.separator,.side-label{color:var(--color-text-secondary)}.side-label{margin-right:var(--spacing-xs)}.side-value{color:var(--color-text);font-weight:500}.set-result{font-size:var(--font-size-sm);font-weight:500}.evaluation-detail{align-items:center;background-color:var(--color-background);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.evaluation-value{align-items:center;display:flex;font-weight:500;gap:var(--spacing-xs)}.evaluation-value.solido{color:var(--color-success)}.evaluation-value.correcto{color:var(--color-warning)}.evaluation-value.trabajar{color:var(--color-error)}.notes-content{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);line-height:1.6;padding:var(--spacing-md);white-space:pre-wrap}.analytics-container{margin:0 auto;max-width:var(--container-max-width,1000px)}.analytics-grid,.temporal-analytics-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-header h3{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.advanced-stat-card{align-items:center;background:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.advanced-stat-card:hover{background-color:var(--color-hover);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;opacity:.8;width:60px}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500;hyphens:auto;letter-spacing:.05em;line-height:1.2;margin-bottom:.5rem;margin-top:var(--spacing-xs);opacity:.9;overflow-wrap:break-word;text-transform:uppercase}.stat-detail{color:var(--text-muted);font-size:.75rem;line-height:1.4;margin-top:.25rem}.recommendations h3{border-bottom:1px solid var(--color-border);color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);text-align:center}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{align-items:flex-start;background-color:var(--color-background);border-left:4px solid var(--color-border);border-radius:var(--border-radius);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition)}.recommendation-item.info{background-color:#1b5e200d;border-left-color:var(--color-primary)}.recommendation-item:hover{box-shadow:var(--shadow-sm);transform:translate(4px)}.recommendation-icon{align-items:center;background-color:#fffc;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;margin-top:var(--spacing-xs);width:40px}.recommendation-content h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-xs) 0;margin-bottom:var(--spacing-xs)}.form-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.form-section h3{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-lg);padding-bottom:var(--spacing-sm)}.form-row .form-group{flex:1;margin-bottom:0}.form-label.required:after{color:var(--color-error);content:" *"}.set-games{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);width:160px}.set-games input{background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:1.2em;font-weight:600;height:40px;padding:var(--spacing-xs);text-align:center;transition:all .2s ease;width:60px}.evaluation-grid{display:block;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.critical-error-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:var(--spacing-xl)}.critical-error-content{background-color:var(--color-surface);border:2px solid var(--color-error);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:var(--spacing-xl);text-align:center}.critical-error-content h2{color:var(--color-error);margin-bottom:var(--spacing-lg)}.error-details{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);border-top:1px solid #e9ecef;margin:var(--spacing-lg) 0;padding:var(--spacing-md);padding-top:1.5rem;text-align:left}.error-details h3{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.error-details p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:var(--spacing-lg) 0;margin-bottom:2rem}.error-help{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:left}.error-help h3{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.error-help ul{margin:0;padding-left:var(--spacing-lg)}.error-help li{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.action-buttons{flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.evaluation-category h4{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.stat-card,.stat-card-grid{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);text-align:center;transition:var(--transition)}.stat-card:hover:before{height:4px}.stat-number{color:var(--primary-600);font-size:2.5rem;font-weight:800;margin-bottom:var(--space-2)}.stat-wins:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.stat-losses:before{background:linear-gradient(90deg,#f44336,#ef5350)}.stat-winrate:before{background:linear-gradient(90deg,#2196f3,#42a5f5)}.stat-sets:before{background:linear-gradient(90deg,#ff9800,#ffb74d)}.stat-duration:before{background:linear-gradient(90deg,#9c27b0,#ba68c8)}.stat-total:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.chart-card{background:var(--surface-primary);background-color:var(--color-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-5);transition:var(--transition)}.chart-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.chart-header{background:linear-gradient(135deg,var(--color-background) 0,var(--color-hover) 100%);border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding:var(--spacing-lg);padding-bottom:1rem;text-align:center}.chart-header p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.chart-container{height:300px;padding:var(--spacing-lg);position:relative;width:100%}.chart-card-wide .chart-container{height:400px}.recommendations{background:var(--color-surface);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.recommendation-item.warning{background-color:#ffc1070d;border-left-color:var(--color-warning)}.recommendation-item.error{background-color:#f443360d;border-left-color:var(--color-error)}.recommendation-item.success{background-color:#4caf500d;border-left-color:var(--color-success)}.recommendation-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.filters-section.hidden{display:none}.settings-container{max-width:var(--container-max-width,1000px)}.settings-header{border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.settings-header h2{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.settings-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:0}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{animation:slideInRight .3s ease-out;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:0}.section-content{padding:var(--spacing-lg)}.setting-item{align-items:center;background-color:var(--color-background);border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.setting-item:last-child{margin-bottom:0}.setting-label{color:var(--color-text);display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.setting-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}input:checked+.toggle-slider:before{transform:translate(26px)}.export-buttons,.import-summary.success{background-color:#4caf501a;border-color:var(--color-success);color:var(--color-success)}.import-summary.error{background-color:#f443361a;border-color:var(--color-error);color:var(--color-error)}.danger-zone{background:linear-gradient(135deg,#ef44440d,#dc26260d);background-color:#f443360d;border:1px solid rgba(239,68,68,.2);border-color:var(--color-error);border-radius:12px;padding:1.5rem}.danger-zone h4{color:var(--color-error)}.info-value.status-ok{color:var(--color-success)}.info-value.status-warning{color:var(--color-warning)}.info-value.status-error{color:var(--color-error)}.chart-container canvas{max-height:100%}.advanced-stat-card .stat-icon{font-size:1.5rem;opacity:.8}.advanced-stat-card .stat-number{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs)}.advanced-stat-card .stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.recommendation-content{flex:1}.advanced-stat-card,.chart-card,.recommendation-item{animation:fadeInUp .3s ease-out}body.no-animations *,body.no-animations :after,body.no-animations :before{animation:none;transition:none}.notifications-container{display:flex;flex-direction:column;gap:12px;max-width:90vw;pointer-events:none;position:fixed;right:16px;top:76px;width:360px;z-index:10000}.notification{align-items:center;animation:slideInRight .3s ease-out;backdrop-filter:blur(8px);background-color:var(--color-surface);border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #00000040;display:flex;margin:0;max-height:120px!important;min-height:64px!important;opacity:0;padding:var(--spacing-md);pointer-events:auto;position:relative;transform:translateY(-20px);transition:all .3s ease-out;width:360px!important}.notification.show{opacity:1;transform:translateY(0)}.notification.hide{animation:slideOutRight .3s ease-out;opacity:0;transform:translateY(-30px)}.notification-content{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-top:2px}.notification-icon{flex-shrink:0;font-size:1.2rem}.notification-message{color:var(--color-text);display:-webkit-box;flex:1;font-size:var(--font-size-base);-webkit-line-clamp:3;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:4.2em}.notification-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;line-height:1;opacity:.8;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:30px}.notification-close:hover{background:#0003;color:#fff;opacity:1;transform:scale(1.1)}.notification-close:focus{box-shadow:0 0 0 2px #ffffff4d;outline:none}.notification-progress{background-color:#ffffff4d;height:3px;overflow:hidden;position:relative}.notification-progress:before{animation:progress-bar linear forwards;background-color:currentcolor;content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%);width:100%}.notification-success{background-color:#4caf50e6;border-left-color:var(--color-success);color:#fff}.notification-success .notification-progress:before{background-color:var(--color-success)}.notification-error .notification-progress:before{background-color:var(--color-error)}.notification-warning{background-color:#ffc107e6;border-left-color:var(--color-warning);color:#333}.notification-warning .notification-progress:before{background-color:var(--color-warning)}.notification-info .notification-progress:before{background-color:var(--color-primary)}.notification-loading .notification-icon{animation:spin 1s linear infinite}.notification:hover .notification-progress:before{animation-play-state:paused}.notification-content a{color:var(--color-primary);text-decoration:underline}.notification-content a:hover{color:var(--color-primary-dark)}.notification.notification-persistent .notification-progress{display:none}[data-theme=dark] .notification{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .notification-success{background-color:#22c55ee6;color:#fff}[data-theme=dark] .notification-warning{background-color:#f59e0be6;color:#fff}.notification.notification-interactive{cursor:pointer}.notification.notification-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.profile-header{background:#fff;border:1px solid #e5e7eb;border-bottom:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1rem;padding-bottom:var(--spacing-lg);text-align:center}.stat-card.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%)}.stat-card.success{background:linear-gradient(135deg,var(--color-success) 0,#66bb6a 100%)}.stat-card.info{background:linear-gradient(135deg,#2196f3,#42a5f5)}.stat-card.warning{background:linear-gradient(135deg,var(--color-warning) 0,#ffca28 100%)}.defaults-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-grid,.quick-actions{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.set-item{background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius);flex:1;margin:5px;max-width:150px;min-width:120px;padding:var(--spacing-sm);text-align:center;transition:all .2s ease;width:100%}.set-item,.set-side{align-items:center;display:flex}.set-side{gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.form-error,.set-side{font-size:var(--font-size-sm)}.form-error{color:rgb(220 38 38/var(--tw-text-opacity,1));display:none;margin-top:var(--spacing-xs)}.stat-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-box.wins .stat-number{color:var(--color-success)}.stat-box.losses .stat-number{color:var(--color-error)}.stat-box.winrate .stat-number{color:var(--color-primary)}.stat-box.duration .stat-number{color:var(--color-warning)}.set-item.incomplete{opacity:.7}.set-item.incomplete:after{color:var(--color-text-secondary);content:"No jugado";font-size:var(--font-size-xs);font-style:italic;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.app-title-clickable{cursor:pointer}.diagnostic-modal,.modal-close:hover{background:var(--color-hover);color:var(--color-text)}.diagnostic-summary,.summary-value.success{color:var(--color-success)}.summary-value.error{color:var(--color-error)}.diagnostic-actions,.info-grid{display:grid;gap:var(--spacing-sm)}.info-value.success{color:var(--color-success)}.info-value.error{color:var(--color-error)}.skills-grid.two-columns{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.table{background:var(--color-surface);border-collapse:collapse;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:table;overflow:hidden;width:100%}.table th{background:var(--color-hover);color:var(--color-text);font-weight:600}.table tbody tr{cursor:pointer;transition:var(--transition)}.table tbody tr:hover{background:var(--color-hover)}.actions-cell,.actions-column{display:none}.comparative-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.comparative-header h4{color:var(--text-color);font-size:1.1rem;margin:0 0 .5rem}.comparative-header p{color:var(--text-muted);font-size:.9rem;margin:0}.comparative-content{margin-top:1rem}.comparative-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.comparative-item:last-child{border-bottom:none}.comparative-name{color:var(--text-color);flex:1;font-weight:600}.comparative-stats{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.stat-badge.success{background:#4caf5033;color:var(--success-color)}.stat-badge.danger{background:#f4433633;color:var(--danger-color)}.comparative-trend{margin-left:1rem}.trend-indicator{font-size:.9rem}.trend-up{color:#28a745}.trend-down{color:#dc3545}.trend-stable{color:#6c757d}.predictions-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1rem}.prediction-card,.trends-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.prediction-header h4,.trends-header h4{color:var(--text-color);font-size:1.1rem;margin:0 0 .5rem}.prediction-header p,.trends-header p{color:var(--text-muted);font-size:.9rem;margin:0}.prediction-content,.trends-content{margin-top:1rem}.prediction-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem}.prediction-item:last-child{margin-bottom:0}.prediction-item-header{align-items:center;display:flex;gap:.75rem}.prediction-icon{flex-shrink:0;font-size:1.5rem}.prediction-text{color:var(--color-text);flex:1;font-size:var(--font-size-base);line-height:1.4}.prediction-confidence{color:var(--text-muted);font-size:.85rem;font-weight:500;margin-top:.25rem}.trend-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.trend-item:last-child{border-bottom:none}.trend-label{color:var(--text-color);font-weight:500}.trend-value{align-items:center;display:flex;font-weight:600;gap:.5rem}.trend-positive{color:var(--success-color)}.trend-negative{color:var(--danger-color)}.trend-neutral{color:var(--text-muted)}.goal-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #0000001a;margin:.5rem 0;padding:var(--spacing-lg);transition:var(--transition)}.goal-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.goal-progress-bar{background:var(--color-border);background-color:var(--color-hover);border-radius:9999px;height:.75rem;margin-top:.5rem;overflow:hidden;width:100%}.goal-progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:9999px;height:100%;transition:width .5s ease}.goal-badge.completed{background:#e8f5e9;background-color:var(--color-success);color:#1b5e20}.goal-badge.pending{background:#fff3e0;background-color:var(--color-warning);color:#f57c00}.goals-editor{margin:0 auto;max-width:var(--container-max-width,1000px);width:100%}.add-goals-section,.current-goals-section{margin-bottom:2rem}.add-goals-section h4,.current-goals-section h4{color:var(--color-text);font-size:var(--font-size-xl);margin-bottom:1rem}.current-goals-list{display:grid;gap:.5rem}.current-goal-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);justify-content:space-between;padding:1rem}.current-goal-item,.goal-info{align-items:center;display:flex}.goal-info{flex:1;gap:1rem}.goal-details{flex:1}.goal-details .goal-title{font-weight:600;margin-bottom:.25rem}.goal-details .goal-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.goal-controls{align-items:center;display:flex;gap:.5rem}.available-goals-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);max-width:100%}.available-goal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;padding:1.25rem;transition:var(--transition)}.available-goal-card:hover:not(.disabled){border:2px solid var(--color-primary);box-shadow:var(--shadow-md)}.available-goal-card.disabled{cursor:not-allowed;opacity:.6}.goal-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.goal-card-header h5{color:var(--color-text);font-weight:600;margin:0}.available-goal-card .goal-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:1rem}.goal-default{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;margin-bottom:1rem}.goal-added-badge{background-color:var(--color-success);border-radius:var(--border-radius);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem}#import-file-input{display:none}.automatic-options-container{display:flex;flex-direction:column;gap:16px}.automatic-option{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:16px}.option-header{margin-bottom:8px}.remember-settings-warning{background:#ffc1071a;border:1px solid var(--color-warning);border-radius:var(--border-radius-sm);margin-top:8px;padding:12px}.warning-content{align-items:flex-start;color:var(--color-warning);display:flex;font-size:.875rem;gap:8px}.warning-content i{flex-shrink:0;font-size:1rem;margin-top:1px}[data-theme=dark] .automatic-option{background:var(--color-surface)}[data-theme=dark] .remember-settings-warning{background:#ffc10726;border-color:var(--color-warning)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-background);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.form-input:disabled::-moz-placeholder{color:var(--color-text-secondary);opacity:.8}.form-input:disabled::placeholder{color:var(--color-text-secondary);opacity:.8}[data-theme=dark] .form-input:disabled,[data-theme=dark] .form-select:disabled,[data-theme=dark] .form-textarea:disabled{background-color:#ffffff0d;border-color:#ffffff1a}body.landing-page.first-time-user .header{display:none}body.landing-page.first-time-user .main-content{min-height:100vh;padding-top:0}body.landing-page:not(.first-time-user) .header{display:block}.landing-option-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.evaluation-category .category-title{border-bottom:2px solid var(--color-primary);font-size:1.1em;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.skills-container{display:grid;gap:var(--spacing-md)}.skills-container.two-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-container.single-column{grid-template-columns:1fr}.goal-title{color:var(--color-text);flex:1;font-size:var(--font-size-md);font-weight:600}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.benefit-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.hero-actions{display:flex;flex-flow:column wrap;gap:1rem;justify-content:center;margin:.5rem}.landing-cta:before{background:url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.home-section .section-header+.features-grid,.home-section .section-header+.goals-container,.home-section .section-header+.recommendations-list,.home-section .section-header+.stat-card-grid{margin-top:0}.source-indicator{cursor:help;font-size:.8em;margin-left:.25rem;opacity:.7;transition:opacity .2s ease}.source-indicator:hover{opacity:1}.form-label .source-indicator{color:#6b7280}.auto-fill-checkbox:hover{color:#374151}.paddle-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.paddle-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.paddle-item.is-default{background:#eff6ff;border-color:#3b82f6}.paddle-info{align-items:center;display:flex;flex:1;gap:.75rem}.paddle-name{color:#1f2937;font-weight:500}.default-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.paddle-actions{display:flex;gap:.5rem}.backup-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.backup-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.backup-item.is-latest{background:#ecfdf5;border-color:#10b981}.backup-info{background:var(--color-hover);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.backup-description{color:#1f2937;font-weight:500}.backup-actions{display:flex;gap:.5rem}.storage-breakdown{background:var(--color-hover);border:1px solid #fbbf24;border-radius:var(--border-radius);padding:var(--spacing-md)}.storage-breakdown h6{color:#92400e;margin-bottom:.75rem}.category-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.storage-info{background:#f0f9ff;border:1px solid #0ea5e9}.storage-info h6{color:#0c4a6e}.storage-info ul{list-style-type:none;padding-left:0}.storage-info li{border-bottom:1px solid #e0f2fe;padding:.25rem 0}.storage-info li:last-child{border-bottom:none}.sets-container.sets-inline{align-items:stretch;background:var(--color-background-alt,#f8f9fa);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-md) 0;padding:var(--spacing-md)}.set-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.sets-number{color:var(--color-primary);font-size:1.1em;font-weight:600}.set-games,.sets-number{margin-bottom:var(--spacing-sm)}.set-games input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb),.1);outline:none}.set-games input.form-input-error{background-color:#ffebee;border-color:var(--color-error)}.set-separator{color:var(--color-text-muted);font-size:1.2em;font-weight:600;margin:var(--spacing-xs) 0}.set-side .form-label{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.set-side select{font-size:var(--font-size-sm);width:100%}.set-side select.form-input-error{background-color:#ffebee;border-color:var(--color-error)}.modal.show,.modal[style*="display: flex"]{opacity:1;pointer-events:auto;visibility:visible}.modal[style*="display: flex"] .modal-content{transform:scale(1) translateY(0)}.progress-text{color:#6b7280;font-size:.875rem;font-weight:500}.profile-header .progress-text{padding-top:.5rem}.mode-option:hover{background:var(--color-hover,#f8f9fa);border-color:var(--color-primary-light);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;padding:.25rem .5rem}.note-content{align-items:flex-start;display:flex;gap:.75rem}.note-icon{flex-shrink:0;font-size:1.125rem;margin-top:.125rem}.note-text{color:#a16207;flex:1;font-size:.875rem;line-height:1.5}.note-text strong{color:#0369a1}.validation-error{animation:slideIn .3s ease;margin-top:var(--spacing-lg)}.alert{align-items:center;border-radius:var(--border-radius);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md)}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert-icon{flex-shrink:0;font-size:1.1em}.alert-message{flex:1}[data-theme=dark]{--btn-bg:#3c4043;--btn-border:#5f6368;--btn-hover-bg:#48494c;--color-accent:#4ade80;--color-background:#0f172a;--color-border:#475569;--color-disabled:#64748b;--color-error:#ef4444;--color-hover:#475569;--color-primary:#4ade80;--color-primary-dark:#22c55e;--color-primary-light:#65f387;--color-success:#22c55e;--color-surface:#1e293b;--color-text-secondary:#e2e8f0;--color-warning:#f59e0b;--form-bg:#303134;--form-border:#5f6368;--form-focus-border:#81c784;--surface-secondary:#111827;--text-secondary:#d1d5db;background:var(--surface-primary);border-color:var(--primary-700);color:var(--primary-400);color-scheme:dark only}[data-theme=dark] .modal-content{background:#1f2937;border:1px solid var(--color-border);border-color:var(--color-primary-dark,#22c55e);box-shadow:0 0 20px #4caf504d}[data-theme=dark] .modal-header{background:#1f2937;border-bottom-color:#374151}[data-theme=dark] .modal-footer{background:#1f2937;border-top-color:#374151}[data-theme=dark] .card,[data-theme=dark] .card-text{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .card-header,[data-theme=dark] .header{background:var(--color-surface);border-bottom-color:var(--color-border)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--color-text)}[data-theme=dark] .text-muted{color:var(--color-text-secondary)}[data-theme=dark] .modal-backdrop{background-color:#000c}[data-theme=dark] .table{color:var(--color-text)}[data-theme=dark] .table td,[data-theme=dark] .table th{border-color:var(--color-border)}[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd)>td,[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd)>th{background-color:#ffffff0d}.modal-dialog{z-index:1056}.modal[data-dynamic=true]{z-index:1055}.modal[data-dynamic=true] .modal-dialog{z-index:1056}.modal[data-dynamic=true] .modal-content{z-index:1057}.modal.fade.show{display:flex;opacity:1;visibility:visible}.modal-backdrop.show{opacity:.5}.additional-details-row-1{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}.additional-details-row-2{align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:auto 1fr}.destacado-group{align-items:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-width:200px;padding:var(--spacing-md)}.destacado-label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.destacado-text{color:var(--color-text);font-size:1rem}.destacado-group .form-checkbox{height:20px;width:20px}.destacado-group .form-help{color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--spacing-xs);text-align:center}.lado-juego-group{flex:1}.side-per-set{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.set-side-item .form-label{font-weight:500;margin-bottom:0;min-width:60px}.set-side-item .form-select-sm{flex:1;max-width:150px}.destacado-group:has(.form-checkbox:checked){background:rgb(var(--color-primary-rgb),.05);border-color:var(--color-primary)}.destacado-group:has(.form-checkbox:checked) .destacado-text{color:var(--color-primary)}.theme-toggle input{height:0;opacity:0;width:0}.analytics-toggle{display:inline-block;height:24px;position:relative;width:50px}.analytics-toggle input{height:0;opacity:0;width:0}.analytics-toggle .toggle-slider{background-color:#ccc;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.analytics-toggle .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.analytics-toggle input:checked+.toggle-slider{background-color:var(--color-primary,#2196f3)}.analytics-toggle input:focus+.toggle-slider{box-shadow:0 0 1px var(--color-primary,#2196f3)}.analytics-toggle input:checked+.toggle-slider:before{transform:translate(26px)}.setting-status.disabled{color:#c62828;font-weight:600}.profile-option-setting:hover{background:var(--color-hover,#f5f5f5);border-color:var(--color-primary,#2196f3)}.profile-option-setting .option-description{color:var(--color-text-secondary,#666);font-size:.9rem;margin:0}[data-theme=dark] .analytics-toggle .toggle-slider{background-color:#555}[data-theme=dark] .analytics-toggle .toggle-slider:before{background-color:#f0f0f0}[data-theme=dark] .profile-option-setting:hover{background:var(--color-hover,#333)}.analysis-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.analysis-section:last-child{border-bottom:none}.analysis-section h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem}.stat-description{color:var(--text-muted);font-size:.8rem}.categories-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.category-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.category-card.rating-excellent{border-left:4px solid #28a745}.category-card.rating-good{border-left:4px solid #17a2b8}.category-card.rating-regular{border-left:4px solid #ffc107}.category-card.rating-poor{border-left:4px solid #dc3545}.category-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.category-icon{font-size:1.5rem}.category-info{flex:1}.category-info h4{font-size:1rem;margin:0 0 .25rem}.category-rating{align-items:center;display:flex;gap:.5rem}.rating-value{color:var(--primary-color);font-weight:700}.stat-row{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.25rem}.stat-row .positive{color:#28a745}.stat-row .negative{color:#dc3545}.category-recommendation{color:var(--text-muted);font-size:.8rem;font-style:italic}.strengths-weaknesses-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.strengths-section h3{color:#28a745}.weaknesses-section h3{color:#dc3545}.items-list{display:flex;flex-direction:column;gap:.75rem}.strength-item,.weakness-item{align-items:flex-start;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.strength-item{border-left:3px solid #28a745}.weakness-item{border-left:3px solid #dc3545}.item-icon{font-size:1.2rem;margin-top:.1rem}.item-content{flex:1}.item-name{font-weight:700;margin-bottom:.25rem}.item-rating{color:var(--primary-color);font-size:.9rem;margin-bottom:.25rem}.item-description{color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.item-priority{font-size:.8rem;font-weight:700}.empty-message{color:var(--text-muted);font-style:italic;padding:2rem;text-align:center}.recommendation-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.recommendation-card.priority-high{border-left:4px solid #dc3545}.recommendation-card.priority-medium{border-left:4px solid #ffc107}.recommendation-card.priority-low{border-left:4px solid #28a745}.rec-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.rec-icon{font-size:1.5rem}.rec-info{flex:1}.rec-info h4{font-size:1rem;margin:0 0 .25rem}.rec-type{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.rec-priority{background:var(--background-secondary);border-radius:4px;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.rec-description{color:var(--text-secondary);line-height:1.4;margin-bottom:.75rem}.rec-exercises{background:var(--background-secondary);border-radius:6px;font-size:.9rem;padding:.75rem}.rec-exercises strong{color:var(--primary-color);display:block;margin-bottom:.5rem}.rec-exercises ul{margin:.5rem 0 0;padding-left:1.25rem}.rec-exercises li{color:var(--text-secondary);margin-bottom:.25rem}.evolution-summary{background:var(--background-secondary);border-radius:6px;margin-bottom:1rem;padding:1rem}.evolution-stat{align-items:center;display:flex;gap:.5rem}.evolution-label{font-weight:700}.evolution-value{font-size:1.1rem;font-weight:700}.evolution-value.positive{color:#28a745}.evolution-value.negative{color:#dc3545}.evolution-timeline{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0}.timeline-point{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;min-width:100px;padding:.75rem;text-align:center}.timeline-month{color:var(--text-muted);font-size:.8rem;margin-bottom:.25rem}.timeline-rating{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.timeline-matches{color:var(--text-secondary);font-size:.7rem}.modal-xl .modal-content{max-width:var(--container-max-width,1000px);width:95vw}.feedback-management-container{padding:1rem}.feedback-management-header{margin-bottom:2rem;text-align:center}.feedback-actions-section,.feedback-history-section,.feedback-stats-section{margin-bottom:2rem}.feedback-list{display:flex;flex-direction:column;gap:1rem}.feedback-item{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:1rem;transition:var(--transition)}.feedback-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feedback-item.is-recent{border-left:4px solid var(--primary-color)}.feedback-info{flex:1}.feedback-main-info{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.feedback-type-badge{border-radius:4px;font-size:.75rem;font-weight:700;padding:.25rem .5rem;white-space:nowrap}.feedback-type-badge.suggestion{background:#e3f2fd;color:#1976d2}.feedback-type-badge.bug-report{background:#ffebee;color:#d32f2f}.feedback-title{color:var(--text-primary);font-weight:600}.recent-badge{background:var(--primary-color);border-radius:12px;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem}.feedback-meta{display:flex;gap:1rem;margin-bottom:.5rem}.feedback-date,.feedback-status{color:var(--text-muted)}.feedback-preview{margin-top:.5rem}.feedback-actions{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.feedback-details{padding:1rem}.feedback-header{margin-bottom:var(--spacing-xl);text-align:center}.feedback-content .form-group{margin-bottom:1.5rem}.feedback-content .form-label{display:block;font-weight:600;margin-bottom:.5rem}.feedback-content .form-text{background:var(--input-bg);white-space:pre-wrap}.feedback-content .form-text,.technical-info{border:1px solid var(--border-color);border-radius:4px;padding:.75rem}.technical-info{background:var(--card-bg)}[data-theme=dark] .feedback-type-badge.suggestion{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .feedback-type-badge.bug-report{background:#7f1d1d;color:#fca5a5}.analytics-consent-banner{animation:slideUp .3s ease-out;background:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 10px #0000001a;color:var(--color-text);left:0;position:fixed;right:0;z-index:1050}.consent-banner-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width,1000px);padding:1rem}.consent-banner-text{align-items:center;display:flex;flex:1;font-size:.9rem;line-height:1.4}.consent-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.consent-banner-actions button{align-items:center;display:flex;height:36px;justify-content:center;min-width:100px}.form-input{--tw-border-opacity:1;--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background:#fff;border:1px solid #ced4da;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#212529;display:block;font-size:1rem;padding:.5rem .75rem;padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{--tw-border-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));box-shadow:0 0 0 .2rem #0d6efd40;outline:2px solid transparent;outline-offset:2px}.form-input:disabled,.form-input[readonly]{background-color:#e9ecef;opacity:1}.modal-dialog.modal-fullscreen{height:100vh;margin:0;max-width:none;width:100vw}.modal-dialog.modal-fullscreen .modal-content{border:none;border-radius:0;display:flex;flex-direction:column;height:100vh}.modal-dialog.modal-fullscreen .modal-body{flex:1;overflow-y:auto;padding:1rem}.modal-dialog:not(.modal-fullscreen){margin:1.75rem auto;max-width:500px}.modal-dialog:not(.modal-fullscreen) .modal-content{display:flex;flex-direction:column;max-height:calc(100vh - 3.5rem)}.modal-dialog:not(.modal-fullscreen) .modal-body{flex:1;max-height:calc(100vh - 200px);overflow-y:auto}.modal+.modal{z-index:1060}.modal+.modal+.modal{z-index:1065}.achievements-container,.analytics-container,.goals-editor,.home-view,.main-content,.match-form-grid,.profile-container,.settings-container{margin-left:auto;margin-right:auto;max-width:var(--container-max-width,1000px)}.match-detail-view,[data-testid=analytics-view],[data-testid=home-view],[data-testid=match-form-view],[data-testid=match-list-view],[data-testid=profile-view]{margin-left:auto;margin-right:auto;max-width:var(--container-max-width,1000px);min-width:320px;padding:0 var(--spacing-md);width:100%}[data-theme=dark] .category-title{border-bottom-color:var(--color-border);color:var(--color-primary)}[data-theme=dark] .evaluation-category .form-label{color:var(--color-text)}.goal-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.goal-icon{flex-shrink:0;font-size:1.5rem}.goal-content{margin-bottom:var(--spacing-md)}.goal-progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.goal-progress-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.goal-progress-percent{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700}.goal-status{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-sm);font-weight:600;margin-top:.75rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.goal-status-completed{background:#dcfce7;border-color:var(--color-primary);color:var(--color-primary)}.goal-status-progress{background:#fef3c7;border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .goal-card{background:#374151;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .goal-card:hover{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .goal-title{color:#f9fafb}[data-theme=dark] .goal-progress-text{color:#d1d5db}[data-theme=dark] .goal-progress-percent{color:var(--color-text)}[data-theme=dark] .goal-progress-bar{background:#6b7280}.data-management-container{margin:0 auto;max-width:1000px;padding:var(--spacing-lg)}.data-management-content{margin:0 auto;max-width:100%;padding:0}.data-overview-section{background:linear-gradient(135deg,#4caf501a,#1b5e200d);border:1px solid rgba(34,197,94,.1);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.section-title{align-items:center;border-bottom:2px solid var(--primary-200);border-color:var(--primary-800);color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1rem;padding-bottom:var(--space-2)}.data-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.stat-content{flex:1}.storage-details{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr auto}.breakdown-title{align-items:center;color:var(--color-text);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0 0 .75rem;margin-bottom:var(--spacing-sm)}.breakdown-title,.storage-items{gap:var(--spacing-xs)}.storage-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem 0}.storage-item-info{align-items:center;display:flex;gap:.5rem}.storage-item-icon{font-size:.875rem}.storage-item-label,.storage-item-size{font-size:var(--font-size-sm)}.storage-item-size{color:var(--color-text-muted);font-size:.875rem;font-weight:600}.last-backup{background:var(--color-hover);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:right}.backup-title{align-items:center;color:var(--color-text);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:flex-end;margin:0 0 .5rem;margin-bottom:var(--spacing-xs)}.backup-date{color:var(--color-text-muted);font-size:.75rem;font-weight:var(--font-weight-medium);margin:0}.data-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.data-action-card{border-radius:12px}.data-action-card:hover{transform:translateY(-3px)}.action-header{margin-bottom:1rem}.action-icon{font-size:1.5rem;margin-top:.125rem;opacity:.8}.action-title{font-size:1rem;margin:0 0 .25rem}.action-description{color:var(--color-text-muted);font-size:.875rem;line-height:1.4}.action-buttons .w-full{flex:1 1 100%;width:100%}.backup-summary{background:#22c55e0d;border:1px solid rgba(34,197,94,.1);border-radius:8px;font-size:var(--font-size-sm);margin-bottom:1rem;padding:1rem;text-align:center}.backup-empty,.backup-summary{color:var(--color-text-secondary)}.backup-empty{color:var(--color-text-muted);padding:1.5rem;text-align:center}.backup-empty i{display:block;font-size:2rem;margin-bottom:.5rem;opacity:.5}.danger-header{margin-bottom:1rem;text-align:center}.danger-title{align-items:center;color:var(--color-danger,#ef4444);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.danger-description{color:var(--color-text-muted);font-size:.875rem;line-height:1.4;margin:0}.danger-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}[data-theme=dark] .data-action-card,[data-theme=dark] .data-overview-section{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .backup-summary,[data-theme=dark] .last-backup,[data-theme=dark] .stat-card,[data-theme=dark] .storage-breakdown{background:#ffffff0d;border-color:var(--color-border)}[data-theme=dark] .danger-zone{background:linear-gradient(135deg,#ef444414,#dc262614);border-color:#ef44444d}.status-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.action-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.file-label:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}[data-theme=dark] .action-header,[data-theme=dark] .status-card{background:#ffffff0d;border-bottom-color:var(--color-border)}[data-theme=dark] .file-label:hover{background:#ffffff1a}[data-theme=dark] .backup-info{background:#ffffff0d}.all-levels-section,.current-level-section,.how-it-works-section,.improvement-tips-section{margin-bottom:var(--spacing-lg)}.all-levels-section h4,.current-level-section h4,.how-it-works-section h4,.improvement-tips-section h4{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.current-level-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center}.level-badge-large{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.level-badge-large .level-icon{font-size:2.5rem}.level-badge-large .level-details .level-number{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.level-badge-large .level-details .level-name{color:var(--color-text);font-size:var(--font-size-lg);margin-top:var(--spacing-xs)}.level-progress{margin:0 auto;margin-bottom:var(--spacing-lg);max-width:300px}.progress-info{color:var(--text-secondary);display:flex;font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.max-level-info,.next-level-info{font-size:var(--font-size-sm);margin:0}.next-level-info{color:var(--color-text-secondary)}.max-level-info{color:var(--color-success);font-weight:var(--font-weight-medium)}.explanation-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.explanation-item{align-items:flex-start;background:var(--color-hover);border-radius:var(--border-radius);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.explanation-icon{flex-shrink:0;font-size:1.5rem}.explanation-content strong{color:var(--color-text);display:block;margin-bottom:var(--spacing-xs)}.explanation-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.level-item.current{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-color:var(--color-primary);color:#fff}.level-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.level-badge-small{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.level-badge-small .level-icon{font-size:1.2rem}.level-badge-small .level-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.level-info .level-name{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.level-info .level-points{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.level-item.current .level-info .level-points{color:#fffc}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr)}.tip-item,.tips-grid{gap:var(--spacing-md)}.tip-icon{flex-shrink:0;font-size:1.5rem}[data-theme=dark] .current-level-card,[data-theme=dark] .explanation-item,[data-theme=dark] .level-item,[data-theme=dark] .tip-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .level-item.current{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-color:var(--color-primary)}.filters-section .filters-container{margin:0;max-width:none;width:100%}.main-content{background:var(--color-background,#f8fafc);box-sizing:border-box;margin:0 auto;max-width:1000px;min-height:calc(100vh - 80px);width:100%}.goal-target-hidden{display:none}[data-theme=dark] .data-overview-section{background:linear-gradient(135deg,#22c55e14,#10b98114);border-color:#22c55e33}[data-theme=dark] .stat-card:hover{box-shadow:0 4px 12px #0000004d}.storage-items{display:flex;flex-direction:column;gap:.5rem}.storage-item:last-child{border-bottom:none}.storage-item-label{color:var(--color-text);font-size:.875rem}.data-action-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary,#10b981));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.data-action-card:hover:before{opacity:1}[data-theme=dark] .backup-summary{background:#22c55e14;border-color:#22c55e33}.backup-stat{color:var(--color-text);font-size:.875rem;margin-bottom:.25rem}.backup-stat:last-child{margin-bottom:0}.backup-empty p{font-weight:500;margin:0 0 .5rem}.backup-empty small{font-size:.75rem;opacity:.8}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#6c757d;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:2rem;padding:1rem;text-align:center}[data-theme=dark] .error-message{background:#ef444426;border-color:#ef44444d}[data-theme=light]{color-scheme:light only}.content-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem;transition:all var(--transition-normal)}.content-section:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.section-separator{background:linear-gradient(90deg,transparent,var(--border-primary),transparent);border:none;height:1px;margin:var(--space-8) 0}.section-separator.with-icon{background:none;height:auto;margin:var(--space-6) 0;position:relative;text-align:center}.section-separator.with-icon:before{background:var(--surface-primary);border:2px solid var(--primary-200);border-color:var(--primary-700);border-radius:var(--radius-full);color:var(--primary-400);content:attr(data-icon);font-size:var(--text-lg);padding:var(--space-2) var(--space-4)}.section-separator.with-icon:after{background:var(--border-primary);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:-1}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center;transition:all .2s ease}.info-card:hover{border-color:var(--primary-300);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.info-card-icon{color:var(--primary-500);font-size:2rem;margin-bottom:.75rem}.info-card-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.info-card-description{color:#6b7280;font-size:.875rem;line-height:1.5}#goals-management-modal{align-items:center;display:flex;justify-content:center}#goals-management-modal .modal-fullscreen{left:auto;margin:0 auto;position:relative;top:auto;transform:none}#goals-management-modal .modal-body{max-height:80vh;overflow-y:auto;padding:var(--space-6)}.modal-actions-top{background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;gap:var(--space-3);justify-content:flex-end;margin-bottom:var(--space-6);padding:var(--space-4)}.help-icon[data-tooltip]{position:relative}.help-icon[data-tooltip]:hover:after{animation:fadeIn .1s ease-out;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-lg);color:var(--text-primary);content:attr(data-tooltip);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);white-space:nowrap}.help-icon[data-tooltip]:hover:after,.help-icon[data-tooltip]:hover:before{left:50%;position:absolute;transform:translate(-50%);z-index:10000}.help-icon[data-tooltip]:hover:before{border:5px solid transparent;border-top:5px solid var(--surface-primary);bottom:calc(100% - 5px);content:""}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.modal-footer{--tw-border-opacity:1;align-items:center;background:var(--color-surface,#fff);border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-top:1px solid #e5e7eb;bottom:0;display:flex;flex-shrink:0;gap:var(--spacing-sm);justify-content:flex-end;padding:1.5rem;position:sticky;z-index:1052}.modal-fullscreen>*{box-sizing:border-box;width:100%}#data-management-modal .modal-fullscreen,#goals-modal .modal-fullscreen{max-width:900px;width:95vw}#goals-management-modal .modal-fullscreen{max-width:1000px;width:95vw}#feedback-management-modal .modal-fullscreen{max-width:800px;width:90vw}#analytics-usage-modal .modal-fullscreen{max-width:600px;width:90vw}.mode-option{background:var(--color-surface,#fff);border:2px solid var(--color-border,#e5e7eb);border-radius:12px;cursor:pointer;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.mode-option.mode-active,.mode-option:hover{border-color:var(--color-primary,#4caf50)}.mode-option.mode-active{background:var(--color-primary-light,#e8f5e9);box-shadow:0 0 0 3px #4caf501a}[data-theme=dark] .mode-option{background:var(--color-surface,#1f2937);border-color:var(--color-border,#374151)}[data-theme=dark] .mode-option:hover{background:var(--color-hover,#374151)}[data-theme=dark] .mode-option.mode-active{background:#4caf501a}.mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.mode-header h4{color:var(--color-text,#1f2937);font-size:1.25rem;font-weight:600;margin:0}[data-theme=dark] .mode-header h4{color:var(--color-text,#f9fafb)}[data-theme=dark] .mode-features li{color:var(--color-text-secondary,#9ca3af)}.mode-features li:before{color:var(--color-primary,#4caf50);content:"\2713";font-size:1rem;font-weight:700}.matches-table-container,.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:1.5rem 0;overflow:hidden}.matches-table,.matches-table-container,.table,.table-container{background:var(--surface-primary,#fff)}.matches-table th,.table th{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1rem .75rem;text-align:center;text-transform:uppercase}.matches-table td,.table td{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:.875rem;padding:1rem .75rem;text-align:center;vertical-align:middle}.matches-table tbody tr{transition:all var(--transition-fast)}.matches-table tbody tr:hover{background:var(--surface-hover);box-shadow:0 2px 8px #0000001a;transform:scale(1.01)}[data-theme=dark] .matches-table{background:var(--surface-primary)}[data-theme=dark] .matches-table td{border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .matches-table tbody tr:hover{background:var(--surface-hover)}[data-theme=dark] .chart-card .chart-container,[data-theme=dark] .chart-card canvas{background:#fff;border-radius:var(--radius-md);padding:var(--space-3)}.analytics-section{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6)}[data-theme=dark] .section-header{border-color:var(--primary-700);color:var(--text-primary)}.profile-section-title{border-bottom:2px solid var(--primary-200);color:var(--primary-600);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4);padding-bottom:var(--space-2)}[data-theme=dark] .profile-section-title{border-color:var(--primary-700);color:var(--primary-400)}.profile-options-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-option{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast)}.profile-option:hover{background:var(--surface-hover);border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-option-title{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.profile-option-description{color:#6b7280;font-size:1rem;line-height:1.5}.match-form-section{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6)}.match-form-section h3{align-items:center;border-bottom:2px solid var(--primary-200);color:var(--primary-600);display:flex;font-size:var(--text-lg);font-weight:700;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}[data-theme=dark] .match-form-section h3{border-color:var(--primary-700);color:var(--primary-400)}.analytics-filters{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-5)}.bg-gray-50.rounded-lg.p-6{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.rounded-lg.p-6{background:var(--surface-secondary);border-color:var(--border-primary)}#level-system-modal{align-items:center;display:flex;justify-content:center}#level-system-modal .modal-fullscreen{left:auto;margin:0 auto;max-width:800px;position:relative;top:auto;transform:none;width:95vw}#level-system-modal .modal-body{padding:var(--space-6);text-align:center}.feature-request-item{align-items:flex-start;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-5);transition:all var(--transition-fast)}.feature-request-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.feature-request-votes{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:80px;padding:var(--space-3)}.feature-request-content{flex:1}.feature-request-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.feature-request-description{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.vote-count{color:var(--primary-600);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-1)}.vote-buttons{display:flex;gap:var(--space-1)}.modal-sm .modal-fullscreen{max-width:400px;width:90vw}.modal-md .modal-fullscreen{max-width:600px;width:90vw}.modal-lg .modal-fullscreen{max-width:800px;width:95vw}.modal-xl .modal-fullscreen{max-width:var(--container-max-width,1000px);width:95vw}#match-detail-modal{align-items:center;display:flex;justify-content:center}#match-detail-modal .modal-fullscreen{max-width:var(--container-max-width,1000px);min-width:800px;width:95vw}#bug-report-modal,#feature-request-modal{align-items:center;display:flex;justify-content:center}#bug-report-modal .modal-fullscreen,#feature-request-modal .modal-fullscreen{left:auto;margin:0 auto;max-width:600px;position:relative;top:auto;transform:none;width:90vw}.matches-table th.sortable{cursor:pointer;position:relative;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.matches-table th.sortable:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))}.sort-indicator{font-size:var(--text-xs);margin-left:var(--space-1);opacity:.7}.matches-table-container{margin:0 auto;max-width:100%}[data-theme=dark] .section-title,[data-theme=dark] h2.section-title{color:var(--primary-400)}#match-detail-modal .modal-content{padding:var(--spacing-md)}#match-detail-modal .info-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-md)}#match-detail-modal .info-item{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-sm)}#match-detail-modal .info-item strong{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:2px}#match-detail-modal .info-item span{color:var(--color-text-primary);font-size:var(--font-size-base)}.level-system-info{max-width:100%}.current-level-section{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--space-6)}.level-icon{font-size:2.5rem}.level-details{text-align:left}.level-number{color:var(--primary-600);font-size:var(--text-xl);font-weight:700}.level-name{color:var(--text-secondary);font-size:var(--text-base);font-weight:500}.levels-table-section{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.level-icon-small{font-size:1.25rem;margin-right:var(--space-2)}.table-active{background-color:var(--primary-50)}.points-info-section .info-card{background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);height:100%;padding:var(--space-4)}.points-info-section .info-card h6{color:var(--text-primary);font-weight:600;margin-bottom:var(--space-3)}.points-info-section .info-card ul{margin:0;padding-left:var(--space-4)}.points-info-section .info-card li{color:var(--text-secondary);margin-bottom:var(--space-1)}[data-theme=dark] .current-level-section{background:linear-gradient(135deg,var(--primary-900),var(--primary-800));border-color:var(--primary-600)}[data-theme=dark] .level-badge{background:var(--surface-primary)}[data-theme=dark] .level-number{color:var(--primary-400)}[data-theme=dark] .table-active{background-color:var(--primary-900)}[data-theme=dark] .levels-table-section{background:var(--surface-secondary)}[data-theme=dark] .points-info-section .info-card{background:var(--surface-primary)}.error-screen{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.error-screen-container{max-width:500px;width:100%}.error-screen-content{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:2rem;text-align:center}.error-icon{color:#dc3545;font-size:4rem;margin-bottom:1rem}.error-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-details-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:1rem;padding:1rem;text-align:left}.error-technical-info{color:#495057;font-weight:500;margin-bottom:.5rem}.error-suggestions{margin:0;padding-left:1.5rem}.error-suggestions li{color:#6c757d;font-size:.9rem;margin-bottom:.25rem}.clickable-option{cursor:pointer;transition:all .2s ease}.clickable-option.active{box-shadow:0 0 0 2px #10b98180}[data-theme=dark] .mode-note{background:#eab3081a;border-color:#eab3084d}[data-theme=dark] .note-text{color:#fbbf24}input[type=checkbox]{--tw-bg-opacity:1;--tw-border-opacity:1;--tw-text-opacity:1;background:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:2px solid #d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.25rem;color:rgb(22 163 74/var(--tw-text-opacity,1));cursor:pointer;height:1rem;position:relative;transition:all .2s ease;width:1rem}input[type=checkbox]:checked:after{color:#fff;content:"\2713";font-size:.875rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-theme=dark] .profile-analytics-card,[data-theme=dark] .profile-option-card{background:#1f2937;border-color:#374151}[data-theme=dark] .content-section,[data-theme=dark] .info-card{background:#1f2937;border-color:#374151;color:#f9fafb}.floating-button-container{align-items:center;bottom:2rem;display:flex;flex-direction:column;gap:.75rem;left:50%;pointer-events:auto;position:fixed;transform:translate(-50%);z-index:1060}.modal .floating-button-container{bottom:2rem;left:50%;position:absolute;transform:translate(-50%);z-index:1061}.modal-content,.modal-fullscreen{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}[data-theme=dark] .modal-content,[data-theme=dark] .modal-fullscreen{background:#1f2937}[data-theme=dark] .chart-card canvas{background:#fff;border-radius:8px}.landing-container{align-items:center;background:linear-gradient(135deg,var(--bg-primary),var(--surface-primary));display:grid;justify-content:center;min-height:100vh;overflow-x:hidden;position:relative}.landing-container:before{background:radial-gradient(circle at 20% 80%,rgba(102,187,106,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,213,79,.1) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.landing-container>*{position:relative;z-index:2}.landing-hero{align-items:center;background:var(--primary-700);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.hero-content,.landing-hero{color:#fff;text-align:center}.hero-content{max-width:1000px;width:100%}.ball-animation{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:1rem;position:relative}.ball{animation:simpleBounce 1.5s ease-in-out infinite;font-size:3rem}.hero-title{color:#fff;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin-bottom:.5rem;margin-top:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{color:#fff;font-size:clamp(1.125rem,4vw,1.25rem);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:650px;opacity:.95}.landing-theme-toggle{position:absolute;right:1rem;top:1rem;z-index:20}.scroll-indicator{bottom:2rem;left:50%;position:absolute;transform:translate(-50%);z-index:10}.immediate-value-section{background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:1rem;color:#fff;margin-bottom:4rem;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.immediate-title{color:#fff;font-size:clamp(1.5rem,5vw,2.25rem);font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.value-subtitle{color:#fff;font-size:1.125rem;font-weight:400;margin-bottom:1.5rem;opacity:.9}.quick-benefits{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.benefit-item{backdrop-filter:blur(10px);background:#ffffff26;border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.content-container{margin:0 auto;max-width:1000px;padding:0 1rem}.content-title{color:var(--text-primary);font-size:clamp(1.875rem,6vw,2.5rem);font-weight:700;margin-bottom:var(--space-8);text-align:center}.content-title,.stats-section{margin-bottom:1rem}.stats-two-columns{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.stats-three-columns{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%}.feature-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.feature-card,.support-section{padding:var(--space-4);text-align:center}.support-section{backdrop-filter:blur(10px);background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-top:1.5rem}.support-note{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:0}.support-link{color:var(--primary-500);font-weight:500;text-decoration:underline;transition:color .3s ease}.landing-footer,.support-link:hover{background:var(--primary-700);color:#fff}.landing-footer-container{margin:0 auto;max-width:1000px;padding:1rem;text-align:center}[data-theme=dark] .main-content{background:var(--color-background,#111827)}[data-theme=dark] .content-section{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .section-title{color:#f9fafb}[data-theme=dark] .info-card{background:#374151;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .info-card-title{color:#f9fafb}[data-theme=dark] .info-card-description{color:#d1d5db}[data-theme=dark] .widget-card{background:#374151;border-color:#6b7280;color:#f9fafb}.widget-content{flex:1}[data-theme=dark] .widget-number{color:#f9fafb}[data-theme=dark] .widget-label{color:#d1d5db}[data-theme=dark] .goal-status-completed{background:#166534;color:#dcfce7}[data-theme=dark] .goal-status-progress{background:#92400e;color:#fef3c7}.modal-centered,.modal-fullscreen{margin:0 auto;max-width:800px;width:90vw}.modal-fullscreen{--tw-bg-opacity:1;background:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:12px;display:flex;flex-direction:column;inset:0;max-height:100vh;overflow:hidden;z-index:1051}[data-theme=dark] .modal-fullscreen{background:#1f2937}[data-theme=dark] .matches-table-container,[data-theme=dark] .table-container{background:#1f2937;border-color:#374151}.matches-table,.table{border-collapse:collapse;margin:0;width:100%}[data-theme=dark] .matches-table td,[data-theme=dark] .table td{border-bottom-color:#374151;color:#f9fafb}.matches-table tbody tr:hover,.table tbody tr:hover{background:#f3f4f6}[data-theme=dark] .matches-table tbody tr:hover,[data-theme=dark] .table tbody tr:hover{background:#374151}.chart-card,.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}[data-theme=dark] .chart-card,[data-theme=dark] .chart-container{background:#1f2937;border-color:#374151}[data-theme=dark] .chart-header{border-bottom-color:#374151}.chart-header h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}[data-theme=dark] .chart-header h4{color:#f9fafb}[data-theme=dark] .chart-header p{color:#d1d5db}[data-theme=dark] .chart-container canvas{background:#fff;border-radius:8px}[data-theme=dark] .advanced-stat-card{background:#374151;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .stat-number{color:#f9fafb}[data-theme=dark] .stat-label{color:#d1d5db}.stat-detail,[data-theme=dark] .stat-detail{color:#9ca3af}.profile-view{margin:0 auto;max-width:1000px;padding:1.5rem}[data-theme=dark] .profile-header{background:#1f2937;border-color:#374151}.profile-analytics-card,.profile-option-card{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;gap:1.5rem;min-height:140px;padding:2rem;transition:all .3s ease}.profile-analytics-card:hover,.profile-option-card:hover{border-color:#22c55e;box-shadow:0 8px 25px #22c55e26;transform:translateY(-4px) scale(1.02)}[data-theme=dark] .profile-analytics-card:hover,[data-theme=dark] .profile-option-card:hover{border-color:#22c55e;box-shadow:0 8px 25px #22c55e40}.profile-option-content{flex:1}[data-theme=dark] .profile-option-title{color:#f9fafb}[data-theme=dark] .profile-option-description{color:#d1d5db}.theme-selector{margin-top:1rem}.grid-auto-2,.grid-auto-3{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(1,minmax(0,1fr))}.grid-auto-3,.grid-auto-4{display:grid;gap:1rem}.grid-auto-4{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(1,minmax(0,1fr))}input[type=checkbox]:checked{background:#22c55e;border-color:#22c55e}[data-theme=dark] input[type=checkbox]{--tw-bg-opacity:1;--tw-border-opacity:1;background:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));border-color:rgb(75 85 99/var(--tw-border-opacity,1))}[data-theme=dark] input[type=checkbox]:checked{--tw-bg-opacity:1;--tw-border-opacity:1;background:#22c55e;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.modal,.modal-header{align-items:center;display:flex;top:0}.modal-body,.modal-footer{padding:1.5rem}[data-theme=dark] .progress-bar{background:#6b7280}[data-theme=dark] .empty-state,[data-theme=dark] .progress-text{color:#d1d5db}.sr-only{border:0;border-width:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.slide-up{animation:slideUp .3s ease-out}.help-icon[data-tooltip]:hover:after,.help-icon[data-tooltip]:hover:before,[data-tooltip]:active:after,[data-tooltip]:focus:after{display:none}[data-tooltip]{position:relative}[data-tooltip]:hover:after{animation:fadeIn .2s ease-out;background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:.875rem;padding:.5rem .75rem;white-space:nowrap}[data-tooltip]:hover:after,[data-tooltip]:hover:before{left:50%;position:absolute;transform:translate(-50%);z-index:1070}[data-tooltip]:hover:before{border:6px solid transparent;border-top-color:#1f2937;bottom:calc(100% + 2px);content:""}.paddle-management-content .add-paddle-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);transition:var(--transition)}.paddle-management-content .add-paddle-section:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.paddle-management-content #add-paddle-form{align-items:flex-end;display:flex;gap:var(--spacing-md)}.paddle-management-content #add-paddle-form>div{flex:1}.paddle-management-content #add-paddle-form input{width:100%}.paddle-management-content #add-paddle-form button[type=submit]{white-space:nowrap}.paddle-management-content .paddle-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition)}.paddle-management-content .paddle-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.paddle-management-content .paddle-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.support-header{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center}.support-header,.support-options{margin-bottom:var(--spacing-xl)}.support-options h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:600}.support-option{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition)}.support-option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.support-option .flex{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.support-option h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.support-option p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.support-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:var(--transition)}.support-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.support-card h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.support-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.support-analytics-section,.transparency-info{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.transparency-info h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.transparency-info ul{list-style:none;margin:0;padding:0}.transparency-info li{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-sm)}.feedback-header,.feedback-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.feedback-item-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.feedback-icon{flex-shrink:0;font-size:2rem}.feedback-item-content{flex:1}.feedback-item-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.feedback-item-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-md)}.feedback-item-meta{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-md)}.feedback-status{background:var(--color-surface);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem}.progress-section{margin-top:var(--spacing-sm)}.modal-footer-actions{margin-top:1rem;text-align:end}::backdrop{--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-blur: ;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-brightness: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-size: ;--tw-contain-style: ;--tw-contrast: ;--tw-drop-shadow: ;--tw-gradient-from-position: ;--tw-gradient-to-position: ;--tw-gradient-via-position: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-numeric-figure: ;--tw-numeric-fraction: ;--tw-numeric-spacing: ;--tw-ordinal: ;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-inset: ;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-rotate:0;--tw-saturate: ;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-sepia: ;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-skew-x:0;--tw-skew-y:0;--tw-slashed-zero: ;--tw-translate-x:0;--tw-translate-y:0}:host,html{-moz-text-size-adjust:100%;text-size-adjust:100%}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280}input::placeholder,textarea::placeholder{color:#6b7280}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-color:#2563eb;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-width:0px;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;vertical-align:middle;width:1rem}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-color:#2563eb;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-width:2px;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentcolor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentcolor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentcolor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentcolor;border-color:transparent}[type=file]:focus{outline:1px auto -webkit-focus-ring-color}.form-select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem}.form-checkbox,.form-radio{--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;vertical-align:middle;width:1rem}.form-checkbox:focus,.form-radio:focus{--tw-ring-color:#2563eb;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-width:2px;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.form-checkbox:checked,.form-radio:checked{background-color:currentcolor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}.form-checkbox:checked:focus,.form-checkbox:checked:hover,.form-radio:checked:focus,.form-radio:checked:hover{background-color:currentcolor;border-color:transparent}.form-checkbox:indeterminate{background-color:currentcolor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}.form-checkbox:indeterminate:focus,.form-checkbox:indeterminate:hover{background-color:currentcolor;border-color:transparent}.support-option .modal{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.modal-overlay{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#00000080;inset:0;justify-content:center;position:fixed;z-index:1050}.modal-overlay,.support-option .modal-overlay{align-items:center;display:flex}.support-option .modal-fullscreen,.support-option .modal-overlay{gap:var(--spacing-md);justify-content:space-between}.support-option .modal-fullscreen{align-items:center;display:flex}.modal-centered{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-left:1rem;margin-right:1rem;max-height:100vh;max-width:28rem;overflow-y:auto;width:100%}.action-buttons .modal-content,.modal-content{width:100%}.action-buttons .modal-content{flex:1 1 100%}.bg-gray-50.modal-content.p-6{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.modal-content.p-6{background:var(--surface-secondary);border-color:var(--border-primary)}.support-option .modal-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.modal-content:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.modal-title{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.75rem}.form-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.form-input::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.action-buttons .form-input{flex:1 1 100%;width:100%}.form-input.error,.form-select.error{--tw-bg-opacity:1;--tw-border-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.form-input.error:focus,.form-select.error:focus{--tw-border-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1));--tw-ring-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.form-textarea::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.form-textarea::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.action-buttons .form-textarea{flex:1 1 100%;width:100%}.form-textarea:focus{--tw-border-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px}.form-error,.form-help{--tw-text-opacity:1;font-size:var(--font-size-sm);line-height:1.25rem}.form-checkbox:focus{--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-opacity:1;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}[data-theme=dark] .form-checkbox{--tw-bg-opacity:1;--tw-border-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));border-color:rgb(75 85 99/var(--tw-border-opacity,1))}[data-theme=dark] .form-checkbox:checked{--tw-bg-opacity:1;--tw-border-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));border-color:rgb(22 163 74/var(--tw-border-opacity,1))}[data-theme=dark] .form-checkbox:focus{--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-color:#1f2937;--tw-ring-opacity:1}input[type=checkbox]:focus{--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-opacity:1;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}[data-theme=dark] input[type=checkbox]:focus{--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-color:#1f2937;--tw-ring-opacity:1}.translate-x-1,.translate-x-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position)}.from-green-900{--tw-gradient-from:#14532d var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(20,83,45,0) var(--tw-gradient-to-position)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position)}.from-yellow-50{--tw-gradient-from:#fefce8 var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsla(55,92%,95%,0) var(--tw-gradient-to-position)}.from-yellow-900{--tw-gradient-from:#713f12 var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(113,63,18,0) var(--tw-gradient-to-position)}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.text-primary-600{--tw-text-opacity:1;color:rgb(56 142 60/var(--tw-text-opacity,1))}.antialiased{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-green-500{--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-opacity:1}.ring-yellow-300{--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1));--tw-ring-opacity:1}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgb(0 0 0/6%))}.hover\:border-green-400:hover{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-opacity:1}.focus\:ring-green-500:focus{--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-opacity:1}.focus\:ring-red-500:focus{--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1));--tw-ring-opacity:1}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.dark\:border-yellow-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(161 98 7/var(--tw-border-opacity,1))}.dark\:bg-yellow-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(133 77 14/var(--tw-bg-opacity,1))}.dark\:from-yellow-900\/20:is(.dark *){--tw-gradient-from:rgba(113,63,18,.2) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(113,63,18,0) var(--tw-gradient-to-position)}.dark\:to-orange-900\/20:is(.dark *){--tw-gradient-to:rgba(124,45,18,.2) var(--tw-gradient-to-position)}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-green-100:is(.dark *){--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity,1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.dark\:text-yellow-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity,1))}.dark\:text-yellow-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}.notification{transition:opacity .1s ease-out}.notification.hide,.notification.show{transform:none}.notification-loading .notification-icon{animation:none}}@media(prefers-color-scheme:dark){.tooltip-popup{background:var(--color-surface-dark,#2d3748);border-color:var(--color-border-dark,#4a5568);color:var(--color-text-dark,#e2e8f0)}.tooltip-popup.tooltip-position-top:after{border-top-color:var(--color-surface-dark,#2d3748)}.tooltip-popup.tooltip-position-bottom:after{border-bottom-color:var(--color-surface-dark,#2d3748)}.tooltip-popup.tooltip-position-left:after{border-left-color:var(--color-surface-dark,#2d3748)}.tooltip-popup.tooltip-position-right:after{border-right-color:var(--color-surface-dark,#2d3748)}:root:not([data-theme=light]){--color-accent:#4ade80;--color-background:#0f172a;--color-border:#475569;--color-disabled:#64748b;--color-error:#ef4444;--color-hover:#475569;--color-primary:#4ade80;--color-primary-dark:#22c55e;--color-primary-light:#65f387;--color-success:#22c55e;--color-surface:#1e293b;--color-text:#fff;--color-text-secondary:#e2e8f0;--color-warning:#f59e0b;color-scheme:dark only}.error-screen{background:linear-gradient(135deg,#2c3e50,#34495e)}.error-screen-content{background:#343a40;border-color:#495057}.error-title{color:#f8f9fa}.error-message{color:#adb5bd}.error-details{border-color:#495057}.error-details-content{background:#495057;border-color:#6c757d}.error-technical-info{color:#f8f9fa}.error-suggestions li{color:#adb5bd}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-bar{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #007bff66}70%{box-shadow:0 0 0 8px #007bff00}to{box-shadow:0 0 #007bff00}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes simpleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounceIndicator{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media(width<=480px){.match-form-sticky-footer{padding:.75rem}.footer-actions{flex-direction:column;gap:.5rem}.footer-actions button{width:100%}.profile-analytics-card,.profile-option-card{gap:1rem;min-height:100px;padding:1rem}.header-content{padding:var(--spacing-sm) var(--spacing-md)}.nav{padding:var(--spacing-xs)}.header-container{padding:0 var(--spacing-sm)}.nav-desktop{gap:2px}.header-brand h1{font-size:var(--font-size-base)}.nav-text{display:none}.nav-icon{font-size:1.4em}.filters-container{padding:var(--spacing-md)}.filters-header h3{font-size:var(--font-size-lg)}.form-grid-important{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stats-flex-important{display:flex}.header-content h1{font-size:var(--font-size-base)}.analytics-container{padding:0}.advanced-stats,.chart-card,.recommendations{border-left:none;border-radius:0;border-right:none;margin-left:calc(var(--spacing-md)*-1);margin-right:calc(var(--spacing-md)*-1)}.chart-container{height:200px}.chart-card-wide .chart-container{height:250px}.form-section{border-left:none;border-radius:0;border-right:none}#onboarding-step .form-section{padding:var(--spacing-md)}.fallback-content,.storage-actions,.storage-modal-content{flex-direction:column}.fallback-content{gap:var(--spacing-sm);text-align:center}.notifications-container{left:var(--spacing-sm);max-width:none;right:var(--spacing-sm);top:var(--spacing-sm)}.notification{transform:translateY(-100%)}.notification.show{transform:translateY(0)}.notification.hide{transform:translateY(-100%)}.statistics-grid{grid-template-columns:1fr 1fr}.hero-icon{font-size:3rem}.stat-label{font-size:.8rem}.mode-option{padding:var(--spacing-md)}.choice-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.danger-zone,.data-action-card,.data-overview-section{padding:1rem}.stat-card{gap:var(--spacing-xs);padding:.75rem;text-align:center}.action-buttons,.stat-card{flex-direction:column}.data-stats-grid{grid-template-columns:1fr 1fr}.action-header{gap:.75rem}.action-icon{font-size:1.25rem}.floating-button-container,.modal .floating-button-container{bottom:.75rem;left:50%;transform:translate(-50%)}.support-note{font-size:.875rem}.content-section{padding:1rem}.profile-option-icon{font-size:2rem}.profile-option-title{font-size:1rem;margin-bottom:.5rem}.profile-option-description{font-size:.8125rem}}@media(width<=768px){.profile-header{padding:0}.hero-subtitle,.profile-header{margin-bottom:1rem}.immediate-title{margin-bottom:.5rem}.feature-icon{font-size:1.5rem;margin-bottom:0}.data-management-container{padding:var(--spacing-md)}.button-group{flex-direction:column}.section-header{gap:.75rem}.match-form-sticky-footer{padding:1rem}.notifications-container{right:var(--spacing-md);top:70px;width:320px}.notification{width:100%!important}.footer-actions{flex-wrap:wrap;gap:.5rem;justify-content:center}#match-detail-modal .modal-fullscreen{min-width:95vw;width:95vw}#match-detail-modal .info-grid{grid-template-columns:1fr}.profile-analytics-card,.profile-option-card{min-height:120px;padding:1.5rem}.header-content{padding:var(--spacing-md)}.header h1{font-size:var(--font-size-xl)}.set-item{gap:var(--spacing-sm);max-width:none}.set-side{justify-content:center}.evaluation-grid{grid-template-columns:1fr}.evaluation-item{align-items:stretch;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);text-align:center}.evaluation-controls{margin-top:0}.header-brand h1{font-size:var(--font-size-lg)}.nav-desktop{display:contents;gap:var(--spacing-xs)}.filters-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.filters-grid.compact{display:grid;gap:var(--spacing-xs);grid-template-columns:1fr 1fr}.filter-group{margin-bottom:var(--spacing-sm)}.filter-label{font-size:var(--font-size-xs);margin-bottom:2px}.form-input,.form-select{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.breadcrumb-container{padding:0 var(--spacing-sm)}.breadcrumb-item.current .breadcrumb-label{display:inline}.help-message{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.help-message kbd{display:none}.section-header-with-help{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.sets-inline{flex-direction:column;gap:var(--spacing-md)}.home-view{padding:.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.modal-close{font-size:1.5rem;height:44px;padding:8px;width:44px}.modal-body{padding:24px}.diagnostic-summary,.info-grid,.storage-stats{grid-template-columns:1fr}.diagnostic-actions,.storage-actions,.system-info-actions,.test-result{flex-direction:column}.test-result{align-items:flex-start}.form-actions{flex-direction:column}.stats-flex-important{display:flex}.player-stats{grid-template-columns:repeat(2,1fr)}.feature-group{grid-template-columns:1fr}.table{font-size:var(--font-size-sm)}.date-display{display:none}.date-mobile{display:block}.result-desktop{display:none}.result-mobile{display:inline;font-size:1rem}.empty-actions{align-items:center;flex-direction:column}.detail-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.info-grid{gap:var(--space-3);grid-template-columns:1fr}.info-item{align-items:stretch;flex-direction:column;gap:var(--spacing-xs);text-align:center}.sets-grid{grid-template-columns:1fr}.evaluation-detail{align-items:stretch;flex-direction:column;gap:var(--spacing-xs);text-align:center}.analytics-grid{display:block;gap:var(--spacing-sm);grid-template-columns:1fr}.chart-container{height:250px}.chart-card-wide .chart-container{height:300px}.partner-stats{display:grid;gap:.5rem;justify-content:center}.games-info{display:grid;grid-template-columns:repeat(2,1fr)}.advanced-stat-card{flex-direction:column;gap:var(--spacing-sm);text-align:center}.stat-icon{font-size:1.5rem;height:50px;width:50px}.recommendation-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.recommendation-icon{align-self:center}.form-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.form-row .form-group{margin-bottom:var(--spacing-md)}.critical-error-container{padding:var(--spacing-md)}.critical-error-content{padding:var(--spacing-lg)}.error-actions{align-items:center;flex-direction:column}.action-buttons{align-items:stretch;flex-direction:column;gap:2px}.statistics-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem;margin-bottom:0}.stat-label{font-size:var(--font-size-xs)}.filters-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.theme-toggle .theme-text{display:none}.settings-container{padding:0}.settings-section{border-left:none;border-radius:0;border-right:none;margin-left:calc(var(--spacing-lg)*-1);margin-right:calc(var(--spacing-lg)*-1)}.setting-item{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.advanced-stat-card,.recommendation-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.achievements-container,.profile-container{padding:0}.achievement-category{border-left:none;border-radius:0;border-right:none}.quick-actions{grid-template-columns:repeat(2,1fr)}.notifications-container{left:var(--spacing-sm);max-width:none;right:var(--spacing-sm);top:60px}.quick-analysis{grid-template-columns:1fr}.sets-actions{align-items:stretch}.data-buttons-row{flex-direction:column}.skills-grid.two-columns{grid-template-columns:1fr}.skills-container.two-columns{gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.evaluation-label{font-size:var(--font-size-sm)}.partner-cell{display:none}.result-cell{max-width:60px;min-width:50px;padding:var(--spacing-xs) .25rem}.result-badge{font-size:.75rem;min-width:50px;padding:.25rem .5rem}.destacado-cell{padding:var(--spacing-xs) .25rem;width:40px}.destacado-badge{font-size:1rem}.date-cell{min-width:70px}.date-cell,.type-cell{padding:var(--spacing-xs) .5rem}.match-type{font-size:.75rem;padding:.25rem .5rem}.matches-table td,.matches-table th{font-size:.8rem;padding:.5rem .25rem}.matches-table th.destacado-header,.matches-table th.result-header{font-size:1rem}.matches-table th.destacado-header:before,.matches-table th.result-header:before{content:none}.comparative-grid,.predictions-grid{grid-template-columns:1fr}.comparative-item{align-items:flex-start;flex-direction:column;gap:.5rem}.comparative-stats{align-items:center;flex-direction:row}.comparative-trend{margin-left:0}.current-goal-item{align-items:flex-start;flex-direction:column;gap:1rem}.available-goals-grid,.landing-options{grid-template-columns:1fr}.evaluation-header{text-align:center}.hero-features{gap:1rem}.hero-actions,.hero-features{align-items:center;flex-direction:column}.paddle-item{align-items:stretch;flex-direction:column;gap:.75rem}.paddle-actions{justify-content:center}.backup-item{align-items:stretch;flex-direction:column;gap:.75rem}.backup-actions{justify-content:center}.storage-usage-section{padding:1rem}.storage-breakdown,.storage-progress-container{padding:.75rem}.sets-container.sets-inline{flex-direction:column;gap:var(--spacing-sm)}.set-games{flex-direction:row;justify-content:center}.set-games input{font-size:1.1em;height:35px;width:50px}.modal{padding:0}.evaluation-tap-cycle{min-width:60px;padding:8px 12px}.additional-details-row-1{grid-template-columns:repeat(2,1fr)}.additional-details-row-2{gap:var(--spacing-md);grid-template-columns:1fr}.destacado-group{min-width:auto;width:100%}.strengths-weaknesses-grid{gap:1rem;grid-template-columns:1fr}.modal-xl .modal-content{margin:1rem;max-width:none;width:95vw}.categories-grid{grid-template-columns:1fr}.evolution-timeline{gap:.5rem}.timeline-point{min-width:80px;padding:.5rem}.feedback-item{flex-direction:column;gap:1rem}.feedback-actions{align-self:flex-end}.consent-banner-content{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.consent-banner-text{font-size:.85rem;text-align:center}.consent-banner-actions{justify-content:center}.consent-info-panel .row{margin:0}.consent-info-panel .col-md-6{padding:.5rem 0}.data-actions-grid,.data-stats-grid,.storage-details{grid-template-columns:1fr}.storage-details{gap:1rem}.action-header{align-items:center;flex-direction:column;gap:var(--spacing-sm);text-align:center}.action-icon{font-size:2rem}.danger-actions{align-items:center;flex-direction:column}.explanation-grid,.levels-grid,.tips-grid{grid-template-columns:1fr}.level-badge-large{flex-direction:column;gap:var(--spacing-sm)}.level-badge-large .level-icon{font-size:2.5rem}.data-actions-grid{gap:1rem;grid-template-columns:1fr}.last-backup{text-align:left}.backup-title{justify-content:flex-start}.evaluation-group{flex-wrap:wrap;gap:6px;margin:10px 0 14px;padding:4px}.content-section{margin-bottom:1.5rem;padding:1.5rem}.section-title{font-size:var(--text-lg)}[data-tooltip]:active:after,[data-tooltip]:focus:after{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-lg);color:var(--text-primary);content:attr(data-tooltip);font-size:var(--text-sm);left:50%;padding:var(--space-2) var(--space-3);position:absolute;transform:translate(-50%);white-space:nowrap;z-index:10000}.error-screen{padding:.5rem}.error-screen-content{padding:1.5rem}.error-icon{font-size:3rem}.error-title{font-size:1.25rem}.floating-button-container{bottom:1rem;left:50%;transform:translate(-50%)}.modal-content{max-height:95vh;max-width:95vw;width:95vw}.modal .floating-button-container{bottom:1rem;left:50%;transform:translate(-50%)}.landing-hero{padding:1rem .5rem}.ball-animation{height:60px}.ball{font-size:2rem}.immediate-value-section{margin-bottom:3rem;padding:2rem 1rem}.quick-benefits{align-items:center;flex-direction:column;margin-top:1rem}.benefit-item{width:-moz-fit-content;width:fit-content}.features-grid{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-content,.landing-footer{padding:0}.landing-theme-toggle{right:.5rem;top:.5rem}.profile-option-icon{font-size:2.5rem}.profile-option-title{font-size:1.125rem}.profile-option-description{font-size:.875rem}.grid-auto-2,.grid-auto-3,.grid-auto-4{grid-template-columns:1fr}.paddle-management-content #add-paddle-form{flex-direction:column}.paddle-management-content #add-paddle-form button[type=submit]{width:100%}.paddle-management-content .paddle-item{align-items:flex-start;flex-direction:column}.paddle-management-content .paddle-actions{flex-direction:column;width:100%}.paddle-management-content .paddle-actions button{width:100%}.support-option .flex{align-items:flex-start;flex-direction:column}.support-option button{width:100%}.feedback-actions,.feedback-item-header{flex-direction:column}.feedback-actions button{width:100%}.support-option .modal,.support-option .modal-content,.support-option .modal-footer,.support-option .modal-fullscreen,.support-option .modal-header,.support-option .modal-overlay{align-items:flex-start;flex-direction:column}.profile-header .progress-text{padding-top:0}@keyframes pulse{0%{box-shadow:0 0 #007bff4d}70%{box-shadow:0 0 0 4px #007bff00}to{box-shadow:0 0 #007bff00}}}@media(width>=768px)and (width<=1023px){.evaluation-controls{gap:4px}.actions-grid{grid-template-columns:repeat(2,1fr)}#match-detail-modal .modal-fullscreen{min-width:90vw;width:90vw}#match-detail-modal .info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.result-cell{min-width:70px;padding:var(--spacing-xs) .5rem}.destacado-cell{width:60px}.matches-table td,.matches-table th{font-size:.85rem;padding:.75rem .5rem}.grid-auto-2,.grid-auto-3,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-options-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mode-options{grid-template-columns:1fr 1fr}.defaults-summary{align-items:flex-start;flex-direction:row}.match-detail-view,[data-testid=analytics-view],[data-testid=home-view],[data-testid=match-form-view],[data-testid=match-list-view],[data-testid=profile-view]{min-width:600px}}@media(width>=1024px){.match-detail-view,[data-testid=analytics-view],[data-testid=home-view],[data-testid=match-form-view],[data-testid=match-list-view],[data-testid=profile-view]{min-width:800px}.data-management-container{max-width:1200px}.container{max-width:1024px}.grid-auto-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=1280px){.container{max-width:1280px}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn{align-items:center;border:2px solid transparent;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:500;gap:.5rem;justify-content:center;line-height:1;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.btn:hover:before{left:100%}.btn-primary{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-text-opacity:1;align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background-color:rgb(34 197 94/var(--tw-bg-opacity,1));border:1px solid transparent;border-radius:var(--border-radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity,1));cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.5rem;justify-content:center;line-height:1.25rem;min-width:120px;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary:hover{--tw-bg-opacity:1;background:linear-gradient(135deg,#16a34a,#15803d);background-color:rgb(22 163 74/var(--tw-bg-opacity,1));border-color:var(--color-primary-dark);box-shadow:0 4px 8px #22c55e4d;color:#fff;transform:translateY(-1px)}.btn-secondary{--tw-bg-opacity:1;--tw-border-opacity:1;--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-text-opacity:1;align-items:center;background:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:2px solid #e5e7eb;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:var(--border-radius);border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(55 65 81/var(--tw-text-opacity,1));cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;line-height:1.25rem;min-width:120px;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{--tw-bg-opacity:1;background:#f3f4f6;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));border-color:#4caf50;box-shadow:0 6px 20px #ff6f0066;color:#2e7d32;transform:translateY(-2px)}.btn-outline{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background:transparent;background-color:transparent;border:2px solid var(--primary-500);border-color:rgb(134 239 172/var(--tw-border-opacity,1));border-radius:var(--border-radius);border-width:1px;color:rgb(22 163 74/var(--tw-text-opacity,1));display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;line-height:1.25rem;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-outline:hover{--tw-bg-opacity:1;--tw-border-opacity:1;background:#22c55e1a;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));border-color:rgb(74 222 128/var(--tw-border-opacity,1));color:var(--primary-200);transform:translateY(-2px)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-success,.btn-warning{box-shadow:var(--shadow-md)}.btn-warning{background:var(--color-warning);border-color:var(--color-warning);color:#333}.btn-danger{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-text-opacity:1;align-items:center;background:var(--color-error);background-color:rgb(220 38 38/var(--tw-bg-opacity,1));border-color:transparent;border-radius:var(--border-radius);border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity,1));display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.5rem;justify-content:center;line-height:1.25rem;min-width:120px;padding:var(--spacing-sm) var(--spacing-lg);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-sm{cursor:pointer;font-size:var(--font-size-xs);line-height:1rem;min-height:32px;padding:.375rem .75rem}.btn-icon{font-size:1.1em;font-weight:700;line-height:1;margin-right:var(--spacing-xs)}.btn-floating{align-items:center;backdrop-filter:blur(10px);background:#22c55e;background-color:#22c55e;border:none;border-radius:50px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-width:auto;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:var(--transition)}.btn-floating:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-floating:hover{background:#16a34a;background-color:#16a34a;box-shadow:0 10px 25px #22c55e80;transform:translateY(-2px)}.btn-floating:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}.btn-floating i{font-size:1.1em;margin-right:.5rem}.btn-floating .btn-text{display:inline;font-weight:600;letter-spacing:.025em}.btn-floating.btn-primary{background-color:#22c55e;box-shadow:var(--shadow-lg)}.btn-floating.btn-primary:hover{background-color:#16a34a}.btn-floating.btn-secondary{background-color:#6b7280;box-shadow:0 8px 25px #6b728066;color:#fff}.btn-floating.btn-secondary:hover{background-color:#4b5563}.btn-floating.btn-danger{background-color:#ef4444;box-shadow:0 8px 25px #ef444466}.btn-floating.btn-danger:hover{background-color:#dc2626}[data-theme=dark] .btn-floating{box-shadow:0 8px 25px #22c55e4d}[data-theme=dark] .btn-floating:hover{box-shadow:0 12px 30px #22c55e66}[data-theme=dark] .btn-floating.btn-secondary{box-shadow:0 8px 25px #6b72804d}[data-theme=dark] .btn-floating.btn-danger{box-shadow:0 8px 25px #ef44444d}[data-theme=dark] #configure-advanced-link.btn-outline{border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] #configure-advanced-link.btn-outline:hover{background-color:var(--color-hover);border-color:var(--color-text-secondary);color:var(--color-text)}.evaluation-btn{align-items:center;background:#fff;background-color:var(--color-border);border:2px solid #e0e0e0;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1;flex-direction:column;font-size:.85rem;font-weight:600;height:32px;justify-content:center;min-height:2.2em;min-width:90px;opacity:.6;overflow:hidden;padding:14px 10px;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:50px}#user-defaults-modal .evaluation-btn{width:42px}.evaluation-item-unselected .evaluation-btn{filter:grayscale(.35);opacity:.45}.evaluation-item-unselected .evaluation-btn.active{box-shadow:none;transform:none}.evaluation-btn-disabled,.evaluation-grid.is-disabled .evaluation-btn{cursor:not-allowed;opacity:.4}.evaluation-btn.solido.active{background:linear-gradient(135deg,#4caf50,#66bb6a);border-color:#4caf50;border-width:3px;box-shadow:0 4px 12px #4caf5066;color:#fff;transform:translateY(-2px)}.evaluation-btn.correcto.active{background:linear-gradient(135deg,#ff9800,#ffb74d);border-color:#ff9800;border-width:3px;box-shadow:0 4px 12px #ff980066;color:#fff;transform:translateY(-2px)}.evaluation-btn.trabajar.active{background:linear-gradient(135deg,#f44336,#ef5350);border-color:#f44336;border-width:3px;box-shadow:0 4px 12px #f4433666;color:#fff;transform:translateY(-2px)}.evaluation-btn:hover{background:#f8fbff;border-color:#4a90e2;box-shadow:0 4px 8px #00000014;opacity:1;transform:translateY(-2px)}.evaluation-btn.active:not(:hover){border-width:3px;box-shadow:0 0 0 2px #22c55e33}.evaluation-btn-bad{background:#ffebee;border-color:#e53935;color:#e53935}.evaluation-btn-bad.active{background:#e53935;color:#fff}.evaluation-btn-warn{background:#fffde7;border-color:#fbc02d;color:#fbc02d}.evaluation-btn-warn.active{background:#fbc02d;color:#fff}.evaluation-btn-good{background:#e8f5e9;border-color:#1e88e5;color:#1e88e5}.evaluation-btn-good.active{background:#1e88e5;color:#fff}.evaluation-btn-empty{border-color:#9ca3af;color:#9ca3af}.evaluation-btn-empty.active{background:#f3f4f6;border-color:#6b7280;color:#6b7280}.evaluation-tap-cycle.evaluation-btn-bad{background:#ffebee;border-color:#f44336;color:#f44336}.evaluation-tap-cycle.evaluation-btn-warn{background:#fff3e0;border-color:#ff9800;color:#ff9800}.evaluation-tap-cycle.evaluation-btn-good{background:#e8f5e9;border-color:#4caf50;color:#4caf50}.evaluation-tap-cycle.evaluation-btn-empty{background:#f9fafb;border-color:#9ca3af;color:#9ca3af}.evaluation-btn.active{animation:pulse 1.5s infinite;background:#fff;border-color:#007bff;border-width:3px;box-shadow:0 4px 12px #007bff33;color:#007bff;font-weight:700;opacity:1;transform:translateY(-3px)}[data-theme=dark] .evaluation-category .evaluation-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.evaluation-btn:before{background:transparent;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.evaluation-btn[data-value=solido].active{background:linear-gradient(135deg,#2ecc71,#1e88e5);border-color:#1e88e5;border-width:3px;box-shadow:0 4px 12px #1e88e559;color:#fff}.evaluation-btn[data-value=correcto].active{background:#9e9e9e;border-color:#9e9e9e;border-width:3px;box-shadow:0 4px 12px #9e9e9e59;color:#fff}.evaluation-btn[data-value=trabajar].active{background:#800020;border-color:#800020;border-width:3px;box-shadow:0 4px 12px #80002066;color:#fff}.evaluation-btn .evaluation-icon{display:block;height:20px;margin-bottom:6px;transition:transform .2s ease;width:20px}.evaluation-btn.active .evaluation-icon{transform:scale(1.1)}.evaluation-btn .label{font-size:.8rem;font-weight:600;letter-spacing:.5px;position:relative;text-transform:uppercase;z-index:1}.eval-default-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;min-width:24px;padding:2px 6px;text-align:center;transition:var(--transition);width:32px}.eval-default-btn:focus{outline:2px solid #3b82f6;outline-offset:1px}.eval-default-btn:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 2px 8px #0000001a;transform:scale(1.1)}.help-icon-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;padding:0;transition:var(--transition);width:28px}.help-icon-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.custom-mode-editor .btn{border-radius:var(--border-radius)}.config-complete-btn:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 12px #1b5e204d;transform:translateY(-1px)}.nav-btn{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-base);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:var(--transition-fast)}.nav-btn:hover{background:#22c55e0d}.nav-btn.active,.nav-btn:hover{border-radius:var(--border-radius);color:#166534}.nav-btn.active{background:#22c55e1a}.nav-btn.active:after{background:var(--color-primary);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:24px}.btn:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #22c55e;outline-offset:2px}.btn:hover{background:var(--color-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.help-icon-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.profile-option-btn:hover{background:var(--color-hover);border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.modal-back-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;min-width:40px;padding:var(--spacing-xs);transition:var(--transition)}.modal-back-btn:hover{background:var(--color-background-secondary);color:var(--color-primary)}.modal-close-btn:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background:#ef4444;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));color:rgb(220 38 38/var(--tw-text-opacity,1))}.modal-footer-actions .btn{font-size:.875rem;min-height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.modal-footer-actions .btn-icon{font-size:.875rem}#defaults-modal .btn{border-radius:var(--border-radius-lg);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition)}#defaults-modal .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;box-shadow:0 4px 12px #1b5e204d}#defaults-modal .btn-primary:hover{box-shadow:0 6px 16px #1b5e2066;transform:translateY(-2px)}.btn-settings:hover{background-color:#fff3;border-color:#fff6;transform:translateY(-1px)}.btn-close-banner{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:20px;padding:0;width:20px}.empty-state .btn{margin-top:var(--spacing-md)}.btn-danger:hover{--tw-bg-opacity:1;background:#d32f2f;background-color:rgb(185 28 28/var(--tw-bg-opacity,1));border-color:#d32f2f;color:#fff}.btn-achievements:hover,.btn-profile,.btn-profile:hover{background-color:#fff3;border-color:#fff6;transform:translateY(-1px)}.action-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-remove:hover{background-color:#f443361a}.btn-add-set:hover{background-color:#45a049;box-shadow:0 4px 12px #1b5e204d;transform:translateY(-2px)}.btn-add-set:active{transform:translateY(0)}.goal-remove-btn{padding:.25rem .5rem}.add-goal-btn{width:100%}.landing-option-card .btn{font-weight:600;padding:.75rem 1.5rem;width:100%}.btn,.btn:hover{text-decoration:none}.btn:active{transform:translateY(0)}.btn:active,.btn:disabled{box-shadow:var(--shadow-sm)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-outline,.btn-outline:hover{border-color:var(--color-primary)}.btn-success:hover{background:#388e3c;border-color:#388e3c;color:#fff}.btn-warning:hover{background:#ffb300;border-color:#ffb300;color:#333}.btn-group{display:inline-flex;gap:.5rem}.btn-group .btn{margin:0}.home-section .btn{margin-top:.5rem}.home-section .btn-sm{border-radius:6px;font-size:.8rem;padding:.4rem .8rem}.hero-actions .btn{min-width:160px}.landing-cta .btn{background:#fff;border-color:#fff;box-shadow:0 4px 12px #0003;color:var(--color-primary);font-size:1.1rem;font-weight:600;padding:1rem 2.5rem}.landing-cta .btn:hover{background:#f5f5f5;border-color:#f5f5f5;box-shadow:0 6px 16px #00000040;color:var(--color-primary-dark);transform:translateY(-2px)}.section-header .btn{flex-shrink:0}.onboarding-footer .btn{min-width:120px}[data-theme=dark] .btn{background:var(--btn-bg);border-color:var(--btn-border);color:var(--color-text)}[data-theme=dark] .btn:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-text)}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-primary:hover{color:#202124}[data-theme=dark] .nav-btn{color:var(--color-text-secondary)}[data-theme=dark] .nav-btn.active,[data-theme=dark] .nav-btn:hover{background:var(--color-hover);color:var(--color-primary)}[data-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.landing-actions .btn{border-radius:var(--border-radius-xl);font-size:var(--font-size-lg);font-weight:600;min-width:200px;padding:var(--spacing-lg) var(--spacing-xl);transition:var(--transition-slow)}.landing-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;box-shadow:0 8px 24px #1b5e204d}.landing-actions .btn-primary:hover{box-shadow:0 12px 32px #1b5e2066;transform:translateY(-3px)}.landing-actions .btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.landing-actions .btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.home-section-actions .btn{min-width:140px}.match-form-actions .btn{min-width:120px;padding:var(--spacing-md) var(--spacing-lg)}.profile-option-btn .option-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.consent-info-btn:hover{background:var(--color-hover);color:var(--color-text)}.dialog-actions .btn-outline{background:transparent;border-color:#6c757d;color:#6c757d}.dialog-actions .btn-outline:hover{background:#6c757d;color:#fff}.dialog-actions .btn-primary{background:#0d6efd;border-color:#0d6efd;color:#fff}.dialog-actions .btn-primary:hover{background:#0b5ed7;border-color:#0a58ca}.dialog-actions .btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.dialog-actions .btn-danger:hover{background:#c82333;border-color:#bd2130}[data-theme=dark] .faq-item-new.active .faq-question-btn,[data-theme=dark] .faq-question-btn:hover{background:var(--color-hover)}.action-buttons .btn-sm,.danger-actions .btn-danger{flex:1;min-width:0}.button-group .btn{flex:1;min-width:120px}[data-theme=dark] .btn,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}[data-theme=dark] .btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-close,.modal-close,[aria-label=Close]{align-items:center;background:var(--primary-900);border:2px solid var(--primary-300);border-color:var(--primary-700);border-radius:50%;color:var(--primary-300);display:flex;font-weight:700;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.btn-close:hover,.modal-close:hover,[aria-label=Close]:hover{background:var(--primary-600);color:#fff;transform:scale(1.1)}.btn-outline,.btn-secondary:hover{border-color:var(--primary-400);color:var(--primary-300)}.modal-footer .btn-danger,.modal-footer .btn-outline,.modal-footer .btn-primary,.modal-footer .btn-secondary{margin-left:.75rem}.modal-footer .btn-danger:first-child,.modal-footer .btn-outline:first-child,.modal-footer .btn-primary:first-child,.modal-footer .btn-secondary:first-child{margin-left:0}.modal-close-btn,.modal-header .btn-outline{flex-shrink:0;position:relative;z-index:1053}.vote-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.vote-btn:hover{background:var(--surface-hover);transform:scale(1.1)}.vote-btn.voted{background:var(--primary-500);border-color:var(--color-primary);color:var(--color-primary)}.level-info-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;height:1.25rem;justify-content:center;margin-left:.25rem;padding:.125rem;transition:all var(--transition-normal);width:1.25rem}.level-info-btn:hover{background-color:var(--primary-50);color:var(--primary-500);transform:scale(1.1)}.level-info-btn:focus{outline:2px solid var(--primary-300);outline-offset:2px}[data-theme=dark] .level-info-btn:hover{background-color:var(--primary-900);color:var(--primary-400)}.error-actions .btn-primary,.error-actions .btn-secondary{align-items:center;display:flex;gap:.5rem;justify-content:center;min-width:140px}.btn,.btn-close,.card:hover,.clickable,.info-card:hover,.modal-close,.nav-btn,.profile-analytics-card,[role=button],button{cursor:pointer}[data-theme=dark] .btn-secondary{background:#374151;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .btn-secondary:hover{background:#4b5563;border-color:#22c55e;color:#22c55e}.floating-button-container .btn-floating{bottom:auto;display:inline-flex;left:auto;position:relative;transform:none}.floating-button-container .btn-floating,.floating-button-container .btn-floating:hover{opacity:1;visibility:visible}.floating-button-container .btn-floating:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}.theme-toggle-btn{align-items:center;background:#ffffffe6;border:2px solid #22c55e;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#16a34a;cursor:pointer;display:flex;font-size:1.25rem;height:45px;justify-content:center;transition:var(--transition-slow);width:45px}.theme-toggle-btn:hover{background:#22c55e;box-shadow:0 6px 20px #00000026;color:#fff;transform:translateY(-2px)}.scroll-down-btn{align-items:center;animation:bounceIndicator 2s ease-in-out infinite;background:#ffffffe6;border:2px solid #22c55e;border-radius:50%;box-shadow:0 4px 20px #0000001a;color:#16a34a;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.scroll-down-btn:hover{background:#22c55e;box-shadow:0 6px 25px #00000026;color:#fff;transform:translateY(-2px)}.btn-hero,.hero-actions{align-items:center;display:flex}.btn-hero{border:none;border-radius:50px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2rem;transition:var(--transition-slow)}.btn-hero:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.btn-primary.btn-hero{background:#fff;color:#15803d}.btn-primary.btn-hero:hover{background:#f3f4f6;color:#166534}.btn-secondary.btn-hero{background:transparent;border:2px solid #fff;color:#fff}.btn-secondary.btn-hero:hover{background:#fff;color:#15803d}[data-theme=dark] .theme-toggle-btn{background:#000c;border-color:#22c55e;color:#22c55e}[data-theme=dark] .theme-toggle-btn:hover{background:#22c55e;color:#fff}[data-theme=dark] .scroll-down-btn{background:#000c;border-color:#22c55e;color:#22c55e}[data-theme=dark] .scroll-down-btn:hover{background:#22c55e;color:#fff}.floating-button-container .btn-floating:hover{transform:translateY(-2px)}.theme-btn:hover{background:#f0fdf4;border-color:#22c55e;color:#166534}[data-theme=dark] .theme-btn{background:#374151;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .theme-btn:hover{background:#166534;border-color:#22c55e;color:#dcfce7}.btn-outline,.btn-secondary{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:var(--border-radius);color:#374151;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;transition:var(--transition)}.btn-outline:hover,.btn-secondary:hover{background:#f3f4f6;border-color:#22c55e;color:#166534}[data-theme=dark] .btn-outline,[data-theme=dark] .btn-secondary{background:#374151;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .btn-outline:hover,[data-theme=dark] .btn-secondary:hover{background:#4b5563;border-color:#22c55e;color:#22c55e}.modal-close-btn{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border:none;border-radius:9999px;color:rgb(75 85 99/var(--tw-text-opacity,1));cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-xl);font-weight:600;height:2rem;justify-content:center;line-height:1.75rem;position:relative;transition:var(--transition);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem;z-index:1053}[data-theme=dark] .modal-close-btn{background:#4b5563;color:#d1d5db}[data-theme=dark] .modal-close-btn:hover{background:#ef4444;color:#fff}[data-theme=dark] .nav-btn.active{background:#22c55e33;color:#22c55e}[data-theme=dark] .nav-btn:hover{background:#22c55e1a;color:#22c55e}.btn-floating[data-tooltip]:hover:after,.floating-button-container .btn-floating[data-tooltip]:hover:after{bottom:auto;margin-bottom:0;margin-top:.5rem;top:100%}.btn-floating[data-tooltip]:hover:before,.floating-button-container .btn-floating[data-tooltip]:hover:before{border-bottom-color:#1f2937;border-top-color:transparent;bottom:auto;margin-top:-5px;top:100%}.vote-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.vote-btn:disabled{cursor:not-allowed;opacity:.5}.faq-question-btn{padding:0}.faq-question-btn,.faq-question-btn:hover{background:transparent}.modal-header .btn-outline,.modal-header .btn-primary{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.btn-outline:focus,.btn-primary:focus,.btn-secondary:focus{--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-width:2px;--tw-ring-opacity:1;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.btn-danger:focus,.btn-outline:focus,.btn-primary:focus,.btn-secondary:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}.btn-danger:focus{--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-width:2px;--tw-ring-opacity:1;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.btn-lg{font-size:1rem;line-height:1.5rem;padding:.75rem 1.5rem}.btn-close{--tw-text-opacity:1;align-items:center;border-radius:var(--border-radius);color:rgb(156 163 175/var(--tw-text-opacity,1));display:inline-flex;height:2rem;justify-content:center;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.btn-close:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(75 85 99/var(--tw-text-opacity,1))}.btn-close:focus{--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-width:2px;--tw-ring-opacity:1;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}.modal-close-btn:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));color:rgb(156 163 175/var(--tw-text-opacity,1))}.modal-close-btn:hover:is(.dark *){--tw-text-opacity:1;background-color:#7f1d1d33;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dialog-actions .btn{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:80px;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease-in-out}.scroll-down-btn,.scroll-indicator{transition:var(--transition-slow)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn,:root:not([data-theme=light]) .form-input,:root:not([data-theme=light]) .form-select,:root:not([data-theme=light]) .form-textarea{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root:not([data-theme=light]) .btn:hover{background:var(--color-hover)}:root:not([data-theme=light]) .btn-primary{background:var(--color-primary);border-color:var(--color-primary)}:root:not([data-theme=light]) .btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}}@media(width<=480px){.nav-btn{justify-content:center;min-width:40px;padding:var(--spacing-sm)}.page-actions .btn{padding:var(--spacing-xs) var(--spacing-sm)}.storage-actions .btn{width:100%}.landing-cta .btn{font-size:1rem;padding:.875rem 2rem}.btn{font-size:.875rem;padding:.5rem 1rem}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.profile-option-btn{padding:var(--spacing-md)}.landing-actions .btn{min-width:160px;padding:var(--spacing-md) var(--spacing-lg)}.action-buttons .btn-sm{min-width:auto;width:100%}.btn-floating{bottom:.75rem;font-size:.875rem;padding:.75rem 1.25rem}.btn-floating .btn-text{display:none}.btn-floating i{font-size:1.2em;margin-right:0}.btn-hero,.hero-actions{width:100%}.btn-hero{max-width:280px}}@media(width<=768px){.section-header .btn{align-self:stretch;justify-content:center}.support-option .modal-close-btn{align-items:flex-start;flex-direction:column}.nav-btn{font-size:.75rem;min-width:80px;padding:var(--spacing-sm)}.actions-column,.btn-text{display:none}.btn{font-size:.9rem;justify-content:center;min-width:44px;padding:.625rem 1.25rem}.btn-icon{font-size:1.3em}#keyboard-help-btn .nav-text{display:none}.card-title,.nav-btn:before{font-size:1.25rem}.help-icon-btn{align-self:flex-end}.form-actions .btn{width:100%}.empty-actions .btn{max-width:300px;width:100%}.error-actions .btn,.form-footer .btn{width:100%}.actions-column,.btn-sm{font-size:10px;padding:2px 4px}.danger-buttons,.danger-buttons .btn,.diagnostic-actions .btn,.export-buttons,.export-buttons .btn{width:100%}.evaluation-btn{flex-grow:1;font-size:.9em;height:32px;margin:2px;min-height:1.8em;min-width:calc(33.333% - 8px);padding:10px 4px;width:32px!important}.hero-actions .btn{min-width:200px}.btn-group{flex-direction:column;width:100%}.btn-group .btn,.onboarding-footer .btn{width:100%}.btn-container-center{flex-direction:column;gap:var(--spacing-sm)}.landing-actions .btn{font-size:var(--font-size-base);min-width:180px}.danger-actions .btn-danger{flex:none;max-width:280px;width:100%}.action-buttons .btn-sm{flex:none}.evaluation-btn .evaluation-icon{height:16px;margin-bottom:4px;width:16px}.evaluation-btn .label{font-size:.7rem;overflow:hidden;padding:0 4px;text-overflow:ellipsis;width:100%}.evaluation-btn.active{border-width:2px;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.error-actions .btn-primary,.error-actions .btn-secondary{max-width:200px;width:100%}.btn-floating{bottom:1rem;font-size:.875rem;padding:.875rem 1.5rem}.btn-floating .btn-text{display:inline}.btn-floating i{font-size:1.1em;margin-right:.5rem}.scroll-down-btn{font-size:1.25rem;height:45px;width:45px}.theme-toggle-btn{font-size:1.1rem;height:40px;width:40px}.btn-floating[data-tooltip]:active:after,.btn-floating[data-tooltip]:focus:after,.floating-button-container .btn-floating[data-tooltip]:active:after,.floating-button-container .btn-floating[data-tooltip]:focus:after{bottom:auto;margin-bottom:0;margin-top:.5rem;top:100%}.btn-floating[data-tooltip]:active:before,.btn-floating[data-tooltip]:focus:before,.floating-button-container .btn-floating[data-tooltip]:active:before,.floating-button-container .btn-floating[data-tooltip]:focus:before{border-bottom-color:#1f2937;border-top-color:transparent;bottom:auto;margin-top:-5px;top:100%}}@media(width>=769px){.evaluation-controls{gap:4px}.evaluation-btn:not(.evaluation-tap-cycle){flex:1;min-width:40px}}.header{background:#fff;border-bottom:1px solid #e5e7eb;height:var(--header-height);left:0;position:fixed;right:0;top:0;z-index:40}html.pwa-standalone .header{height:calc(var(--header-height) + var(--safe-area-top))}@media(width<=839px){.nav-desktop{display:none!important}}[data-theme=dark] .header{background:#1f2937;border-bottom-color:#374151}.header-container{align-items:center;display:flex;height:var(--header-height);justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}@media(width>=840px){.header-container{align-items:center;display:grid;grid-template-columns:1fr auto 1fr}.header-brand{justify-self:start}.nav-desktop{justify-self:center}.header-actions{justify-self:end}}.brand-link{align-items:center;background:none;border:none;color:#111827;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;transition:color .2s}.brand-link:hover{color:#059669}[data-theme=dark] .brand-link{color:#fff}[data-theme=dark] .brand-link:hover{color:#10b981}.brand-icon{font-size:1.25rem}.brand-text{display:inline;font-size:1rem}@media(width>=840px){.brand-text{font-size:1.125rem}}.nav-desktop{display:none;gap:.5rem}@media(width>=840px){.nav-desktop{display:flex}}.nav-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;justify-content:center;padding:.5rem .75rem;transition:all .2s}.nav-btn:hover{background:#f0fdf4;color:#059669;transform:translateY(-1px)}.nav-btn.active{background:#dcfce7;color:#059669;font-weight:600}[data-theme=dark] .nav-btn{color:#9ca3af}[data-theme=dark] .nav-btn:hover{background:#10b9811a;color:#10b981}[data-theme=dark] .nav-btn.active{background:#10b98133;color:#10b981}.nav-icon{font-size:1.125rem;line-height:1}.nav-text{font-size:.75rem;line-height:1;text-align:center}@media(width>=840px){.nav-text{font-size:.875rem}}.header-actions{align-items:center;display:flex;gap:.75rem}.primary-register-btn{display:none}@media(width>=840px){.primary-register-btn{align-items:center;display:flex;gap:.5rem}}.avatar-container{position:relative}.avatar-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.avatar-btn:hover{background:#dcfce7;color:#059669}[data-theme=dark] .avatar-btn{background:#374151;color:#9ca3af}[data-theme=dark] .avatar-btn:hover{background:#10b98133;color:#10b981}.user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;opacity:0;padding:.25rem;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-.5rem);transition:all .2s;visibility:hidden;width:14rem;z-index:50}.user-menu.show{opacity:1;transform:translateY(0);visibility:visible}[data-theme=dark] .user-menu{background:#1f2937;border-color:#374151}.menu-item{align-items:center;background:none;border:none;border-radius:.25rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:background .2s;width:100%}.menu-item:hover{background:#f3f4f6}[data-theme=dark] .menu-item{color:#d1d5db}[data-theme=dark] .menu-item:hover{background:#374151}.menu-divider{background:#e5e7eb;height:1px;margin:.25rem 0}[data-theme=dark] .menu-divider{background:#374151}.menu-item-theme{padding:.5rem .75rem}.theme-switcher-inline{align-items:center;display:flex;justify-content:space-between}.theme-label{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}[data-theme=dark] .theme-label{color:#d1d5db}.theme-options{display:flex;gap:.25rem}.theme-switcher-inline .theme-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;display:flex;font-size:.75rem;height:1.5rem;justify-content:center;transition:all .2s;width:1.5rem}.theme-btn:hover{background:#f3f4f6}.theme-btn.active{background:#dcfce7;border-color:#059669}[data-theme=dark] .theme-btn{border-color:#4b5563}[data-theme=dark] .theme-btn:hover{background:#374151}[data-theme=dark] .theme-btn.active{background:#10b98133;border-color:#10b981}.menu-item-expandable{align-items:center;display:flex;justify-content:space-between}.menu-arrow{font-size:.75rem;transition:transform .2s}.menu-item-expandable.expanded .menu-arrow{transform:rotate(90deg)}.menu-submenu{background:#f9fafb;border-radius:.25rem;margin:.25rem 0;max-height:0;overflow:hidden;transition:max-height .3s ease}[data-theme=dark] .menu-submenu{background:#111827}.menu-submenu.expanded{max-height:200px}.menu-subitem{color:#6b7280;font-size:.8125rem;padding-left:2rem!important}[data-theme=dark] .menu-subitem{color:#9ca3af}.menu-subitem:hover{background:#f3f4f6}[data-theme=dark] .menu-subitem:hover{background:#1f2937}.bottom-nav{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;height:4rem;justify-content:space-around;left:0;position:fixed;right:0;z-index:40}body.landing-page .bottom-nav,body.landing-page .header{display:none}body.landing-page .main-content{padding-bottom:0!important;padding-top:0!important}html.pwa-standalone .header{box-sizing:border-box;height:calc(64px + var(--safe-area-top));padding-top:var(--safe-area-top)}@media(width<=839px){html.pwa-standalone .header{height:calc(48px + var(--safe-area-top))}}html.pwa-standalone .bottom-nav{padding-bottom:min(var(--safe-area-bottom),18px);padding-top:.35rem}[data-theme=dark] .bottom-nav{background:#1f2937;border-top-color:#374151}@media(width>=840px){.bottom-nav{display:none}}.bottom-nav-item{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1;flex-direction:column;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;min-width:0;padding:.5rem .25rem;transition:color .2s}.bottom-nav-item .nav-text{display:block;font-size:.75rem;overflow:visible;text-align:center;white-space:nowrap}.bottom-nav-item.active,.bottom-nav-item:hover{color:#059669;font-weight:600}[data-theme=dark] .bottom-nav-item{color:#9ca3af}[data-theme=dark] .bottom-nav-item.active,[data-theme=dark] .bottom-nav-item:hover{color:#10b981}.fab-register{background:#059669!important;border:none;border-radius:50%;bottom:5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff!important;cursor:pointer;font-size:1.25rem;height:3.5rem;left:50%;position:fixed;transform:translate(-50%);transition:all .2s;width:3.5rem;z-index:50}body.form-active .fab-register,body.landing-page .fab-register{display:none}.fab-register:hover{background:#047857;box-shadow:0 10px 15px -3px #0000001a;transform:translate(-50%) scale(1.05)}.fab-register:active{transform:translate(-50%) scale(.95)}@media(width>=840px){.fab-register{display:none}}@media(width<=839px){body:not(.landing-page) .main-content{padding-bottom:2rem}}.demo-banner{height:auto!important;left:0!important;min-height:auto!important;position:fixed!important;right:0!important;top:calc(var(--safe-area-top) + var(--header-height))!important;z-index:35!important}.avatar-btn:focus,.bottom-nav-item:focus,.brand-link:focus,.fab-register:focus,.menu-item:focus,.nav-btn:focus,.theme-btn:focus{outline:2px solid #059669;outline-offset:2px}@media(prefers-contrast:high){.bottom-nav-item,.nav-btn{border:1px solid #6b7280}.bottom-nav-item.active,.nav-btn.active{background:#059669;border-color:#059669;color:#fff}}@media(prefers-reduced-motion:reduce){.avatar-btn,.bottom-nav-item,.fab-register,.menu-item,.nav-btn,.user-menu{transition:none}.nav-btn:hover{transform:none}.fab-register:hover{transform:translate(-50%)}}@media(width<=839px){body.form-active .match-form-sticky-footer{bottom:0!important;left:0!important;position:fixed!important;right:0!important;z-index:60!important}body.form-active .footer-actions{display:flex!important;flex-direction:row!important;gap:.75rem!important}body.form-active .footer-actions button{flex:1!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}h4{font-size:1rem!important}.view-title{font-size:1.5rem!important}.section-title{font-size:1.125rem!important}.card-title{font-size:1rem!important}.content-section{margin-bottom:1.5rem!important}.btn{font-size:.875rem!important;padding:.5rem .75rem!important}.card,.card-text{padding:.5rem!important}.form-group{margin-bottom:1rem!important}.form-label{font-size:.875rem!important;margin-bottom:.25rem!important}.form-input,.form-select,.form-textarea{font-size:.875rem!important;padding:.5rem!important}}.demo-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff9800,#f57c00);border-bottom:2px solid #e65100;box-shadow:0 2px 8px #00000026;color:#fff;height:60px;left:0;position:fixed;right:0;top:calc(var(--safe-area-top) + var(--header-height));z-index:1070}.demo-banner-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width,1200px);padding:.75rem 1rem}.demo-banner-text{align-items:center;display:flex;flex:1;font-size:.9rem;font-weight:500;gap:.5rem;line-height:1.4}.demo-banner-icon{flex-shrink:0;font-size:1.1rem}.demo-banner-message{flex:1}.demo-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.demo-banner .btn{border-radius:var(--border-radius,6px);font-size:.8rem;font-weight:600;min-width:auto;padding:.4rem .8rem;transition:all .2s ease}.demo-banner .btn-outline{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.3);color:#fff}.demo-banner .btn-outline:hover{background:#fff3;border-color:#ffffff80;color:#fff;transform:translateY(-1px)}.demo-banner .btn-secondary{background:#ffffffe6;border:1px solid hsla(0,0%,100%,.9);color:#f57c00}.demo-banner .btn-secondary:hover{background:#fff;border-color:#fff;color:#e65100;transform:translateY(-1px)}.demo-banner .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media(width<=768px){.demo-banner-content{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.demo-banner-text{justify-content:center;text-align:center}.demo-banner-actions{flex-wrap:wrap;justify-content:center}.demo-banner .btn{flex:1;min-width:120px}}@media(width<=480px){.demo-banner-text{font-size:.85rem}.demo-banner .btn{font-size:.75rem;padding:.35rem .6rem}}[data-theme=dark] .demo-banner{background:linear-gradient(135deg,#e65100,#bf360c);border-bottom-color:#bf360c}[data-theme=dark] .demo-banner .btn-outline{background:#ffffff26;border-color:#fff6}[data-theme=dark] .demo-banner .btn-outline:hover{background:#ffffff40;border-color:#fff9}[data-theme=dark] .demo-banner .btn-secondary{background:#fffffff2;color:#bf360c}[data-theme=dark] .demo-banner .btn-secondary:hover{background:#fff;color:#d84315}@media(prefers-contrast:high){.demo-banner{background:#ff6f00;border-bottom:3px solid #e65100}.demo-banner .btn-outline{border-color:#fff;border-width:2px}.demo-banner .btn-secondary{background:#fff;border:2px solid #fff;color:#e65100}}@media(prefers-reduced-motion:reduce){.demo-banner{animation:none}.demo-banner .btn{transition:none}.demo-banner .btn:hover{transform:none}}.demo-banner .btn:focus{outline:2px solid #fff;outline-offset:2px}.demo-banner .btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.backup-item{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-gray-50.backup-item.p-6{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.backup-item.p-6{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.backup-item.modal-header{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.backup-item.modal-header{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.backup-item.modal-body{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.backup-item.modal-body{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.backup-item.modal-footer{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.backup-item.modal-footer{background:var(--surface-secondary);border-color:var(--border-primary)}.backup-item{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.backup-item,.backup-item:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.backup-item:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.backup-item{align-items:center;display:flex;justify-content:space-between}.backup-item.is-latest{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}[data-theme=dark] .backup-item{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}[data-theme=dark] .backup-item.is-latest{--tw-border-opacity:1;background-color:#14532d33;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.backup-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.backup-info{flex:1}.backup-description{color:rgb(55 65 81/var(--tw-text-opacity,1));font-weight:500}.backup-description,.backup-details{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1}.backup-details{color:rgb(107 114 128/var(--tw-text-opacity,1))}[data-theme=dark] .backup-description{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}[data-theme=dark] .backup-details{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.backups-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.backups-list{max-height:400px;overflow-y:auto}.app-footer{background:var(--surface-primary);border-top:1px solid var(--border-primary);box-shadow:var(--shadow-sm);display:none;padding:1rem 0;transition:var(--transition)}[data-theme=dark] .app-footer{background:var(--color-surface);border-top-color:var(--color-border)}.footer-container{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.footer-left{color:var(--text-secondary);font-size:.875rem;justify-self:start}.footer-center,.footer-left{align-items:center;display:flex}.footer-center{flex-wrap:wrap;gap:1rem;justify-self:center}.footer-right{align-items:center;display:flex;justify-self:end}.footer-copyright{font-weight:500}.footer-author-link{color:var(--primary-600);font-weight:600;text-decoration:none;transition:color .2s ease}.footer-author-link:hover{color:var(--primary-700);text-decoration:underline}.footer-author-link:focus{border-radius:.25rem;outline:2px solid var(--primary-500);outline-offset:2px}[data-theme=dark] .footer-author-link{color:var(--primary-400)}[data-theme=dark] .footer-author-link:hover{color:var(--primary-300)}.footer-version{font-size:.75rem;font-weight:500;opacity:.7}.footer-btn{align-items:center;border:none;cursor:pointer;display:flex;gap:.5rem;min-height:44px;transition:all .2s ease}.footer-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.footer-btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.footer-btn:active{transform:translateY(0)}.footer-btn-icon{flex-shrink:0;font-size:1rem}.footer-btn-text{font-weight:500;white-space:nowrap}@media(width<=599px){.app-footer{display:none!important}}@media(width>=600px){.app-footer{display:block}}@media(width<=768px){.footer-container{gap:1.5rem;grid-template-columns:1fr;padding:0 var(--spacing-sm);text-align:center}.footer-center,.footer-left,.footer-right{justify-self:center}.footer-actions,.footer-center{gap:.75rem}.footer-btn-text{display:none}.footer-btn-icon{font-size:1.25rem}.footer-info{flex-direction:column;gap:.5rem}}@media(width>=769px)and (width<=1023px){.footer-center{gap:1.25rem}}@media(width>=1024px){.footer-center{gap:1.5rem}}@media(prefers-contrast:high){.footer-btn{border:2px solid}.footer-author-link{border:1px solid transparent}.footer-author-link:focus{border-color:currentcolor;outline:3px solid}}@media(prefers-reduced-motion:reduce){.footer-btn{transition:none}.footer-btn:active,.footer-btn:hover{transform:none}}.modal-intro-text{background:var(--color-surface-secondary,#f9fafb);border-left:3px solid var(--color-primary,#3b82f6);border-radius:var(--border-radius-md,.5rem);margin-bottom:1.5rem;padding:1rem 1.25rem}.modal-intro-text p{color:var(--color-text-secondary,#6b7280);font-size:.9375rem;line-height:1.6;margin:0}.modal-intro-text p strong{color:var(--color-text,#111827);font-weight:600}[data-theme=dark] .modal-intro-text{background:var(--color-surface-secondary,#1f2937);border-left-color:var(--color-primary,#3b82f6)}[data-theme=dark] .modal-intro-text p{color:var(--color-text-secondary,#9ca3af)}[data-theme=dark] .modal-intro-text p strong{color:var(--color-text,#f9fafb)}.modal-highlight-box{background:var(--color-surface-secondary,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius-lg,.75rem);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.modal-highlight-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.modal-highlight-content{flex:1}.modal-highlight-content strong{color:var(--color-text,#111827);display:block;font-size:1rem;margin-bottom:.5rem}.modal-highlight-content p{color:var(--color-text-secondary,#6b7280);font-size:.9375rem;line-height:1.5;margin:0}[data-theme=dark] .modal-highlight-box{background:var(--color-surface-secondary,#1f2937);border-color:var(--color-border,#374151)}[data-theme=dark] .modal-highlight-content strong{color:var(--color-text,#f9fafb)}[data-theme=dark] .modal-highlight-content p{color:var(--color-text-secondary,#bfdbfe)}.modal-highlight-box.success{background:var(--color-success-bg,#f0fdf4);border-color:var(--color-success-border,#86efac)}[data-theme=dark] .modal-highlight-box.success{background:var(--color-success-bg,#14532d);border-color:var(--color-success-border,#22c55e)}.modal-highlight-box.warning{background:var(--color-warning-bg,#fffbeb);border-color:var(--color-warning-border,#fde68a)}[data-theme=dark] .modal-highlight-box.warning{background:var(--color-warning-bg,#78350f);border-color:var(--color-warning-border,#f59e0b)}.modal-highlight-box.error{background:var(--color-error-bg,#fef2f2);border-color:var(--color-error-border,#fca5a5)}[data-theme=dark] .modal-highlight-box.error{background:var(--color-error-bg,#7f1d1d);border-color:var(--color-error-border,#ef4444)}@media(width<=768px){.modal-intro-text{margin-bottom:1rem;padding:.875rem 1rem}.modal-bottom-page{margin-bottom:5rem!important}.modal-intro-text p{font-size:.875rem}.modal-highlight-box{gap:.75rem;padding:1rem}.modal-highlight-icon{font-size:1.25rem}.modal-highlight-content strong{font-size:.9375rem}.modal-highlight-content p{font-size:.875rem}}#onboarding-step{display:flex;flex:1;flex-direction:column;overflow-y:auto}.onboarding-step-content,.step-content{display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:flex-start}.onboarding-progress-section{background:var(--color-surface-secondary,#f9fafb)}[data-theme=dark] .onboarding-progress-section{background:var(--color-surface-secondary,#111827)}.form-section{margin-bottom:1.5rem}.form-section:last-child{margin-bottom:0}.faq-content-new{margin:0 auto}.faq-accordion{display:flex;flex-direction:column;gap:.75rem}.faq-item-new{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .3s ease}.faq-item-new:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.faq-item-new.active{border-color:var(--color-primary);box-shadow:0 4px 12px #00000026}.faq-question-btn{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.faq-question-btn:hover{background:var(--color-hover)}.faq-item-new.active .faq-question-btn{background:var(--color-hover);color:var(--color-primary)}.faq-icon{flex-shrink:0;font-size:1.25rem}.faq-title{flex:1;line-height:1.4}.faq-toggle{color:var(--color-text-secondary);flex-shrink:0;font-size:1.5rem;font-weight:300;text-align:center;transition:all .2s ease;width:24px}.faq-item-new.active .faq-toggle{color:var(--color-primary);transform:rotate(0)}.faq-answer-content{max-height:0;opacity:0;overflow:hidden;padding:0 1.25rem;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.faq-item-new[data-expanded=true] .faq-answer-content{margin-top:0;max-height:2000px;opacity:1;overflow:visible;padding:1rem 1.25rem 1.5rem}.faq-answer-content p{color:var(--color-text-secondary);line-height:1.6;margin:0 0 .75rem}.faq-answer-content p:last-child{margin-bottom:0}.faq-answer-content ol,.faq-answer-content ul{color:var(--color-text-secondary);list-style-position:outside;margin:.5rem 0 .75rem;padding-left:1.5rem}.faq-answer-content ul{list-style-type:disc}.faq-answer-content ol{list-style-type:decimal}.faq-answer-content ol li,.faq-answer-content ul li{line-height:1.6;margin-bottom:.5rem;padding-left:.25rem}.faq-answer-content ol li:last-child,.faq-answer-content ul li:last-child{margin-bottom:0}.faq-answer-content strong{color:var(--color-text);font-weight:600}.faq-answer-content .faq-steps{margin:0}.faq-answer-content .step-item{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.faq-answer-content .step-item:last-child{margin-bottom:0}.faq-answer-content .step-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.faq-answer-content .step-content{flex:1;padding-top:2px}.faq-answer-content .step-content strong{color:var(--color-text);display:block;font-size:.95rem;margin-bottom:.25rem}.faq-answer-content .step-content p{font-size:.9rem;line-height:1.5;margin:0}.faq-answer-content .faq-list{list-style-type:disc;margin:.5rem 0 0;padding-left:1.5rem}.faq-answer-content .faq-list li{color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem}.faq-answer-content .faq-list li:last-child{margin-bottom:0}.faq-answer-content .faq-list strong{color:var(--color-text)}#faq-modal .modal-body{overflow-y:scroll!important}.faq-levels-table{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.level-row{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem}.level-icon{flex-shrink:0;font-size:1.25rem}.level-info{color:var(--color-text);font-size:.9rem}@media(width<=768px){.faq-question-btn{font-size:.95rem;padding:.875rem 1rem}.faq-item-new[data-expanded=true] .faq-answer-content{padding:.875rem 1rem 1.25rem}.faq-answer-content .step-item{gap:.5rem}.faq-answer-content .step-number{font-size:.8rem;height:24px;width:24px}}#privacy-info-modal .modal-content{max-height:90vh;max-width:800px;width:90vw}#privacy-info-modal .modal-body{max-height:calc(90vh - 140px);overflow-y:auto}.privacy-status{border-radius:.5rem;font-weight:500;margin:1rem 0 1.5rem;padding:.875rem 1.25rem;transition:all .3s ease}.privacy-status.enabled{background-color:#d1fae5;border:2px solid #10b981;color:#065f46}.privacy-status.disabled{background-color:#fee2e2;border:2px solid #ef4444;color:#991b1b}[data-theme=dark] .privacy-status.enabled{background-color:#064e3b;border-color:#10b981;color:#d1fae5}[data-theme=dark] .privacy-status.disabled{background-color:#7f1d1d;border-color:#ef4444;color:#fecaca}.privacy-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg,.75rem);margin-bottom:1.5rem;padding:1.5rem}.privacy-section:last-child{margin-bottom:0}.privacy-section h4{align-items:center;color:var(--color-text);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.privacy-section h5{color:var(--color-text);font-size:1rem;font-weight:600;margin:1.5rem 0 .75rem}.privacy-section h5:first-of-type{margin-top:1rem}.privacy-section p{color:var(--color-text-secondary);line-height:1.6}.privacy-section ul{list-style:none;margin:.5rem 0 1rem;padding:0}.privacy-section li{color:var(--color-text-secondary);line-height:1.6;margin-bottom:.625rem;padding-left:1.5rem;position:relative}.privacy-section li:before{color:var(--color-primary,#4caf50);content:"\2022";font-size:1.2em;font-weight:700;left:.5rem;position:absolute;top:-4px}.privacy-section li strong{color:var(--color-text);font-weight:600}.analytics-toggle-section{margin:1rem 0 1.5rem;transition:all .2s ease}.analytics-toggle-section:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}[data-theme=dark] .analytics-toggle-section:hover{box-shadow:0 2px 8px #0000004d}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#10b981}input:focus+.slider{box-shadow:0 0 1px #10b981}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media(width<=768px){#privacy-info-modal .modal-content{width:95vw}.privacy-section{padding:1rem}.privacy-section h4{font-size:1rem}.privacy-section h5{font-size:.9375rem}.privacy-section li{padding-left:1.25rem}}#achievements-modal .modal-content{max-width:800px;width:90vw}#achievements-modal .modal-fullscreen{max-width:1000px;width:95vw}[data-theme=dark] #achievements-modal .modal-body{background:var(--color-surface);color:var(--color-text)}[data-theme=dark] #achievements-modal{background:var(--color-surface)}#analytics-achievements-modal .achievements-stats .widget-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);text-align:center;transition:var(--transition)}#analytics-achievements-modal .achievements-stats .widget-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}#analytics-achievements-modal .widget-header .widget-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}#analytics-achievements-modal .achievement-category h3{border-bottom:2px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}#achievements-modal .achievement-card.unlocked,#analytics-achievements-modal .achievement-card.unlocked,#analytics-achievements-modal .achievements-grid{background:linear-gradient(135deg,#4caf501a,#4caf5026);border-color:var(--color-success);border-width:2px}#achievements-modal .achievement-card.locked,#analytics-achievements-modal .achievement-card.locked{background-color:var(--color-hover,#f3f4f6);border-color:var(--color-border);color:var(--color-text-secondary);opacity:.6}[data-theme=dark] #achievements-modal .achievement-card.locked,[data-theme=dark] #analytics-achievements-modal .achievement-card.locked{background-color:#ffffff14;border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] #achievements-modal .achievement-card.locked .achievement-info h4,[data-theme=dark] #analytics-achievements-modal .achievement-card.locked .achievement-info h4{color:#fff}[data-theme=dark] #achievements-modal .achievement-card.locked .achievement-info p,[data-theme=dark] #analytics-achievements-modal .achievement-card.locked .achievement-info p{color:#ccc}[data-theme=dark] #achievements-modal .achievement-card.unlocked,[data-theme=dark] #analytics-achievements-modal .achievement-card.unlocked{background:linear-gradient(135deg,#4caf5033,#4caf504d);border-color:var(--color-success);color:var(--color-text)}[data-theme=dark] #achievements-modal .achievement-card.unlocked .achievement-info h4,[data-theme=dark] #analytics-achievements-modal .achievement-card.unlocked .achievement-info h4{color:#fff}[data-theme=dark] #achievements-modal .achievement-card.unlocked .achievement-info p,[data-theme=dark] #analytics-achievements-modal .achievement-card.unlocked .achievement-info p{color:#e0e0e0}#achievements-modal .achievement-icon,#analytics-achievements-modal .achievement-icon{font-size:2rem;margin-bottom:var(--spacing-sm);text-align:center}#achievements-modal .achievement-info,#analytics-achievements-modal .achievement-info{flex:1;padding:var(--spacing-sm);text-align:center}#analytics-achievements-modal .achievement-info h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}#analytics-achievements-modal .achievement-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--spacing-sm)}#analytics-achievements-modal .achievement-points{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.achievements-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.achievements-summary{background:var(--background-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);margin-top:1rem;padding:var(--spacing-lg)}.achievements-summary h4{margin-bottom:1rem}.achievements-summary h3,.achievements-summary h4{color:var(--color-text);font-size:var(--font-size-lg)}.achievements-summary h3{font-weight:600;margin-bottom:var(--spacing-xs)}.achievements-summary p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.achievements-categories{display:flex;flex-direction:column;gap:var(--spacing-xl)}.achievement-category h4{border-bottom:2px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-lg);font-weight:600;padding-bottom:var(--spacing-sm)}.achievement-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition)}.achievement-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.achievement-item:hover,.achievement-unlocked{border-color:var(--color-primary)}.achievement-item h5{color:var(--color-text);font-weight:600;margin-bottom:var(--spacing-xs)}.achievement-item p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.achievement-progress{align-items:center;display:flex;gap:var(--spacing-md);text-align:center}.achievement-name{color:#333;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.25rem}.recent-achievement .achievement-icon{font-size:1.2rem}.achievement-info{flex:1}.achievement-stat .stat-number{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.achievement-stat .stat-label{font-size:var(--font-size-sm);opacity:.9}.achievement-category h3{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.achievement-card{align-items:center;background:#fff;background-color:var(--color-surface);border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:.75rem;padding:1rem;position:relative;transition:var(--transition)}.achievement-card.unlocked{background:linear-gradient(135deg,var(--color-surface) 0,rgb(76 175 80/5%) 100%);border-color:var(--color-success)}.achievement-card.locked{opacity:.6}.achievement-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.achievement-card .achievement-icon{font-size:2rem;opacity:.8}.achievement-card .achievement-info{flex:1}.achievement-card .achievement-info h4{color:var(--color-text);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.achievement-card .achievement-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.achievement-points{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600}.achievement-card.recent{border-left:4px solid #4caf50}.achievement-icon{flex-shrink:0;font-size:1.5rem}@media(width<=480px){#analytics-achievements-modal .achievements-stats{grid-template-columns:1fr}#analytics-achievements-modal .achievement-category h3{font-size:var(--font-size-base)}}@media(width<=768px){#analytics-achievements-modal .modal-body{padding:16px}#analytics-achievements-modal .achievements-grid{gap:var(--spacing-sm);grid-template-columns:1fr}#analytics-achievements-modal .achievement-card{min-height:100px;padding:var(--spacing-sm)}#analytics-achievements-modal .achievement-icon{font-size:1.5rem}#analytics-achievements-modal .achievement-info h4{font-size:var(--font-size-sm)}#analytics-achievements-modal .achievement-info p{font-size:var(--font-size-xs)}#analytics-achievements-modal .achievements-placeholder{padding:var(--spacing-xl)}.achievements-grid{grid-template-columns:1fr}.achievement-card{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.achievements-content::-webkit-scrollbar{width:6px}.achievements-content::-webkit-scrollbar-track{background:transparent}.achievements-content::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:3px}.dark .achievements-content::-webkit-scrollbar-thumb{background-color:#4a5568}.achievement-item{transition:all .2s ease}.achievement-item:hover{transform:translateY(-1px)}.achievement-unlocked{background:var(--primary-color);border-color:#15803d;color:#fff}.achievement-unlocked .text-xs,.achievement-unlocked h5,.achievement-unlocked p{color:#fff!important}.dark .achievement-unlocked{background:#15803d;border-color:#16a34a}.achievement-locked{filter:grayscale(50%);opacity:.6}@media(width<=768px){#achievements-modal .modal-body{padding-left:32px!important;padding-right:32px!important}}@media(width<=480px){#achievements-modal .modal-body{padding-left:24px!important;padding-right:24px!important}}.demo-mode-section{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.2);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.demo-mode-active-card{background:var(--color-surface);border:2px solid rgba(251,191,36,.3);border-radius:8px;box-shadow:0 4px 12px #fbbf241a;padding:1.5rem}.demo-mode-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.demo-mode-icon{flex-shrink:0;font-size:2rem}.demo-mode-info{flex:1}.demo-mode-title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.demo-mode-description{color:var(--color-text-secondary);line-height:1.5;margin:0 0 .75rem}.demo-data-stats{margin-top:.5rem}.demo-data-stats small{font-weight:500}.demo-mode-actions{display:flex;flex-direction:column;gap:.5rem}.demo-mode-actions .btn-sm{align-items:center;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.5rem 1rem}[data-theme=dark] .demo-mode-section{background:linear-gradient(135deg,#fbbf2426,#f59e0b14);border-color:#fbbf244d}[data-theme=dark] .demo-mode-active-card{background:var(--color-surface);border-color:#fbbf2466;box-shadow:0 4px 12px #fbbf2426}[data-theme=dark] .demo-data-stats small{color:#fbbf24e6}@media(width<=768px){.demo-mode-header{flex-direction:column;gap:.75rem;text-align:center}.demo-mode-icon{align-self:center}.demo-mode-actions{gap:.75rem}}.data-actions-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.data-action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.data-action-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.action-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.action-icon{flex-shrink:0;font-size:2rem}.action-info{flex:1}.action-title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.action-description{color:var(--color-text-secondary);line-height:1.5;margin:0}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-buttons .btn{align-items:center;display:flex;gap:.5rem;justify-content:center}.demo-mode-active{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-color:#fbbf244d}.demo-mode-active:hover{border-color:#fbbf2480;box-shadow:0 8px 25px #fbbf2426}[data-theme=dark] .data-action-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .data-action-card:hover{box-shadow:0 8px 25px #0000004d}[data-theme=dark] .demo-mode-active{background:linear-gradient(135deg,#fbbf2426,#f59e0b14);border-color:#fbbf2466}[data-theme=dark] .demo-mode-active:hover{border-color:#fbbf2499;box-shadow:0 8px 25px #fbbf2433}#data-management-modal .modal-content{max-width:900px;width:95vw}@media(width<=768px){.data-actions-grid{gap:1rem;grid-template-columns:1fr}.data-action-card{padding:1rem}.action-buttons,.action-header{gap:.75rem}}.profile-option-card[style*="cursor: default"]{cursor:default!important}.profile-option-card[style*="cursor: default"]:hover{border-color:#e5e7eb;box-shadow:0 1px 3px #0000001a!important;transform:none!important}[data-theme=dark] .profile-option-card[style*="cursor: default"]:hover{border-color:#374151}.profile-option-card[style*="cursor: default"] .profile-option-icon:hover{transform:none!important}.card[style*="cursor: default"],.card[style*="cursor: default"] *{cursor:default!important}.card .vote-btn,.card .vote-btn *{cursor:pointer!important}.mobile-form-buttons{background:var(--bg-surface);border-top:1px solid var(--border-color);bottom:70px;box-shadow:0 -4px 6px -1px #0000001a;display:none;left:0;padding:12px 16px;position:fixed;right:0;z-index:1000}@media(width<=839px){.mobile-form-buttons.visible{bottom:0;display:flex;gap:12px}}.mobile-form-buttons .form-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 16px;transition:all .2s ease}.mobile-form-buttons .form-btn-primary{background:var(--primary-color);color:#fff;order:1}.mobile-form-buttons .form-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.mobile-form-buttons .form-btn-primary:active{transform:translateY(0)}.mobile-form-buttons .form-btn-secondary{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);order:2}.mobile-form-buttons .form-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.mobile-form-buttons .form-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.mobile-form-buttons .form-btn.loading{color:transparent;position:relative}.mobile-form-buttons .form-btn.loading:after{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.form-container.has-mobile-buttons{padding-bottom:140px}@media(width>=840px){.form-container.has-mobile-buttons{padding-bottom:0}}:root{--bg-surface:#fff;--bg-hover:#f3f4f6;--text-primary:#111827;--border-color:#e5e7eb;--border-hover:#d1d5db;--primary-color:#10b981;--primary-hover:#059669}[data-theme=dark]{--bg-surface:#1f2937;--bg-hover:#374151;--text-primary:#f9fafb;--border-hover:#4b5563;--primary-color:#10b981;--primary-hover:#059669}[data-theme=dark] .mobile-form-buttons{background:var(--bg-surface);border-top-color:var(--border-color)}.mobile-form-buttons.slide-up{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.mobile-form-buttons.slide-down{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.mobile-form-buttons,.mobile-form-buttons .form-btn{animation:none;transition:none}}.mobile-form-buttons .form-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(width<=480px){.mobile-form-buttons .form-btn{bottom:0;font-size:15px;min-height:44px}.match-mobile{display:none!important}}@media(width<=767px){body,html{overflow-x:hidden}.modal-fullscreen{border:none!important;border-radius:0!important;box-sizing:border-box;height:100vh!important;inset:0!important;margin:0!important;max-width:100%!important;position:fixed!important;width:100%!important}.modal-fullscreen .modal-body{flex:1!important;max-height:100vh!important;overflow-y:auto!important;padding:1rem!important}.header{height:50px;z-index:1050}.header-container{height:50px;padding:0 .5rem}body:not(.landing-page){padding-top:calc(50px + var(--safe-area-top))}body.demo-mode-active{padding-top:calc(150px + var(--safe-area-top))}.header-brand h1{font-size:1.1rem;font-weight:600}.nav-desktop{flex:1;gap:.05rem;justify-content:space-between;max-width:100%}.nav-btn{flex:1;flex-direction:column;font-size:.6rem;gap:.05rem;min-width:35px;padding:.15rem .05rem}.nav-icon{font-size:1.1em}.nav-text{font-size:.6rem;font-weight:500;line-height:1;max-width:40px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-btn[data-nav=new] .nav-text{font-size:0}.nav-btn[data-nav=new] .nav-text:after{content:"Nuevo";font-size:.6rem}.nav-btn[data-nav=list] .nav-text{font-size:0}.nav-btn[data-nav=list] .nav-text:after{content:"Lista";font-size:.6rem}.nav-btn[data-nav=analytics] .nav-text{font-size:0}.nav-btn[data-nav=analytics] .nav-text:after{content:"Stats";font-size:.6rem}.nav-btn[data-nav=profile] .nav-text{font-size:0}.nav-btn[data-nav=profile] .nav-text:after{content:"Perfil";font-size:.6rem}.nav-btn[data-nav=home] .nav-text{font-size:0}.nav-btn[data-nav=home] .nav-text:after{content:"Inicio";font-size:.6rem}.demo-banner-content{flex-direction:column;gap:.5rem;text-align:center}.demo-banner-actions{gap:.5rem}.demo-banner-actions .btn-sm{font-size:.7rem;padding:.25rem .5rem}.home-view{padding:.5rem}.info-card{min-height:auto;padding:.5rem!important}.info-card-icon{font-size:1.5rem!important;margin-bottom:.25rem!important}.info-card-title{font-size:1.25rem!important;line-height:1.2;margin-bottom:.25rem!important}.info-card-description{font-size:.75rem!important;line-height:1.2}.form-input,.form-select,.form-textarea{font-size:16px;min-height:44px}.form-label{font-size:.875rem;margin-bottom:.25rem}.form-group{margin-bottom:1rem}.grid-auto-2,.grid-auto-3,.grid-auto-4{gap:1rem;grid-template-columns:1fr}.defaults-form{overflow-x:hidden}.btn-danger,.btn-outline,.btn-primary,.btn-secondary{font-size:.875rem;min-width:auto;padding:.75rem 1rem}.btn-sm{font-size:.75rem;padding:.5rem .75rem}.btn-lg{font-size:1rem;padding:1rem 1.5rem}}@media(width<=767px)and (orientation:landscape){.header,.header-container{height:44px}body:not(.landing-page){padding-top:calc(44px + var(--safe-area-top))}.demo-banner{min-height:50px;padding:.25rem;z-index:1070}.nav-btn{padding:.125rem}.nav-text:after{font-size:.6rem}}#mode-selector-modal .modal-content,#onboarding-modal .modal-content,#privacy-info-modal .modal-content{height:85vh;max-height:1000px;max-width:900px;min-height:750px;width:95vw}#onboarding-intercept-modal .modal-content{display:flex;flex-direction:column;height:auto;max-height:85vh;max-width:640px!important;min-height:0;width:calc(100vw - 3rem)!important}#onboarding-intercept-modal .modal-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 2rem}#onboarding-intercept-modal .choice-option{cursor:pointer;display:flex;flex:1;flex-direction:column;padding:1.5rem;transition:all .2s ease}#onboarding-intercept-modal .choice-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}#onboarding-intercept-modal .choice-option:active{transform:translateY(0)}#onboarding-intercept-modal .choice-icon{font-size:2.5rem;margin-bottom:1rem}#onboarding-intercept-modal .choice-option h4{color:var(--color-text);margin-bottom:.75rem;margin-top:0}#onboarding-intercept-modal .choice-option p{color:var(--color-text-secondary);line-height:1.5;margin:0}#onboarding-modal .modal-body{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:1rem 2rem}#onboarding-modal .step-content{display:flex;flex:1;flex-direction:column;justify-content:flex-start}.onboarding-footer{display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:1rem}.choice-option{border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.choice-option:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.choice-option:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.choice-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.choice-option h4{color:var(--color-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.choice-option p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.choice-option .choice-icon{font-size:1.6rem;margin-bottom:var(--spacing-xs)}.choice-option.active,.choice-option:hover{border:2px solid var(--color-primary)}.choice-option .mode-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.75rem}.choice-option .feature-tag{align-items:center;background:var(--color-surface-secondary,#f3f4f6);border:1px solid var(--color-border,#e5e7eb);color:var(--color-text-secondary,#374151);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.choice-option.active .feature-tag{border-color:var(--color-primary,#10b981);color:var(--color-primary-dark,#065f46)}[data-theme=dark] .choice-option{background:var(--color-surface,#1f2937);border-color:var(--color-border,#374151);color:var(--color-text,#f9fafb)}[data-theme=dark] .choice-option h4{color:var(--color-text,#f9fafb)}[data-theme=dark] .choice-option p{color:var(--color-text-secondary,#9ca3af)}[data-theme=dark] .choice-option .feature-tag{background:var(--color-surface-secondary,#374151);border-color:var(--color-border,#4b5563);color:var(--color-text-secondary,#d1d5db)}[data-theme=dark] .choice-option.active .feature-tag{background:#10b9811a;border-color:var(--color-primary,#10b981);color:var(--color-primary-light,#34d399)}.choice-option:hover{box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.choice-option.active{background:linear-gradient(135deg,#4caf501a,#1b5e200d);border-color:var(--color-primary);box-shadow:0 4px 16px #1b5e2033}.choice-icon{font-size:2.5rem;margin-bottom:1rem;text-align:center}.choice-option h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.choice-option p{color:#6b7280;line-height:1.5}.choice-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:#f3f4f6;border-radius:20px;color:#374151;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.onboarding-note{background:#f8fafc;background:var(--color-info-bg,#eff6ff);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--border-radius-md,.5rem);margin-top:1rem;padding:1rem}.onboarding-note p{color:#1e40af;color:#475569;color:var(--color-text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0}[data-theme=dark] .onboarding-note{background:#3b82f61a;background:var(--color-info-bg,#1e3a8a);border-color:#3b82f64d;border-color:var(--color-info-border,#3b82f6)}[data-theme=dark] .onboarding-note p{color:#93c5fd;color:var(--color-text-secondary,#bfdbfe);color:#d1d5db}.onboarding-cards{display:grid;gap:1rem;grid-template-columns:1fr 1fr}[data-theme=dark] .choice-option{background:#1f2937;border-color:#374151}[data-theme=dark] .choice-option:hover{background:var(--color-surface,#1f2937);border-color:var(--color-primary,#10b981);box-shadow:0 4px 12px #60a5fa26}[data-theme=dark] .choice-option.active{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:var(--color-primary,#10b981);box-shadow:0 4px 16px #10b98133}[data-theme=dark] .choice-option h4{color:#f9fafb}[data-theme=dark] .choice-option p{color:#d1d5db}[data-theme=dark] .feature-tag{background:#374151;color:#d1d5db}[data-theme=dark] .onboarding-note{background:#1f2937;border-color:#374151}#onboarding-modal .form-group{display:flex;flex-direction:column}#onboarding-modal .modal-fullscreen{border-radius:12px;box-shadow:0 25px 50px #00000040;height:auto;margin:0 auto;max-height:95vh;max-width:800px;width:95vw}#onboarding-modal .onboarding-progress-section{background:var(--color-surface,#fff);flex-shrink:0;margin:0 5px;position:sticky;top:0;width:355px;z-index:1052}[data-theme=dark] #onboarding-modal .onboarding-progress-section{background:var(--color-surface,#1f2937)}#onboarding-title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-align:left}.onboarding-step{display:flex;flex-direction:column;height:100%}.onboarding-step-content{flex:1;margin-bottom:2rem}.onboarding-step-content>p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl);text-align:center}[data-theme=dark] .onboarding-header{background:linear-gradient(135deg,var(--surface-secondary),var(--surface-primary));border-bottom-color:var(--color-border)}@media(width<=767px){#mode-selector-modal .modal-content,#onboarding-modal .modal-content,#privacy-info-modal .modal-content{height:85vh;margin:1rem;min-height:600px;width:95vw}#mode-selector-modal .modal-body,#onboarding-modal .modal-body,#privacy-info-modal .modal-body{padding:1.5rem 1.5rem 80px}#onboarding-intercept-modal .modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%!important;min-height:100vh;width:100vw!important}#onboarding-intercept-modal .modal-body{flex:1;overflow-y:auto;padding:1.25rem}.choice-icon{font-size:2.5rem}.choice-option{padding:.5 rem}.onboarding-body,.onboarding-header{flex-direction:column;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}#onboarding-modal .onboarding-progress-section{width:auto}.onboarding-footer{background:var(--color-surface,#fff)!important;border-top:1px solid var(--color-border,#e5e7eb)!important;bottom:0!important;box-shadow:0 -2px 10px #0000001a!important;display:block!important;left:0!important;margin:0!important;padding:1rem!important;position:fixed!important;right:0!important;text-align:center!important;width:100%!important;z-index:10000!important}.onboarding-footer .flex-1{display:none!important}.onboarding-footer{gap:1rem!important;justify-content:center!important}.onboarding-footer .btn-primary,.onboarding-footer .btn-secondary{flex:1!important;font-size:.875rem!important;max-width:150px!important;padding:.75rem 1rem!important}[data-theme=dark] .onboarding-footer{background:var(--color-surface,#1f2937)!important;border-top-color:var(--color-border,#374151)!important}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media(forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media(forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media(forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:root{--background-accent:#f9fbe7;--background-primary:#fffde7;--background-secondary:#fff;--bg-primary:#fff;--border-color:#e0e0e0;--border-primary:#e5e7eb;--border-radius:8px;--border-radius-full:9999px;--border-radius-lg:12px;--border-radius-md:.5rem;--border-radius-sm:.25rem;--border-radius-xl:1rem;--color-accent:#4caf50;--color-background:#fff;--color-background-secondary:#f8f9fa;--color-border:#e0e0e0;--color-disabled:#9ca3af;--color-error:#f44336;--color-hover:#f5f5f5;--color-info:#2196f3;--color-primary:#1b5e20;--color-primary-dark:#0d3f14;--color-primary-light:#4caf50;--color-secondary:#ff6f00;--color-secondary-light:#ff8f00;--color-success:#4caf50;--color-surface:#fff;--color-text:#333;--color-text-muted:#666;--color-warning:#ffc107;--color-warning-bg:#fff3cd;--color-warning-border:#ffeaa7;--color-warning-text:#856404;--container-max-width:1000px;--error-color:#f44336;--font-family-mono:sfmono-regular,menlo,monaco,consolas,"Liberation Mono","Courier New",monospace;--font-family-sans:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-md:1rem;--font-size-sm:.875rem;--font-size-xl:1.25rem;--font-size-xs:.75rem;--font-size-xxl:1.5rem;--font-size-xxs:.6875rem;--font-size-xxxl:2rem;--font-weight-bold:700;--font-weight-medium:500;--font-weight-normal:400;--font-weight-semibold:600;--info-color:#4caf50;--line-height-loose:2;--line-height-none:1;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-snug:1.375;--line-height-tight:1.25;--primary-300:#86efac;--primary-500:#22c55e;--primary-600:#16a34a;--primary-700:#15803d;--primary-color:#66bb6a;--primary-dark:#388e3c;--primary-light:#a5d6a7;--radius-full:9999px;--radius-lg:.75rem;--radius-xl:1rem;--secondary-color:#ffd54f;--secondary-dark:#ffa000;--secondary-light:#fff176;--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-light:rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-medium:rgba(0,0,0,.15);--shadow-sm:0 1px 2px 0 rgb(0 0 0/5%);--shadow-strong:rgba(0,0,0,.25);--space-12:3rem;--space-16:4rem;--space-2:.5rem;--space-20:5rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--spacing-lg:1.5rem;--spacing-md:1rem;--spacing-none:0;--spacing-sm:.5rem;--spacing-xl:2rem;--spacing-xs:.25rem;--spacing-xxl:3rem;--spacing-xxs:.125rem;--spacing-xxxl:4rem;--success-color:#4caf50;--surface-primary:#fff;--surface-secondary:#f9fafb;--text-2xl:1.5rem;--text-base:1rem;--text-lg:1.125rem;--text-light:#81c784;--text-primary:#1f2937;--text-secondary:#6b7280;--text-sm:.875rem;--text-xl:1.25rem;--tracking-normal:0;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--transition:all .2s ease;--transition-fast:.15s ease;--transition-normal:all .3s ease;--transition-slow:.5s ease;--warning-color:#ffc107;color-scheme:light dark}[data-theme=dark]{--color-primary:#66bb6a;--color-primary-dark:#4caf50;--color-primary-light:#81c784;--color-success:#66bb6a;--color-warning:#ffee58;--color-error:#ef5350;--color-background:#111827;--color-background-secondary:#1f2937;--background-primary:#111827;--background-secondary:#1f2937;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--color-text:#fff;--color-text-muted:#9ca3af;--color-text-secondary:#9ca3af;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text-muted:#6b7280;--color-border:#374151;--border-color:#374151;--border-primary:#374151;--border-secondary:#4b5563;--color-surface:#1f2937;--surface-primary:#1f2937;--surface-secondary:#374151;--surface-hover:#4b5563;--color-hover:#374151;--color-disabled:#4b5563;--shadow-sm:0 2px 4px 0 rgba(0,0,0,.6);--shadow-md:0 4px 8px -1px rgba(0,0,0,.7);--shadow-lg:0 12px 20px -3px rgba(0,0,0,.8);color-scheme:dark}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.form-input,.form-multiselect,.form-select,.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 #0000}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.form-checkbox,.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem;--tw-shadow:0 0 #0000}.form-checkbox{border-radius:0}.form-radio{border-radius:100%}.form-checkbox:focus,.form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-checkbox:checked,.form-radio:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media(forced-colors:active){.form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media(forced-colors:active){.form-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:checked:focus,.form-checkbox:checked:hover,.form-radio:checked:focus,.form-radio:checked:hover{background-color:currentColor;border-color:transparent}.form-checkbox:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media(forced-colors:active){.form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.form-checkbox:indeterminate:focus,.form-checkbox:indeterminate:hover{background-color:currentColor;border-color:transparent}.\!modal{display:none!important;opacity:0!important;transition:opacity .3s ease,visibility .3s ease!important;visibility:hidden!important}.\!modal,.modal{align-items:center!important;background:#00000080!important;height:100%!important;justify-content:center!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:1070!important}.modal{display:none;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.\!modal.show,.modal.show{display:flex!important;opacity:1!important;visibility:visible!important}.modal-container{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;padding:1rem!important;position:relative!important;width:100%!important;z-index:1071!important}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.support-option .modal-overlay{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed}@media(width<=768px){.support-option .modal-overlay{align-items:flex-start;flex-direction:column}}.modal-overlay{display:flex!important;opacity:1!important;visibility:visible!important;z-index:1070!important}.support-option .modal-fullscreen{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.modal-fullscreen{display:flex;flex-direction:column;inset:0;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media(width<=768px){.support-option .modal-fullscreen{align-items:flex-start;flex-direction:column}}.modal-fullscreen:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.modal-fullscreen{border:1px solid var(--color-primary);max-height:100vh!important;overflow:hidden!important;z-index:1071!important}html.pwa-standalone .modal-fullscreen{padding-bottom:var(--safe-area-bottom);padding-top:var(--safe-area-top)}:root,body.demo-mode-active{--notification-offset:calc(var(--safe-area-top) + var(--header-height) + 12px)}.notyf{top:var(--notification-offset)!important}.action-buttons .modal-centered{flex:1 1 100%;width:100%}.bg-gray-50.modal-centered.p-6{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.modal-centered.p-6{background:var(--surface-secondary);border-color:var(--border-primary)}.modal-centered{border-radius:.5rem;margin-left:1rem;margin-right:1rem;max-height:100vh;max-width:28rem;overflow-y:auto;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modal-centered:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.modal-content{background:#fff!important;border-radius:.5rem!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;display:flex!important;flex-direction:column!important;margin:0 1rem!important;max-height:90vh!important;max-width:32rem!important;overflow-y:auto!important;position:relative!important;width:100%!important}[data-theme=dark] .modal-content{background:#1f2937!important}.bg-gray-50.rounded-lg.modal-header{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.rounded-lg.modal-header{background:var(--surface-secondary);border-color:var(--border-primary)}.support-option .modal-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.bg-gray-50.modal-centered.modal-header{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.modal-centered.modal-header{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.modal-content.modal-header{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.modal-content.modal-header{background:var(--surface-secondary);border-color:var(--border-primary)}.modal-header{align-items:center;border-bottom-width:1px;display:flex;justify-content:space-between;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1.5rem}@media(width<=768px){.support-option .modal-header{align-items:flex-start;flex-direction:column}}.modal-header:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.modal-header{background:var(--color-surface,#fff)!important;flex-shrink:0!important;position:sticky!important;top:0!important;z-index:1052!important}.modal-title{font-size:1.125rem;font-weight:600;line-height:1.75rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modal-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.modal-close-btn{border-radius:9999px;height:2rem;justify-content:center;width:2rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));line-height:1.75rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:1.25rem;font-weight:700;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-close-btn,.support-option .modal-close-btn{align-items:center;display:flex}.support-option .modal-close-btn{gap:var(--spacing-md);justify-content:space-between}.modal-close-btn{align-items:center;border-radius:9999px;display:flex;height:2rem;justify-content:center;width:2rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(width<=768px){.support-option .modal-close-btn{align-items:flex-start;flex-direction:column}}.modal-close-btn:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.modal-close-btn:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.modal-close-btn:hover:is(.dark *){background-color:#7f1d1d33;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.modal-close-btn{flex-shrink:0!important;position:relative!important;z-index:1053!important}.modal-body{flex:1 1 0%;overflow-y:auto;padding:1.5rem;width:100%}.action-buttons .modal-body{flex:1 1 100%;width:100%}.bg-gray-50.rounded-lg.modal-body{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.rounded-lg.modal-body{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.modal-centered.modal-body{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.modal-centered.modal-body{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.modal-content.modal-body{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.modal-content.modal-body{background:var(--surface-secondary);border-color:var(--border-primary)}.modal-body{overflow-y:auto;padding:1.5rem;width:100%}@media(width<=767px){.onboarding-footer .modal-body{display:none}}.modal-body{max-height:calc(100vh - 140px)!important;position:relative!important}.modal-footer{align-items:center;border-top-width:1px;display:flex;justify-content:flex-end;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));gap:.75rem;padding:1.5rem}.bg-gray-50.rounded-lg.modal-footer{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.rounded-lg.modal-footer{background:var(--surface-secondary);border-color:var(--border-primary)}.support-option .modal-footer{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.bg-gray-50.modal-centered.modal-footer{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.modal-centered.modal-footer{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.modal-content.modal-footer{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.modal-content.modal-footer{background:var(--surface-secondary);border-color:var(--border-primary)}.modal-footer{align-items:center;border-top-width:1px;display:flex;justify-content:flex-end;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1.5rem}@media(width<=768px){.support-option .modal-footer{align-items:flex-start;flex-direction:column}}.modal-footer:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.modal-footer{background:var(--color-surface,#fff)!important;bottom:0!important;flex-shrink:0!important;position:sticky!important;z-index:1052!important}.modal-actions-center{gap:1.25rem!important;justify-content:center!important}.nav-desktop{display:flex;gap:.5rem}.support-option .nav-desktop{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.nav-desktop{display:flex}@media(width<=768px){.support-option .nav-desktop{align-items:flex-start;flex-direction:column}}@media(width>=768px){.header-container{align-items:center!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;justify-content:center!important}.header-brand{justify-self:start!important}.nav-desktop{gap:1rem!important;justify-content:center;justify-self:center!important}}.nav-btn{background-color:transparent;border-radius:.375rem;border-style:none;cursor:pointer;flex-direction:column;justify-content:center;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;padding:.5rem .75rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nav-btn,.support-option .nav-btn{align-items:center;display:flex}.support-option .nav-btn{gap:var(--spacing-md);justify-content:space-between}.nav-btn{align-items:center;background-color:transparent;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding-left:.75rem;padding-right:.75rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(width<=768px){.support-option .nav-btn{align-items:flex-start;flex-direction:column}}.achievement-unlocked .nav-btn{color:#fff}.nav-btn{gap:.25rem;min-width:60px}.nav-btn:hover{--tw-translate-y:-.125rem;--tw-bg-opacity:1;background-color:rgb(232 245 233/var(--tw-bg-opacity,1));color:rgb(67 160 71/var(--tw-text-opacity,1));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(56 142 60/var(--tw-text-opacity,1))}.nav-btn.\!active,.nav-btn.active{--tw-bg-opacity:1;background-color:rgb(200 230 201/var(--tw-bg-opacity,1));color:rgb(67 160 71/var(--tw-text-opacity,1));font-weight:600;--tw-text-opacity:1;color:rgb(56 142 60/var(--tw-text-opacity,1))}.nav-icon{font-size:1.125rem;line-height:1.75rem;line-height:1}.nav-text{font-size:.75rem;line-height:1.25;line-height:1rem;text-align:center}.achievement-unlocked .nav-text{color:#fff}[data-theme=dark] .nav-btn{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}[data-theme=dark] .nav-btn:hover{background-color:#1b5e2033}[data-theme=dark] .nav-btn.active,[data-theme=dark] .nav-btn:hover{--tw-text-opacity:1;color:rgb(102 187 106/var(--tw-text-opacity,1))}[data-theme=dark] .nav-btn.active{background-color:#1b5e204d}[data-theme=dark] .nav-btn.\!active{background-color:#1b5e204d;--tw-text-opacity:1;color:rgb(102 187 106/var(--tw-text-opacity,1))}.info-card{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-gray-50.info-card.p-6{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.info-card.p-6{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.info-card.modal-header{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.info-card.modal-header{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.info-card.modal-body{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.info-card.modal-body{background:var(--surface-secondary);border-color:var(--border-primary)}.bg-gray-50.info-card.modal-footer{background:var(--surface-primary);border:1px solid var(--border-primary)}[data-theme=dark] .bg-gray-50.info-card.modal-footer{background:var(--surface-secondary);border-color:var(--border-primary)}.info-card{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.info-card,.info-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.info-card:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.info-card-icon{font-size:1.875rem;line-height:2.25rem;margin-bottom:.5rem}.info-card-title{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.25rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.info-card-description{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}[data-theme=dark] .info-card{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}[data-theme=dark] .info-card-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}[data-theme=dark] .info-card-description{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.content-section{margin-bottom:2rem}.section-title{font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}[data-theme=dark] .section-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.grid-auto-2{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media(width>=768px)and (width<=1023px){.grid-auto-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.grid-auto-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-auto-3{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media(width>=768px)and (width<=1023px){.grid-auto-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=1024px){.grid-auto-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.grid-auto-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-auto-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-auto-4{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media(width>=1024px){.grid-auto-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:640px){.grid-auto-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-auto-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media(width>=1024px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=1280px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.form-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.form-label{display:block;font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.form-input,.form-select,.form-textarea{border-radius:.375rem;border-width:1px;display:block;width:100%;--tw-border-opacity:1;border-color:rgb(165 214 167/var(--tw-border-opacity,1));padding:.5rem .75rem}.form-input,.form-select,.form-textarea{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:.5rem;padding-top:.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.action-buttons .form-input,.action-buttons .form-select,.action-buttons .form-textarea{flex:1 1 100%;width:100%}.form-input,.form-select,.form-textarea{border-radius:.375rem;border-width:1px;display:block;padding-left:.75rem;padding-right:.75rem;width:100%}.form-input::-moz-placeholder,.form-select::-moz-placeholder,.form-textarea::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.form-input,.form-select,.form-textarea{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow:0 1px 2px 0 rgb(0 0 0/5%);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-select:focus,.form-textarea:focus{--tw-border-opacity:1;border-color:rgb(76 175 80/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity,1))}.form-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right .5rem center!important;background-repeat:no-repeat!important;background-size:1.25em 1.25em!important}.form-input.error,.form-select.error{--tw-border-opacity:1;border-color:rgb(229 115 115/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 235 238/var(--tw-bg-opacity,1))}.form-input.error:focus,.form-select.error:focus{--tw-border-opacity:1;border-color:rgb(244 67 54/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(244 67 54/var(--tw-ring-opacity,1))}.form-input.\!error,.form-select.\!error{--tw-border-opacity:1;border-color:rgb(229 115 115/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 235 238/var(--tw-bg-opacity,1))}.form-input.\!error:focus,.form-select.\!error:focus{--tw-border-opacity:1;border-color:rgb(244 67 54/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(244 67 54/var(--tw-ring-opacity,1))}.form-textarea{resize:vertical}.form-error{color:rgb(220 38 38/var(--tw-text-opacity,1))}.form-error,.form-help{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1}.form-help{color:rgb(107 114 128/var(--tw-text-opacity,1))}@media(width<=767px){.form-input,.form-select,.form-textarea,input,select,textarea{font-size:16px!important}}.form-checkbox{border-radius:.25rem;height:1rem;width:1rem;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.form-checkbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}[data-theme=dark] .form-checkbox{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}[data-theme=dark] .form-checkbox:checked{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}[data-theme=dark] .form-checkbox:focus{--tw-ring-offset-color:#1f2937;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-opacity:1}input[type=checkbox]{border-radius:.25rem;height:1rem;width:1rem;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}input[type=checkbox]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}[data-theme=dark] input[type=checkbox]{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}[data-theme=dark] input[type=checkbox]:checked{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}[data-theme=dark] input[type=checkbox]:focus{--tw-ring-offset-color:#1f2937;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-opacity:1}.registration-mode-switch{align-items:center;cursor:pointer;display:flex;gap:.75rem}.support-option .registration-mode-switch{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.registration-mode-switch{align-items:center;cursor:pointer;display:flex}@media(width<=768px){.support-option .registration-mode-switch{align-items:flex-start;flex-direction:column}}.registration-mode-switch input[type=checkbox]{height:0;opacity:0;width:0}.switch-slider{background-color:rgb(209 213 219/var(--tw-bg-opacity,1));cursor:pointer;inset:0;transition-duration:.3s}.switch-slider,.switch-slider:before{border-radius:9999px;position:absolute;--tw-bg-opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch-slider:before{background-color:rgb(255 255 255/var(--tw-bg-opacity,1));bottom:.125rem;content:"";height:1.25rem;left:.125rem;transition-duration:.3s;width:1.25rem}.registration-mode-switch input[type=checkbox]:checked+.switch-slider{--tw-bg-opacity:1;background-color:rgb(76 175 80/var(--tw-bg-opacity,1))}.registration-mode-switch input[type=checkbox]:checked+.switch-slider:before{transform:translate(24px)}.registration-mode-switch input[type=checkbox]:focus+.switch-slider{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.switch-label{font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.switch-description{font-size:.875rem;line-height:1.25rem;margin-top:.5rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}[data-theme=dark] .switch-slider{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}[data-theme=dark] .switch-label{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}[data-theme=dark] .switch-description{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-0\.5{bottom:.125rem}.left-0{left:0}.left-0\.5{left:.125rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.isolate{isolation:isolate}.col-span-full{grid-column:1/-1}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-8{margin:2rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.ms-2{margin-inline-start:.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-screen{height:100vh}.max-h-96{max-height:24rem}.max-h-screen{max-height:100vh}.w-0{width:0}.w-11{width:2.75rem}.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-0{--tw-translate-y:-0px}.-translate-y-0,.translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x:.25rem}.translate-x-6{--tw-translate-x:1.5rem}.transform,.translate-x-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-danger-300{--tw-border-opacity:1;border-color:rgb(229 115 115/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-green-700{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1))}.border-primary-200{--tw-border-opacity:1;border-color:rgb(165 214 167/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.bg-danger-50{--tw-bg-opacity:1;background-color:rgb(255 235 238/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.bg-green-900\/20{background-color:#14532d33}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(200 230 201/var(--tw-bg-opacity,1))}.bg-primary-50{--tw-bg-opacity:1;background-color:rgb(232 245 233/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-200{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-900{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-yellow-900{--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-900{--tw-gradient-from:#14532d var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,83,45,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,245,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-900{--tw-gradient-from:#581c87 var(--tw-gradient-from-position);--tw-gradient-to:rgba(88,28,135,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from:#fefce8 var(--tw-gradient-from-position);--tw-gradient-to:hsla(55,92%,95%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-900{--tw-gradient-from:#713f12 var(--tw-gradient-from-position);--tw-gradient-to:rgba(113,63,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-amber-50{--tw-gradient-to:#fffbeb var(--tw-gradient-to-position)}.to-amber-900{--tw-gradient-to:#78350f var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-900{--tw-gradient-to:#1e3a8a var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)}.to-emerald-900{--tw-gradient-to:#064e3b var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-orange-900{--tw-gradient-to:#7c2d12 var(--tw-gradient-to-position)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-100{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity,1))}.text-green-50{--tw-text-opacity:1;color:rgb(240 253 244/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-primary-400{--tw-text-opacity:1;color:rgb(102 187 106/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:rgb(67 160 71/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-purple-900{--tw-text-opacity:1;color:rgb(88 28 135/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2,.ring-4{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-green-500{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.ring-primary-500{--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity,1))}.ring-yellow-300{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--safe-area-top:0px;--safe-area-bottom:0px;--header-height:60px;--demo-banner-height:60px}@media(width<=839px){:root{--header-height:48px;--demo-banner-height:70px}}html.pwa-standalone{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}.partners-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.partner-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease}.partner-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}[data-theme=dark] .partner-card{background:#1f2937;border-color:#374151}.partner-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.partner-name{color:#111827;font-size:1.125rem;font-weight:600;line-height:1.2}[data-theme=dark] .partner-name{color:#f9fafb}.partner-trend{align-items:center;display:flex}.trend-icon{border-radius:6px;font-size:1.25rem;padding:.25rem}.trend-up{background:#dcfce7;color:#16a34a}.trend-down{background:#fef2f2;color:#dc2626}.trend-stable{background:#f3f4f6;color:#6b7280}[data-theme=dark] .trend-up{background:#14532d;color:#22c55e}[data-theme=dark] .trend-down{background:#7f1d1d;color:#ef4444}[data-theme=dark] .trend-stable{background:#374151;color:#9ca3af}.partner-stats{align-items:center;display:flex;gap:1rem;justify-content:space-between}.win-rate-container{align-items:center;display:flex;flex:1;flex-direction:column}.win-rate-circle{align-items:center;border:4px solid;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:.5rem;position:relative;width:80px}.win-rate-circle.excellent{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;color:#15803d}.win-rate-circle.good{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.win-rate-circle.poor{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444;color:#dc2626}[data-theme=dark] .win-rate-circle.excellent{background:linear-gradient(135deg,#14532d,#166534);border-color:#22c55e;color:#bbf7d0}[data-theme=dark] .win-rate-circle.good{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b;color:#fde68a}[data-theme=dark] .win-rate-circle.poor{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#ef4444;color:#fecaca}.win-rate-number{font-size:1.25rem;font-weight:700}.win-rate-label{color:#6b7280;font-size:.875rem;font-weight:500}[data-theme=dark] .win-rate-label{color:#9ca3af}.games-info{align-items:center;display:flex;flex:1;flex-direction:column}.games-count{color:#111827;font-size:2rem;font-weight:700;line-height:1}[data-theme=dark] .games-count{color:#f9fafb}.games-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-top:.25rem}[data-theme=dark] .games-label{color:#9ca3af}@media(width<=768px){.partners-grid{gap:1rem;grid-template-columns:1fr}.partner-card{padding:1rem}.win-rate-circle{height:60px;width:60px}.win-rate-number{font-size:1rem}.games-count{font-size:1.5rem;text-align:center}}@media(forced-colors:active){.forced-colors\:active.nav-btn{--tw-bg-opacity:1;background-color:rgb(200 230 201/var(--tw-bg-opacity,1));color:rgb(67 160 71/var(--tw-text-opacity,1));font-weight:600;--tw-text-opacity:1;color:rgb(56 142 60/var(--tw-text-opacity,1))}[data-theme=dark] .forced-colors\:active.nav-btn{background-color:#1b5e204d;--tw-text-opacity:1;color:rgb(102 187 106/var(--tw-text-opacity,1))}}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-primary-500:focus{--tw-border-opacity:1;border-color:rgb(76 175 80/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-danger-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(244 67 54/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity,1))}.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-green-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.dark\:border-green-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.dark\:border-purple-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.dark\:border-red-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.dark\:border-yellow-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(133 77 14/var(--tw-border-opacity,1))}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:bg-blue-900\/10:is(.dark *){background-color:#1e3a8a1a}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-green-900\/10:is(.dark *){background-color:#14532d1a}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-purple-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(107 33 168/var(--tw-bg-opacity,1))}.dark\:bg-red-900\/10:is(.dark *){background-color:#7f1d1d1a}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-yellow-900\/10:is(.dark *){background-color:#713f121a}.dark\:bg-yellow-900\/20:is(.dark *){background-color:#713f1233}.dark\:from-purple-900\/20:is(.dark *){--tw-gradient-from:rgba(88,28,135,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(88,28,135,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-blue-900\/20:is(.dark *){--tw-gradient-to:rgba(30,58,138,.2) var(--tw-gradient-to-position)}.dark\:text-blue-100:is(.dark *){--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-purple-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 232 255/var(--tw-text-opacity,1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.dark\:text-yellow-400:is(.dark *){--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:#7f1d1d33}.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}