*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{background-color:var(--bg-color);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6{color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}a{color:var(--primary-color);cursor:pointer;text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--primary-color-dark);text-decoration:underline}a:focus{outline:3px solid var(--primary-color-light);outline-offset:2px}p{margin-bottom:var(--spacing-md)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}[role=button],button{cursor:pointer}[role=button]:disabled,button:disabled{cursor:not-allowed;opacity:.7}ol,ul{list-style-position:inside;margin-bottom:var(--spacing-md);padding-left:var(--spacing-md)}audio,canvas,embed,iframe,img,object,svg,video{display:block;height:auto;max-width:100%}:focus-visible{outline:3px solid var(--primary-color)}:root{--breakpoint-xs:0px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px;--breakpoint-ultra:1920px;--breakpoint-xs-max:575.98px;--breakpoint-sm-max:767.98px;--breakpoint-md-max:991.98px;--breakpoint-lg-max:1199.98px;--breakpoint-xl-max:1399.98px;--breakpoint-mobile-portrait:480px;--breakpoint-mobile-landscape:640px;--breakpoint-tablet-portrait:768px;--breakpoint-tablet-landscape:1024px;--breakpoint-desktop-small:1200px;--breakpoint-desktop-large:1440px;--breakpoint-desktop-ultra:1920px;--container-xs:100%;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1140px;--container-xxl:1320px;--mobile-landscape-height:500px;--retina-ratio:2;--spacing-responsive-xs:var(--spacing-xs);--spacing-responsive-sm:var(--spacing-sm);--spacing-responsive-md:var(--spacing-md);--spacing-responsive-lg:var(--spacing-lg);--spacing-responsive-xl:var(--spacing-xl)}@media (max-width:575.98px){:root{--spacing-responsive-xs:calc(var(--spacing-xs)*0.75);--spacing-responsive-sm:calc(var(--spacing-sm)*0.75);--spacing-responsive-md:calc(var(--spacing-md)*0.8);--spacing-responsive-lg:calc(var(--spacing-lg)*0.8);--spacing-responsive-xl:calc(var(--spacing-xl)*0.8);--font-size-responsive-base:0.875rem;--font-size-responsive-lg:1.125rem;--font-size-responsive-xl:1.375rem;--font-size-responsive-xxl:1.75rem}}@media (min-width:576px){:root{--spacing-responsive-xs:var(--spacing-xs);--spacing-responsive-sm:var(--spacing-sm);--spacing-responsive-md:var(--spacing-md);--spacing-responsive-lg:var(--spacing-lg);--spacing-responsive-xl:var(--spacing-xl);--font-size-responsive-base:0.9rem;--font-size-responsive-lg:1.15rem;--font-size-responsive-xl:1.4rem;--font-size-responsive-xxl:1.8rem}}@media (min-width:768px){:root{--font-size-responsive-base:var(--font-size-base);--font-size-responsive-lg:var(--font-size-lg);--font-size-responsive-xl:var(--font-size-xl);--font-size-responsive-xxl:var(--font-size-xxl)}}@media (min-width:992px){:root{--spacing-responsive-xl:calc(var(--spacing-xl)*1.1);--spacing-responsive-xxl:calc(var(--spacing-xxl)*1.1)}}@media (min-width:1200px){:root{--spacing-responsive-xl:calc(var(--spacing-xl)*1.2);--spacing-responsive-xxl:calc(var(--spacing-xxl)*1.2);--font-size-responsive-xxl:calc(var(--font-size-xxl)*1.1);--font-size-responsive-xxxl:calc(var(--font-size-xxxl)*1.1)}}@media (min-width:1920px){:root{--spacing-responsive-xl:calc(var(--spacing-xl)*1.3);--spacing-responsive-xxl:calc(var(--spacing-xxl)*1.3);--font-size-responsive-xxl:calc(var(--font-size-xxl)*1.2);--font-size-responsive-xxxl:calc(var(--font-size-xxxl)*1.2)}}.hide-lg,.hide-md,.hide-sm,.hide-xl,.hide-xs{display:none!important}@media (min-width:576px){.hide-xs{display:inline!important;display:initial!important}.show-xs{display:none!important}}@media (min-width:768px){.hide-sm{display:inline!important;display:initial!important}.show-sm{display:none!important}}@media (min-width:992px){.hide-md{display:inline!important;display:initial!important}.show-md{display:none!important}}@media (min-width:1200px){.hide-lg{display:inline!important;display:initial!important}.show-lg{display:none!important}}@media (min-width:1400px){.hide-xl{display:inline!important;display:initial!important}.show-xl{display:none!important}}:root{--primary-color:#007bff;--primary-color-light:#4da3ff;--primary-color-dark:#0056b3;--primary-color-bg:#e6f2ff;--secondary-color:#6c757d;--secondary-color-light:#9aa0a5;--secondary-color-dark:#5a6268;--secondary-color-bg:#f0f1f2;--success-color:#28a745;--success-color-light:#5dd879;--success-color-dark:#1e7e34;--success-color-bg:#e6f9ed;--danger-color:#dc3545;--danger-color-light:#e46774;--danger-color-dark:#bd2130;--danger-color-bg:#fae9eb;--warning-color:#ffc107;--warning-color-light:#ffda6a;--warning-color-dark:#d39e00;--warning-color-bg:#fff9e6;--info-color:#17a2b8;--info-color-light:#4ac7db;--info-color-dark:#138496;--info-color-bg:#e6f9fc;--light-color:#f8f9fa;--dark-color:#343a40;--bg-color:#f5f5f5;--card-bg-color:#fff;--text-color:#333;--text-color-light:#666;--text-muted:#6c757d;--text-inverse:#fff;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--spacing-xxxl:4rem;--border-radius-sm:3px;--border-radius:5px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-circle:50%;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px #0000001a;--shadow-md:0 5px 15px #00000012;--shadow-lg:0 10px 25px #0000001a;--shadow-xl:0 15px 35px #00000026;--shadow-hover:0 6px 10px #00000026;--shadow-active:0 2px 4px #0000001a;--font-family:"Nunito","Arial",sans-serif;--font-family-heading:"Montserrat","Arial",sans-serif;--font-family-mono:"Roboto Mono",monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xxxs:0.65rem;--font-size-xxs:0.75rem;--font-size-xs:0.8125rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-size-xxxl:2.5rem;--font-size-display:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms;--transition-normal:250ms;--transition-slow:400ms;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}@media (max-width:768px){:root{--font-size-base:0.95rem;--font-size-lg:1.15rem;--font-size-xl:1.4rem;--font-size-xxl:1.8rem;--spacing-xl:1.75rem;--spacing-xxl:2.5rem}}@media (max-width:480px){:root{--font-size-base:0.9rem;--font-size-lg:1.1rem;--font-size-xl:1.3rem;--font-size-xxl:1.6rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-xxl:2rem}}html[data-theme=dark]{--bg-color:#121212;--card-bg-color:#1e1e1e;--text-color:#f5f5f5;--text-color-light:#d0d0d0;--text-muted:#a0a0a0;--primary-color-bg:#007bff26;--success-color-bg:#28a74526;--danger-color-bg:#dc354526;--warning-color-bg:#ffc10726;--info-color-bg:#17a2b826}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root .btn,body .btn,body [class*=btn],body [role=button],body button,body input[type=button],body input[type=reset],body input[type=submit]{border-radius:12px!important}.container{margin:0 auto;max-width:1200px;padding:var(--spacing-md);width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -var(--spacing-sm)}.col{flex:1 1;padding:0 var(--spacing-sm)}.my-1{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.my-2{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.my-3{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.my-4{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl)}.py-1{padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.py-2{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.py-3{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}.py-4{padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.text-muted{color:var(--text-muted)}@media (max-width:768px){.container{padding:var(--spacing-sm)}.row{flex-direction:column}.col{margin-bottom:var(--spacing-md);width:100%}}.btn{align-items:center;border:2px solid #0000;border-radius:12px;color:var(--text-inverse);display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;line-height:1.5;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{outline:none}.btn:focus-visible{outline:3px solid var(--primary-color-light);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{box-shadow:none;cursor:not-allowed;opacity:.6}.btn-primary{background:#5c6bc0;background:var(--admin-primary,#5c6bc0);border-color:#5c6bc0;border-color:var(--admin-primary,#5c6bc0);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:#7986cb;background:var(--admin-secondary,#7986cb);border-color:#7986cb;border-color:var(--admin-secondary,#7986cb);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.btn-primary:active:not(:disabled){background:#5c6bc0;background:var(--admin-primary,#5c6bc0);border-color:#5c6bc0;border-color:var(--admin-primary,#5c6bc0);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:#7986cb;background:var(--admin-secondary,#7986cb);border-color:#7986cb;border-color:var(--admin-secondary,#7986cb);color:#fff}.btn-secondary:hover:not(:disabled){background:#9fa8da;background:var(--admin-accent,#9fa8da);border-color:#9fa8da;border-color:var(--admin-accent,#9fa8da);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.btn-secondary:active:not(:disabled){background:#7986cb;background:var(--admin-secondary,#7986cb);border-color:#7986cb;border-color:var(--admin-secondary,#7986cb);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-outline{background-color:initial;border-color:#5c6bc0;border-color:var(--admin-primary,#5c6bc0);color:#5c6bc0;color:var(--admin-primary,#5c6bc0)}.btn-outline:hover:not(:disabled){background:#5c6bc01a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline:active:not(:disabled){background:#5c6bc01a;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-success{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.btn-danger{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-color-dark);border-color:var(--danger-color-dark);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.btn-warning{background-color:var(--warning-color);border-color:var(--warning-color);color:var(--dark-color)}.btn-warning:hover:not(:disabled){background-color:var(--warning-color-dark);border-color:var(--warning-color-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-text{border:none;padding:var(--spacing-xs) var(--spacing-sm)}.btn-text,.btn-text:hover:not(:disabled){background-color:initial;box-shadow:none;color:var(#fff)}.btn-text:hover:not(:disabled){text-decoration:underline;transform:none}.btn-sm{border-radius:12px;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.btn-md{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}.btn-lg{border-radius:12px;font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-xl)}.btn-full{width:100%}.btn-loading{color:#0000!important}.btn-loading .btn-text{opacity:0;visibility:hidden}.btn-spinner{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.spinner{animation:spin .75s linear infinite;border:.15em solid;border-right:.15em solid #0000;height:1.2em;width:1.2em}.btn-icon{align-items:center;display:inline-flex;justify-content:center}.btn-icon svg{height:1em;width:1em}@media (max-width:768px){.btn{padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:480px){.btn{font-size:var(--font-size-sm)}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}}.input-wrapper{margin-bottom:var(--spacing-md);width:100%}.input-label{color:var(--text-color);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast)}.required-indicator{color:var(--danger-color);margin-left:var(--spacing-xxs)}.input-container{display:flex;width:100%}.input-field{background-color:var(--card-bg-color);border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);color:var(--text-color);font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input-field:focus{border-color:var(--text-color);box-shadow:0 0 0 1px var(--text-color);outline:none}.input-field::placeholder{color:var(--text-muted);opacity:.7}.input-field.has-left-icon{padding-left:2.5rem}.input-field.has-right-icon{padding-right:2.5rem}.input-icon{align-items:center;color:var(--text-muted);display:flex;height:2rem;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:2rem}.input-icon-left{left:0}.input-icon-right{right:0}.input-icon svg{height:1rem;width:1rem}.input-field.is-invalid{border-color:var(--danger-color);box-shadow:0 0 0 3px var(--danger-color-bg)}.error-message{margin-top:var(--spacing-xs)}.input-field.is-disabled,.input-field:disabled{background-color:var(--light-color);box-shadow:none;cursor:not-allowed;opacity:.6}.help-text{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.password-toggle{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:0;top:50%;transform:translateY(-50%);transition:color var(--transition-fast);z-index:1}.password-toggle:hover{color:var(--text-color)}.floating-label{position:relative}.floating-label .input-field{padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs)}.floating-label .input-label{background-color:var(--card-bg-color);font-size:var(--font-size-xs);left:var(--spacing-md);padding:0 var(--spacing-xs);pointer-events:none;position:absolute;top:0;transform:translateY(calc(-50% + var(--spacing-sm)))}@media (max-width:768px){.input-field{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.input-label{font-size:var(--font-size-xs)}}@media (max-width:480px){.input-field{font-size:var(--font-size-xs);min-height:42px;padding:calc(var(--spacing-xs) + 2px) var(--spacing-sm)}.input-icon{height:2.5rem}.password-toggle{height:100%}select.input-field{height:auto;min-height:42px}}@media (max-width:380px){.input-field{font-size:calc(var(--font-size-xs) + 1px);min-height:44px;padding:calc(var(--spacing-xs) + 3px) var(--spacing-xs)}.input-icon{width:2.2rem}select.input-field,textarea.input-field{min-height:44px}}textarea.input-field{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}select.input-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;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}select.input-field:focus{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='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}select.input-field.has-left-icon,textarea.input-field.has-left-icon{padding-left:2.5rem}.input-container:has(textarea) .input-icon-left{top:.75rem}.admin-settings-card,.card,.card-default{align-items:center;background-color:var(--card-bg-color);border:1px solid #fff3;border-radius:var(--border-radius-lg);box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;margin:0 auto;min-width:0;overflow:visible;transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:100%;word-break:break-word}.admin-settings-card,.card-default{border:1px solid #fff3;box-shadow:var(--shadow-lg);overflow-x:auto}.card-outline{border:2px solid var(--primary-color-light)}.card-elevated{border:none;box-shadow:var(--shadow-lg)}.card-flat{background-color:var(--bg-color);border:none}.admin-settings-card{align-items:stretch;display:flex;flex-direction:column;gap:1.2rem;max-width:540px;min-width:0;overflow:visible;padding:2.2rem 2rem 1.5rem}.card-image{overflow:hidden;position:relative;width:100%}.card-image img{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}.card-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.card-title{color:var(--text-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.card-subtitle,.card-title{margin-bottom:var(--spacing-xs)}.card-subtitle{color:var(--text-muted);font-size:var(--font-size-sm)}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:1.1rem;overflow-y:auto!important;padding:var(--spacing-md);width:100%}.card-footer{align-items:center;background-color:var(--light-color);border-top:1px solid var(--secondary-color-light);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.admin-settings-form{display:flex;flex-direction:column;gap:1.1rem;width:100%}.form-group{align-items:center;border-radius:8px;box-shadow:var(--shadow-xs);flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;padding:.7rem 1rem;transition:box-shadow .2s;width:100%}.form-group label{color:var(--primary-color-dark);flex:1 1 120px;font-size:1rem;font-weight:500;letter-spacing:.2px;min-width:120px}.form-group input[type=number],.form-group input[type=text]{box-sizing:border-box;flex:2 1 120px;min-width:0;width:100%}.form-group button{flex-shrink:0}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-interactive:active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.card a:hover{color:var(--primary-color-dark);text-decoration:underline}@media (max-width:900px){.admin-settings-card{max-width:99vw;padding:1.2rem .5rem}.form-group{align-items:stretch;flex-direction:column;gap:.5rem;padding:.7rem .5rem}.form-group label{min-width:0}.form-group input[type=number],.form-group input[type=text],.form-group label{font-size:.97rem;width:100%}.form-group button{font-size:.93rem;margin-left:0;min-width:0;width:100%}}@media (max-width:768px){.card-title{font-size:var(--font-size-md)}.card-body{padding:var(--spacing-md) var(--spacing-xs)}}@media (max-width:700px){.admin-settings-card{max-width:99vw;padding:1.2rem .5rem}.admin-settings-card,.card,.card-default{align-items:center;justify-content:center}}@media (max-width:600px){.admin-settings-card{max-width:100vw;padding:.5rem .1rem}.form-group{align-items:stretch;flex-direction:column;gap:.4rem;padding:.5rem .1rem}.form-group label{font-size:.93rem}.form-group input[type=number],.form-group input[type=text],.form-group select{font-size:.93rem;min-height:42px;padding:calc(.4rem + 2px) .5rem}.form-group button{font-size:.93rem;height:42px}}@media (max-width:480px){.card-body,.card-footer,.card-header{padding:var(--spacing-sm)}.admin-settings-card{max-width:100vw;padding:.5rem .1rem}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select{min-height:44px}}.card-body,.card-footer,.card-header{box-sizing:border-box;width:100%}:root{--auth-primary:#4a8db7;--auth-secondary:#67c5bd;--auth-accent:#9fd8cb;--auth-light:#e0f7fa;--auth-dark:#1d3557;--auth-gradient:linear-gradient(135deg,#e0f7fa,#bbdefb);--auth-card-bg:#ffffffd9;--auth-shadow:0 8px 32px #1f268726;--auth-backdrop-filter:blur(7px);--auth-input-bg:#ffffffb3;--auth-success:#4caf50;--auth-error:#f44336;--auth-link:#4a8db7;--auth-link-hover:#1d3557}.dark-mode{--auth-primary:#67c5bd;--auth-secondary:#4a8db7;--auth-accent:#9fd8cb;--auth-light:#1d3557;--auth-dark:#e0f7fa;--auth-gradient:linear-gradient(135deg,#1d3557,#2c5282);--auth-card-bg:#263238d9;--auth-shadow:0 8px 32px #0000004d;--auth-input-bg:#263238b3;--auth-link:#9fd8cb;--auth-link-hover:#e0f7fa}.auth-container{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#e0f7fa,#bbdefb);background:var(--auth-gradient);display:flex;flex-direction:column;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow:hidden;overflow-x:hidden;padding:var(--spacing-xl) var(--spacing-md);position:relative}.auth-container:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.auth-brand{animation:slideInDown .8s ease;margin-bottom:2rem;position:relative;text-align:center;z-index:1}.auth-brand h1{word-wrap:break-word;color:#1d3557;color:var(--auth-dark);font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:.5rem;overflow-wrap:break-word;text-shadow:0 2px 10px #fff3}.auth-subtitle{color:#0a2e4f;font-size:1.2rem;font-weight:500;margin-top:0;opacity:1}.auth-card{animation:fadeInUp .8s ease-out!important;backdrop-filter:blur(7px)!important;backdrop-filter:var(--auth-backdrop-filter)!important;-webkit-backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:var(--auth-backdrop-filter)!important;background:#ffffffd9!important;background:var(--auth-card-bg)!important;border:1px solid #fff3!important;border-radius:var(--border-radius-lg)!important;box-shadow:0 8px 32px #1f268726!important;box-shadow:var(--auth-shadow)!important;margin:0 auto!important;max-width:650px!important;min-width:0;overflow:visible!important;padding:2.5rem!important;position:relative!important;transform-origin:center bottom!important;transition:all .5s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-smooth)!important;width:100%!important}.identifier-note{padding:.5rem}.auth-card h2:after{animation:expandWidth 1s ease-out forwards!important;background:linear-gradient(90deg,#67c5bd,#9fd8cb)!important;background:linear-gradient(90deg,var(--auth-secondary),var(--auth-accent))!important;border-radius:2px!important;bottom:-10px!important;content:""!important;height:3px!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important;width:80px!important}.auth-form{animation:fadeIn .8s ease-out .3s forwards;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;opacity:0}.form-row{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr}.password-strength-bar-wrapper{margin-top:.5rem;opacity:1!important;visibility:visible!important}.password-strength-bar{gap:.2rem;margin-bottom:.5rem}.bar-segment{border-radius:2px;height:4px;transition:background .3s ease,transform .3s ease}.bar-segment.filled{background:#4caf50;background:var(--auth-success)}.password-strength-label{font-size:.85rem;opacity:1!important;text-align:center;visibility:visible!important}.password-recommendation{background:#4a8db71a;border-radius:6px;color:#4a8db7;color:var(--auth-primary);font-size:.8rem;margin-top:.5rem;opacity:1!important;padding:.5rem;visibility:visible!important}.auth-button{background:linear-gradient(135deg,#4a8db7,#67c5bd)!important;background:linear-gradient(135deg,var(--auth-primary),var(--auth-secondary))!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #0000001a!important;font-weight:600!important;letter-spacing:.5px!important;margin-top:.5rem!important;overflow:hidden;padding:.9rem!important;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important}.auth-button:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%}.auth-button:hover{box-shadow:0 8px 25px #1f268740!important;transform:translateY(-3px)!important}.auth-button:hover:before{transform:translateX(100%)}.auth-options{font-size:.95rem;justify-content:space-between;margin-top:-.5rem}.auth-options,.remember-me{align-items:center;display:flex}.remember-me{color:#1d3557;color:var(--auth-dark);gap:.5rem}.remember-me input[type=checkbox]{align-items:center;appearance:none;-webkit-appearance:none;background-color:#ffffffb3;background-color:var(--auth-input-bg);border:2px solid #67c5bd;border:2px solid var(--auth-secondary);border-radius:4px;cursor:pointer;display:flex;height:1.2rem;justify-content:center;margin:0;position:relative;transition:all .2s ease;width:1.2rem}.remember-me input[type=checkbox]:checked{background-color:#67c5bd;background-color:var(--auth-secondary)}.remember-me input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:.8rem;font-weight:700;position:absolute}.remember-me label{color:#1d3557;color:var(--auth-dark);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-action-link,.auth-link,.forgot-password,.forgot-password-link,.register-link{background:none;border:none;color:#4a8db7;color:var(--auth-link);cursor:pointer;font-weight:600;padding:0;position:relative;text-decoration:none;transition:color .25s ease}.auth-action-link:after,.auth-link:after,.forgot-password-link:after,.forgot-password:after,.register-link:after{background-color:#1d3557;background-color:var(--auth-link-hover);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.auth-action-link:hover,.auth-link:hover,.forgot-password-link:hover,.forgot-password:hover,.register-link:hover{color:#1d3557;color:var(--auth-link-hover)}.auth-action-link:hover:after,.auth-link:hover:after,.forgot-password-link:hover:after,.forgot-password:hover:after,.register-link:hover:after{width:100%}.auth-action-link:focus-visible,.auth-link:focus-visible,.forgot-password-link:focus-visible,.forgot-password:focus-visible,.register-link:focus-visible{box-shadow:0 0 0 3px #1d35571f;outline:none}.error-message{border-left:3px solid #f44336;border-left:3px solid var(--auth-error);color:var(--auth-error);font-size:.95rem;padding:.8rem 1.2rem}.auth-footer{animation:fadeIn 1s ease-out .5s forwards;color:#1d3557;color:var(--auth-dark);font-size:1rem;margin-top:2rem;opacity:0;text-align:center}.auth-link{color:#4a8db7;color:var(--auth-link);font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.auth-link:after{background-color:#1d3557;background-color:var(--auth-link-hover);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link:hover{color:#1d3557;color:var(--auth-link-hover)}.auth-link:hover:after{width:100%}.auth-info-box{background-color:#e3f2fd;border:1px solid #2196f3;border-radius:8px;color:#1565c0;font-size:14px;margin-bottom:20px;padding:12px 16px}.auth-info-box strong{display:block;font-weight:600;margin-bottom:4px}.auth-info-box p{line-height:1.5;margin:4px 0 0}.auth-info-box .auth-link{color:#4a8db7;color:var(--auth-link);font-weight:600}.auth-info-box .auth-link:hover{color:#1d3557;color:var(--auth-link-hover)}.auth-form .input-wrapper{margin-bottom:.5rem}.auth-form .input-field{background-color:#ffffffb3;background-color:var(--auth-input-bg);border-color:#0000001a;transition:all .3s ease}.auth-form .input-field:focus{border-color:#67c5bd;border-color:var(--auth-secondary);box-shadow:0 0 0 2px #4a8db733}.auth-form .input-label{color:#1d3557;color:var(--auth-dark);font-weight:500}@media (max-width:992px){.auth-card{max-width:450px!important;padding:2.2rem!important}.auth-brand h1{font-size:2.3rem}.auth-subtitle{font-size:1.15rem}}@media (max-width:860px){.auth-container{padding:var(--spacing-lg) var(--spacing-md)}.auth-card{max-width:420px!important;padding:2rem!important}.auth-brand h1{font-size:2.1rem}.form-row{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.auth-brand h1{font-size:2.2rem}.auth-subtitle{font-size:1.1rem}.auth-card{max-width:95%!important;padding:2rem!important}.auth-card h2{font-size:1.6rem!important}.auth-options{align-items:flex-start;flex-direction:column;gap:.8rem}.forgot-password{align-self:flex-end}.form-row{gap:.8rem;grid-template-columns:1fr}.password-recommendation{font-size:.78rem;padding:.4rem}}@media (max-width:480px){.auth-container{padding:var(--spacing-md) var(--spacing-sm)}.auth-brand h1{font-size:1.8rem;margin-bottom:.3rem}.auth-subtitle{font-size:1rem}.auth-card{margin:0 var(--spacing-xs)!important;max-width:100%!important;padding:1.5rem!important}.auth-card h2{font-size:1.4rem!important;margin-bottom:1.2rem!important}.auth-form{gap:1rem}.auth-button{font-size:.95rem!important;padding:.8rem!important}.auth-footer{font-size:.9rem}.auth-form .input-field{min-height:42px;padding:calc(var(--spacing-xs) + 2px) var(--spacing-sm)}.form-row{gap:.8rem}.password-strength-bar{gap:.15rem}.bar-segment{height:3px}.password-strength-label{font-size:.8rem}.password-recommendation{font-size:.75rem;line-height:1.3;padding:.4rem}}@media (max-width:380px){.auth-container{justify-content:flex-start;min-height:100vh;padding:var(--spacing-md) var(--spacing-xs);padding-top:var(--spacing-lg)}.auth-brand{margin-bottom:1.5rem}.auth-brand h1{font-size:1.6rem;line-height:1.1}.auth-subtitle{font-size:.9rem}.auth-card{border-radius:12px!important;margin:0!important;max-width:100%!important;padding:1.2rem!important}.auth-card h2{font-size:1.3rem!important;margin-bottom:1rem!important}.auth-form{gap:.8rem}.auth-options{font-size:.9rem;gap:.6rem}.remember-me input[type=checkbox]{height:1.1rem;width:1.1rem}.error-message{font-size:.85rem;padding:.7rem 1rem}.auth-button{font-size:.9rem!important;padding:.7rem!important}.auth-form .input-field{font-size:.9rem;min-height:44px;padding:calc(var(--spacing-xs) + 3px) var(--spacing-xs)}.auth-footer{font-size:.85rem;margin-top:1rem}.form-row{gap:.6rem}.password-strength-bar{gap:.1rem}.bar-segment{height:3px}.password-strength-label{font-size:.75rem}.password-recommendation{font-size:.7rem;line-height:1.2;padding:.3rem}}@media (max-width:320px){.auth-container{padding:var(--spacing-sm) var(--spacing-xs);padding-top:var(--spacing-md)}.auth-brand h1{font-size:1.4rem}.auth-subtitle{font-size:.85rem}.auth-card{border-radius:10px!important;padding:1rem!important}.auth-card h2{font-size:1.2rem!important}.auth-button{font-size:.85rem!important;padding:.6rem!important}.auth-form .input-field{font-size:.85rem;min-height:40px;padding:var(--spacing-xs)}}@media (prefers-reduced-motion:reduce){.auth-brand,.auth-card,.auth-container,.auth-container:before,.auth-form{animation:none;transition:none}}@media (hover:hover) and (pointer:fine){.auth-button:hover{box-shadow:0 8px 25px #1f268740!important;transform:translateY(-3px)!important}.auth-link:hover{color:#1d3557;color:var(--auth-link-hover)}}.auth-button:focus,.auth-form .input-field:focus,.auth-link:focus{outline:2px solid #4a8db7;outline:2px solid var(--auth-primary);outline-offset:2px}@media (pointer:coarse){.auth-button{padding:.8rem 1rem!important}.auth-button,.auth-form .input-field{min-height:44px}.remember-me input[type=checkbox]{min-height:1.2rem;min-width:1.2rem}}@supports (-webkit-touch-callout:none){.auth-form .input-field{font-size:16px}}.identifier-note{background:#4a8db71a;border-left:3px solid #4a8db7;border-left:3px solid var(--auth-primary);border-radius:4px;margin-bottom:1rem;padding:.8rem;text-align:center}.identifier-note small{color:#4a8db7;color:var(--auth-primary);font-size:.85rem;font-style:italic;font-weight:500}.auth-form input[name=document_number],.auth-form input[name=email]{border:2px solid #4a8db74d;transition:all .3s ease}.auth-form input[name=document_number]:focus,.auth-form input[name=email]:focus{border-color:#4a8db7;border-color:var(--auth-primary);box-shadow:0 0 0 3px #4a8db71a}.auth-form label[for=email]:after{color:#4a8db7;color:var(--auth-primary);content:" (Opcional)";font-size:.75rem;font-style:italic;opacity:.8}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:2.5rem;text-align:center;width:100%}.modal-icon{animation:bounceIn .6s ease-out;display:inline-block;font-size:4rem;margin-bottom:1rem}.modal-icon.success{filter:drop-shadow(0 0 20px rgba(76,175,80,.4))}.modal-content h2{color:#1d3557;color:var(--auth-dark);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.modal-content p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1rem}.modal-subtext{color:#999!important;font-size:.9rem!important;font-style:italic}.modal-content button{margin-top:1.5rem;min-width:200px}.modal-warning-box{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;margin-top:16px;padding:12px}.modal-warning-box p{color:#856404;font-size:13px;margin:0}.modal-warning-box strong{font-weight:600}.modal-warning-box .auth-link{border-bottom:1px solid #0000;color:#856404;font-weight:600;position:relative;text-decoration:none;transition:all .25s ease}.modal-warning-box .auth-link:after{background-color:#856404}.modal-warning-box .auth-link:hover{border-bottom-color:#5a3e03;color:#5a3e03}.password-strength-indicator{background:#4a8db70d;border:1px solid #4a8db71a;border-radius:12px;margin:1rem 0 1.5rem;padding:1rem}.strength-bar-container{background:#0000001a;border-radius:10px;height:8px;margin-bottom:.75rem;overflow:hidden;width:100%}.strength-bar-fill{border-radius:10px;height:100%;transition:width .3s ease,background-color .3s ease}.strength-requirements-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:.75rem}.requirement-item{background:#ffffffb3;border:1px solid #0000000d;border-radius:8px;color:#666;font-size:.85rem;padding:.4rem .6rem;text-align:left;transition:all .3s ease}.requirement-item.met{background:#4caf501a;border-color:#4caf504d;color:#4caf50;font-weight:600}.field-error-text{color:#f44336;color:var(--auth-error)}.field-error-text,.field-success-text{display:block;font-size:.85rem;font-weight:500;margin-left:.25rem;margin-top:.5rem}.field-success-text{color:#4caf50;color:var(--auth-success)}.error-state,.loading-state{padding:3rem 2rem;text-align:center}.spinner-large{animation:spin 1s linear infinite;border:4px solid #4a8db733;border-radius:50%;border-top:4px solid var(--auth-primary);height:60px;margin:0 auto 1.5rem;width:60px}.error-icon-large{filter:drop-shadow(0 0 20px rgba(244,67,54,.3));font-size:4rem;margin-bottom:1rem}.error-state h2{color:#1d3557;color:var(--auth-dark);margin-bottom:1rem}.error-state p{color:#666;margin-bottom:1.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-content{max-width:90%;padding:2rem 1.5rem}.modal-icon{font-size:3rem}.modal-content h2{font-size:1.5rem}.strength-requirements-grid{grid-template-columns:1fr}}@media (max-width:480px){.modal-content{padding:1.5rem 1rem}.modal-content button{min-width:150px}.password-strength-indicator{padding:.75rem}}.password-recommendation,.password-strength-bar-wrapper{margin:.1rem 0;max-width:100%;opacity:1!important;padding:0;pointer-events:auto!important;transform:translateY(0)!important;transition:all .3s ease;width:100%}@keyframes fadeInBarSmooth{to{opacity:1;pointer-events:auto;transform:translateY(0)}}@keyframes fadeInBar{to{opacity:1;transform:translateY(0)}}.password-strength-bar{background:#e0e0e0;border-radius:6px;height:5px;margin-bottom:.15rem}.bar-segment{background:#e0e0e0;border-radius:4px;min-width:0;transform:scaleX(.7);transition:background .4s cubic-bezier(.4,2,.6,1),transform .3s cubic-bezier(.4,2,.6,1)}.bar-segment.filled{animation:barGrow .35s cubic-bezier(.4,2,.6,1) forwards;background:inherit}@keyframes barGrow{0%{opacity:.5;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}.password-strength-label{font-size:.89rem;font-weight:600;margin-bottom:.05rem;margin-top:2px;text-align:left}.password-recommendation{color:#888;color:var(--text-muted,#888);font-size:.87rem;line-height:1.3;margin-bottom:.1rem;margin-top:.1rem;max-width:100%;width:100%}@media (max-width:600px){.password-strength-bar-wrapper{max-width:98vw}}@media (max-width:400px){.password-strength-bar-wrapper{font-size:.92rem;max-width:99vw}.password-strength-label{font-size:.9rem}.password-recommendation{font-size:.88rem}}:root{--schedule-modal-bg:#12182373;--schedule-modal-content-bg:#ffffffb8;--schedule-modal-backdrop-blur:8px;--schedule-modal-border:#fff9;--schedule-modal-shadow:0 8px 30px #1018281f;--modal-text:var(--text-color);--modal-muted:var(--text-color-light);--accent:var(--primary-color);--accent-strong:var(--primary-color-dark);--success-accent:var(--success-color);--slot-bg-active:#22c55e17;--slot-border-active:#22c55e40;--slot-bg-inactive:#0f172a05;--modal-animation-duration:0.28s;--glass-bg-top:#ffffffd1;--glass-bg-bottom:#ffffffa3;--glass-border:#fff9;--glass-inset:#ffffff59;--glass-highlight:#fff9;--glass-blur:12px}.game-schedule-day,.game-schedule-item,.game-schedule-modal,.game-schedule-modal-message,.time-slot{backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(var(--glass-blur)) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);background:linear-gradient(180deg,#ffffffd1,#ffffffa3);background:linear-gradient(180deg,var(--glass-bg-top),var(--glass-bg-bottom));border:1px solid #fff9;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 30px #1018280f;overflow:hidden;position:relative}.game-schedule-day:before,.game-schedule-item:before,.game-schedule-modal-message:before,.game-schedule-modal:before,.time-slot:before{background:linear-gradient(90deg,#ffffff59,#ffffff0f);content:"";filter:blur(8px);height:60%;left:-30%;mix-blend-mode:screen;opacity:.9;pointer-events:none;position:absolute;top:-40%;transform:rotate(-12deg);width:160%}.game-schedule-day:after,.game-schedule-item:after,.time-slot:after{border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff8c;content:"";inset:0;pointer-events:none;position:absolute}.time-slot{border-radius:10px}.game-schedule-item{border-radius:12px}.game-schedule-day:hover,.game-schedule-item:hover,.time-slot:hover{box-shadow:0 18px 40px #10182814;transform:translateY(-6px)}.game-schedule-modal-overlay{align-items:center;animation:modalFadeIn .28s ease-out;animation:modalFadeIn var(--modal-animation-duration) ease-out;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#12182373;background:var(--schedule-modal-bg);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:1.25rem;position:fixed;z-index:1050}.game-schedule-modal{animation:modalSlideIn .28s ease-out;animation:modalSlideIn var(--modal-animation-duration) ease-out;backdrop-filter:blur(8px);backdrop-filter:blur(var(--schedule-modal-backdrop-blur));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--schedule-modal-backdrop-blur));background:#ffffffb8;background:var(--schedule-modal-content-bg);border:1px solid #fff9;border:1px solid var(--schedule-modal-border);border-radius:14px;box-shadow:0 8px 30px #1018281f;box-shadow:var(--schedule-modal-shadow);display:flex;flex-direction:column;max-height:84vh;max-width:720px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.game-schedule-modal.card,.game-schedule-modal.card-default{align-items:stretch;gap:0}.game-schedule-modal.card .card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:1.1rem;min-height:0;overflow-x:hidden;overflow-y:visible!important;padding:0}.game-schedule-modal,.game-schedule-modal *{color:#000!important}.game-schedule-modal-header{align-items:center;background:#ffffffb8;background:var(--schedule-modal-content-bg);border-bottom:1px solid #1018280a;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;overflow-x:hidden;padding:1.25rem 1.5rem}.game-schedule-modal-close{align-items:center;background:#fff9;border:1px solid #1018280f;border-radius:10px;color:var(--text-color);color:var(--modal-text);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .16s ease,background .16s ease;width:40px}.game-schedule-modal-close:hover{background:#fffc;transform:scale(1.1)}.game-schedule-modal-close:focus{outline:2px solid #ffffff80;outline-offset:2px}.game-schedule-modal-title{color:var(--text-color);color:var(--modal-text);font-size:1.25rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis}.game-schedule-modal-subtitle{color:var(--text-color-light);color:var(--modal-muted);font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis}.game-schedule-modal-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.25rem 1.5rem 1.75rem}.game-schedule-modal-message{word-wrap:break-word;align-items:flex-start;background:#fff5ebe6;border:1px solid #1018280a;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;overflow-wrap:break-word;overflow-x:hidden;padding:.75rem .9rem}.game-schedule-modal-message .restriction-icon{font-size:1.6rem}.game-schedule-modal-message .restriction-text h3{color:var(--text-color);color:var(--modal-text);font-size:1.05rem;margin:0 0 6px}.game-schedule-day-indicator{background:#3b82f6e6}.game-schedule-modal-message .restriction-text p{color:var(--text-color-light);color:var(--modal-muted);font-size:.95rem;margin:0}.game-schedule-modal-message-icon{flex-shrink:0;font-size:1.5rem}.game-schedule-modal-section-title{align-items:center;color:var(--text-color);color:var(--modal-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .9rem}.game-schedule-modal-section-icon{color:var(--primary-color);color:var(--accent);font-size:1rem}.game-schedule-days-list{grid-gap:2.25rem;display:grid;gap:2.25rem;grid-template-columns:1fr 1fr;overflow-x:hidden;width:100%}.game-schedule-day{background:#ffffffc7;border:1px solid #1018280f;border-radius:12px;overflow:hidden;overflow-x:hidden;padding:.9rem;transition:transform .18s ease,box-shadow .18s ease}.game-schedule-day:hover{box-shadow:0 10px 30px #1018280f;transform:translateY(-4px)}.game-schedule-day.current-day{border:1px solid var(--accent);box-shadow:0 6px 18px #007bff0f}.game-schedule-day.no-schedules{background:#fafafa99;opacity:.95}.game-schedule-day-header{align-items:center;display:flex;justify-content:space-between;overflow-x:hidden;padding:.6rem .75rem;width:100%}.game-schedule-day-name{color:var(--text-color);color:var(--modal-text);font-size:1rem;font-weight:700}.time-slots{display:flex;flex-direction:column;gap:.45rem;overflow-x:hidden;padding:.4rem .45rem .6rem;width:100%}.time-slot{word-wrap:break-word;background:#ffffff80;border:1px solid #1018280a;border-radius:8px;font-size:.94rem;overflow-wrap:break-word;overflow-x:hidden;padding:.5rem}.time-slot,.time-slot .time-range{color:var(--text-color);color:var(--modal-text)}.time-slot .time-range{font-weight:600}.time-slot .time-description{color:var(--text-color-light);color:var(--modal-muted);font-size:.86rem;margin-top:.25rem}.time-slot.active-now{background:#22c55e17;background:var(--slot-bg-active);border:1px solid #22c55e40;border:1px solid var(--slot-border-active);box-shadow:0 6px 18px #1018280a}.active-indicator{color:var(--success-accent);font-size:.85rem;font-weight:700;margin-top:.25rem}.no-schedule{color:var(--text-color-light);color:var(--modal-muted);gap:.5rem;padding:.6rem}.modal-footer,.no-schedule{align-items:center;display:flex}.modal-footer{background:#ffffffb8;background:var(--schedule-modal-content-bg);border-top:1px solid #1018280a;flex-shrink:0;justify-content:center;overflow-x:hidden;padding:.9rem 1.5rem 1.2rem}.game-schedule-modal .modal-footer .btn,.game-schedule-modal .modal-footer .button,.game-schedule-modal .modal-footer button{color:#fff!important}.game-schedule-day-indicator{background:#3b82f6f2;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.game-schedule-day-count{background:#e2e8f0;border-radius:20px;color:#475569;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.game-schedule-day.current-day .game-schedule-day-count{background:#3b82f61f;color:var(--text-color);color:var(--modal-text)}.game-schedule-day-schedules{overflow-x:hidden;padding:1.5rem;width:100%}.game-schedule-schedules-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow-x:hidden;width:100%}.game-schedule-item{word-wrap:break-word;background:#f7f8fae6;border:2px solid #e2e8f099;border-radius:8px;cursor:default;overflow-wrap:break-word;overflow-x:hidden;padding:1rem;position:relative;transition:all .2s ease}.game-schedule-item:hover{box-shadow:0 4px 12px #0000001a;transform:scale(var(--schedule-hover-scale))}.game-schedule-item.active{background:var(--schedule-active-bg);border-color:var(--schedule-active-border);color:var(--schedule-active-text)}.game-schedule-item.active:before{animation:pulse 2s infinite;color:var(--schedule-active-border);content:"●";font-size:1.2rem;position:absolute;right:.5rem;top:.5rem}.game-schedule-time{align-items:center;display:flex;font-family:Monaco,Consolas,monospace;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.game-schedule-time-icon{font-size:.9rem;opacity:.7}.game-schedule-description{color:#64748b;font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.game-schedule-item.active .game-schedule-description{color:var(--schedule-active-text);opacity:.8}.game-schedule-games{display:flex;flex-wrap:wrap;gap:.25rem}.game-schedule-game-tag{background:#e2e8f0;border-radius:12px;color:#475569;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}@media (max-width:920px){.game-schedule-modal{max-width:620px;padding:0}.game-schedule-days-list{gap:1.2rem;grid-template-columns:1fr}}@media (max-width:820px){.game-schedule-modal-overlay{align-items:flex-start;padding-bottom:1.5rem;padding-top:1.5rem}.game-schedule-modal.card,.game-schedule-modal.card-default{margin-bottom:0;margin-top:0}}@media (max-width:520px){.game-schedule-modal{border-radius:12px;max-height:92vh}.game-schedule-modal-content{padding:1rem}.game-schedule-modal-title{font-size:1.05rem}.time-slot{font-size:.9rem}.game-schedule-day:before,.game-schedule-item:before,.game-schedule-modal-message:before,.game-schedule-modal:before,.time-slot:before{filter:blur(6px);opacity:.45}}.game-schedule-modal-close-button:focus-visible,.game-schedule-modal-close:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.game-schedule-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.game-schedule-text-center{text-align:center}.game-schedule-mb-0{margin-bottom:0}.game-schedule-mt-1{margin-top:.25rem}.game-schedule-font-mono{font-family:Monaco,Consolas,monospace}:root{--dashboard-primary:#4a8db7;--dashboard-secondary:#67c5bd;--dashboard-accent:#9fd8cb;--dashboard-light:#e6f3f8;--dashboard-dark:#1d3557;--dashboard-gradient:linear-gradient(135deg,#e0f7fa,#bbdefb);--dashboard-card-bg:#ffffffd9;--dashboard-shadow:0 8px 32px #1f268726;--dashboard-backdrop-filter:blur(7px)}.dark-mode{--dashboard-primary:#305f7a;--dashboard-secondary:#3a857e;--dashboard-accent:#4a8db7;--dashboard-light:#1c2331;--dashboard-dark:#cfd8dc;--dashboard-gradient:linear-gradient(135deg,#1a237e,#0d47a1);--dashboard-card-bg:#263238d9;--dashboard-shadow:0 8px 32px #0000004d}.dashboard-container{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#e0f7fa,#bbdefb);background:var(--dashboard-gradient);color:var(--text-color);font-family:var(--font-family);min-height:100vh;overflow:hidden;overflow-x:hidden;position:relative}.dashboard-container:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.dashboard-content{margin:0 auto;max-width:1200px;min-width:0;padding:2.5rem 1.5rem;position:relative;z-index:1}.dashboard-header{align-items:center;border-bottom:2px solid #ffffff4d;display:flex;justify-content:space-between;margin-bottom:2.5rem;min-width:0;padding-bottom:1.2rem;position:relative}.header-left{flex:1 1}.welcome-title{word-wrap:break-word;animation:slideInDown .8s ease;color:#1d3557;color:var(--dashboard-dark);font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:.6rem;overflow-wrap:break-word;text-shadow:0 2px 4px #0000001a}.welcome-subtitle{animation:slideInDown 1s ease;color:#4a8db7;color:var(--dashboard-primary);font-size:1.3rem;opacity:.9}.header-right{animation:slideInDown 1.2s ease}.dashboard-stats{grid-gap:1.5rem;animation:fadeInUp 1s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{backdrop-filter:blur(7px);backdrop-filter:var(--dashboard-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--dashboard-backdrop-filter);background-color:var(--card-bg-color);box-shadow:0 8px 20px #00000014;transition:transform .4s ease,box-shadow .4s ease}.stat-card:after{background:linear-gradient(90deg,#9fd8cb,#67c5bd);background:linear-gradient(90deg,var(--dashboard-accent),var(--dashboard-secondary));border-radius:0 0 16px 16px;bottom:0;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:100%}.stat-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-8px)}.stat-card:hover:after{transform:scaleX(1)}.stat-content{padding:1.5rem}.stat-content,.stat-icon{align-items:center!important;display:flex}.stat-icon{background:linear-gradient(135deg,#4a8db7,#67c5bd);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));border-radius:50%;box-shadow:0 5px 15px #0000001a;color:#fff;direction:ltr;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Twemoji Mozilla,Android Emoji,sans-serif;font-size:2.2rem;font-style:normal;font-weight:400;height:64px;justify-content:center!important;letter-spacing:0;line-height:1;margin-right:1.5rem;position:relative;text-align:center;text-decoration:none;text-transform:none;transition:transform .3s ease;vertical-align:middle;white-space:nowrap;width:64px;word-spacing:0}.stat-icon:before{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.stat-icon:hover{transform:scale(1.1)}.stat-info{display:flex;flex-direction:column;justify-content:center}.stat-value{color:#1d3557;color:var(--dashboard-dark);font-size:2.2rem;letter-spacing:-.5px;margin-bottom:.3rem}.stat-label{color:#4a8db7;color:var(--dashboard-primary);font-size:1rem}.dashboard-achievements{animation:fadeInUp 1.2s ease;margin-bottom:3rem}.section-title{color:#1d3557;color:var(--dashboard-dark);display:inline-block;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.section-title:after{background:linear-gradient(90deg,#67c5bd,#0000);background:linear-gradient(90deg,var(--dashboard-secondary),#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60%}.achievements-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.achievement-card{align-items:center;backdrop-filter:blur(7px);backdrop-filter:var(--dashboard-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--dashboard-backdrop-filter);background-color:#ffffffd9;background-color:var(--dashboard-card-bg);border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;gap:1rem;padding:1.2rem;transition:transform .3s ease,box-shadow .3s ease}.achievement-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.achievement-icon{align-items:center;background:linear-gradient(135deg,#9fd8cb,#4a8db7);background:linear-gradient(135deg,var(--dashboard-accent),var(--dashboard-primary));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:45px;justify-content:center;width:45px}.achievement-icon img{height:70%;object-fit:contain;width:70%}.achievement-info{flex:1 1}.achievement-name{color:#1d3557;color:var(--dashboard-dark);font-weight:600;margin-bottom:.3rem}.achievement-desc{color:#4a8db7;color:var(--dashboard-primary);font-size:.9rem}.dashboard-main{animation:fadeInUp 1.4s ease}.games-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card{backdrop-filter:blur(7px);backdrop-filter:var(--dashboard-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--dashboard-backdrop-filter);background-color:#ffffffd9;background-color:var(--dashboard-card-bg);border-radius:18px;box-shadow:0 10px 25px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem 1.5rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.game-card:before{background:linear-gradient(135deg,#0000,#fff3);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:1}.game-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px) scale(1.02)}.game-card:hover:before{opacity:1}.primary-game{border-top:4px solid #4a8db7;border-top:4px solid var(--dashboard-primary);position:relative}.primary-game:after{background-color:#4a8db7;background-color:var(--dashboard-primary);-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%);content:"";height:25px;position:absolute;right:0;top:0;width:25px}.game-icon{align-items:center;background:linear-gradient(135deg,#4a8db7,#67c5bd);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));border-radius:16px;box-shadow:0 8px 20px #0000001a;color:#fff;display:flex;font-size:2.8rem;height:80px;justify-content:center;margin-bottom:1.5rem;position:relative;transition:transform .5s cubic-bezier(.34,1.56,.64,1);width:80px}.game-card:hover .game-icon{transform:scale(1.1) rotate(5deg)}.game-title{-webkit-line-clamp:2;line-clamp:2;color:#1d3557;color:var(--dashboard-dark);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin-bottom:1rem}.game-description,.game-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.game-description{-webkit-line-clamp:3;line-clamp:3;color:#4a8db7;color:var(--dashboard-primary);flex-grow:1;font-size:1rem;line-height:1.5;margin-bottom:1.8rem}.header-right .btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#1d3557;color:var(--dashboard-dark);font-weight:600;min-width:180px;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.header-right .btn:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%;z-index:1}.header-right .btn:hover{background:#ffffff40;border-color:#9fd8cb;border-color:var(--dashboard-accent);box-shadow:0 8px 20px #00000026;color:#4a8db7;color:var(--dashboard-primary);transform:translateY(-3px)}.header-right .btn:hover:before{transform:translateX(100%)}.header-right .btn:active{box-shadow:0 2px 10px #0000001a;transform:translateY(-1px)}.header-right .btn span{font-size:1.2rem;margin-left:.5rem;position:relative;transition:transform .3s ease;z-index:2}.header-right .btn:hover span{transform:translateX(3px)}@media (min-width:992px){.stat-content{flex-direction:row!important;text-align:left!important}.stat-content,.stat-icon{align-items:center!important;display:flex!important}.stat-icon{flex-shrink:0;justify-content:center!important;margin-bottom:0!important;margin-right:1.5rem!important}.stat-info{flex:1 1;justify-content:flex-start!important;text-align:left!important}}@media (max-width:991px){.dashboard-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-content{flex-direction:column!important;text-align:center!important}.stat-content,.stat-icon{align-items:center!important;display:flex!important}.stat-icon{font-size:1.8rem;height:55px;line-height:1;margin-bottom:1rem!important;margin-right:0!important;width:55px}.stat-icon,.stat-info{justify-content:center!important}.stat-info{text-align:center!important}.stat-value{font-size:1.8rem}.welcome-title{font-size:2.2rem;line-height:1.2}.games-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.game-icon{font-size:2.4rem;height:70px;width:70px}}@media (max-width:860px){.dashboard-header{align-items:stretch;flex-direction:column;gap:1.5rem}.header-left{text-align:center}.header-right{align-self:center}.welcome-title{font-size:2rem}.games-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media (max-width:768px){.dashboard-content{padding:1.5rem 1rem}.dashboard-header{align-items:stretch;flex-direction:column;gap:1.2rem;margin-bottom:2rem;text-align:center}.header-left{order:1}.header-right{align-self:center;margin-top:0;order:2}.header-right .btn{font-size:.95rem;min-width:160px;padding:.75rem 1.5rem}.welcome-title{font-size:1.8rem;margin-bottom:.4rem}.welcome-subtitle{font-size:1.1rem}.dashboard-stats{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.stat-content{flex-direction:column!important;padding:1.2rem;text-align:center!important}.stat-content,.stat-icon{align-items:center!important;display:flex!important}.stat-icon{font-size:1.5rem;height:50px;line-height:1;margin-bottom:1rem!important;margin-right:0!important;text-align:center;width:50px}.stat-icon,.stat-info{justify-content:center!important}.stat-info{text-align:center!important}.stat-value{font-size:1.6rem}.section-title{font-size:1.5rem;margin-bottom:1.2rem}.achievements-grid{grid-template-columns:1fr}.achievement-icon{font-size:1.3rem;height:40px;width:40px}}@media (max-width:480px){.dashboard-container:before{opacity:.3}.dashboard-content{padding:1rem .8rem}.dashboard-header{gap:1rem;margin-bottom:1.5rem;padding-bottom:.8rem}.welcome-title{font-size:1.5rem;margin-bottom:.3rem}.welcome-subtitle{font-size:1rem;margin-bottom:.5rem}.header-right{display:flex;justify-content:center;width:100%}.header-right .btn{font-size:.9rem;max-width:220px;min-width:140px;padding:.7rem 1.3rem;width:auto}.games-grid{gap:1.2rem;grid-template-columns:1fr}.game-card{border-radius:15px;padding:1.5rem 1rem}.game-icon{border-radius:12px;font-size:2rem;height:60px;margin-bottom:1rem;width:60px}.game-title{font-size:1.3rem;margin-bottom:.8rem}.game-description{-webkit-line-clamp:2;line-clamp:2;font-size:.95rem;margin-bottom:1.2rem}.stat-value{font-size:1.4rem}.stat-label{font-size:.9rem}.achievement-card{padding:1rem}.section-title{font-size:1.3rem;margin-bottom:1rem;text-align:center;width:100%}}@media (max-width:380px){.dashboard-content{padding:.8rem .6rem}.welcome-title{font-size:1.3rem;line-height:1.1}.welcome-subtitle{font-size:.9rem}.header-right .btn{font-size:.85rem;min-width:130px;padding:.6rem 1.2rem}.game-card{padding:1.2rem .8rem}.game-icon{font-size:1.6rem;height:50px;margin-bottom:.8rem;width:50px}.game-title{font-size:1.2rem;margin-bottom:.6rem}.game-description{-webkit-line-clamp:2;line-clamp:2;font-size:.85rem;margin-bottom:1rem}.stat-content{flex-direction:column!important;padding:1rem .8rem;text-align:center!important}.stat-content,.stat-icon{align-items:center!important;display:flex!important}.stat-icon{font-size:1.4rem;height:45px;line-height:1;margin-bottom:.8rem!important;margin-right:0!important;text-align:center;vertical-align:middle;width:45px}.stat-icon,.stat-info{justify-content:center!important}.stat-info{text-align:center!important}.stat-value{font-size:1.3rem}.stat-label{font-size:.85rem}.achievement-icon{height:35px;width:35px}.achievement-name{font-size:.9rem}.achievement-desc{font-size:.8rem}.section-title{font-size:1.2rem;margin-bottom:.8rem}}@media (prefers-reduced-motion:reduce){.dashboard-container,.dashboard-container:before,.game-card,.game-icon,.stat-card,.stat-icon{animation:none;transition:none}}@media (hover:hover) and (pointer:fine){.stat-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-8px)}.game-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px) scale(1.02)}}.game-card:focus,.header-right .btn:focus,.stat-card:focus{outline:2px solid #4a8db7;outline:2px solid var(--dashboard-primary);outline-offset:2px}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px}}:root{--not-found-primary:#4e54c8;--not-found-secondary:#8f94fb;--not-found-accent:#c4c8ff;--not-found-light:#f5f7ff;--not-found-dark:#2a2e5d;--not-found-gradient:linear-gradient(135deg,#667eea,#764ba2);--not-found-card-bg:#ffffffd9;--not-found-shadow:0 8px 32px #1f268726;--not-found-backdrop-filter:blur(7px)}.not-found-container{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--not-found-gradient);display:flex;flex-direction:column;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-xl);position:relative}.not-found-container:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.not-found-card{align-items:center;animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--not-found-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--not-found-backdrop-filter);background:#ffffffd9;background:var(--not-found-card-bg);border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #1f268726;box-shadow:var(--not-found-shadow);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:var(--spacing-xxxl) var(--spacing-xl);position:relative;text-align:center;transform-origin:center bottom;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:95%;z-index:1}.not-found-card:hover{box-shadow:0 12px 36px #1f268740;transform:translateY(-5px)}.not-found-container h1{-webkit-text-fill-color:#0000;animation:glowPulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#4e54c8,#8f94fb);background:linear-gradient(135deg,var(--not-found-primary) 0,var(--not-found-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#4e54c8;color:var(--not-found-primary);font-family:var(--font-family-heading);font-size:clamp(4rem,12vw,8rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);position:relative;text-shadow:0 4px 8px #4e54c84d}@keyframes glowPulse{0%{filter:drop-shadow(0 0 5px rgba(78,84,200,.5))}to{filter:drop-shadow(0 0 20px rgba(78,84,200,.8))}}.not-found-container p{color:#2a2e5d;color:var(--not-found-dark);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);opacity:.9}.not-found-container a{align-items:center;background:linear-gradient(135deg,#4e54c8,#8f94fb);background:linear-gradient(135deg,var(--not-found-primary) 0,var(--not-found-secondary) 100%);border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:0 4px 15px #4e54c84d;color:#fff;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);letter-spacing:.5px;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.not-found-container a:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%;z-index:1}.not-found-container a:hover{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:linear-gradient(135deg,var(--not-found-secondary) 0,var(--not-found-primary) 100%);box-shadow:0 8px 25px #4e54c866;transform:translateY(-3px)}.not-found-container a:hover:before{transform:translateX(100%)}.not-found-container a:active{box-shadow:0 4px 15px #4e54c84d;transform:translateY(-1px)}.not-found-container a:after{content:"→";font-size:1.2em;font-weight:700;position:relative;transition:transform .3s ease;z-index:2}.not-found-container a:hover:after{transform:translateX(3px)}@media (min-width:1440px){.not-found-card,.not-found-container{padding:var(--spacing-xxxl) var(--spacing-xxl)}.not-found-card{max-width:800px}.not-found-container h1{font-size:clamp(6rem,15vw,10rem);margin-bottom:var(--spacing-xl)}.not-found-container p{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xxl);max-width:600px}.not-found-container a{font-size:var(--font-size-xl);padding:var(--spacing-lg) var(--spacing-xxl)}}@media (max-width:1439px) and (min-width:1200px){.not-found-card,.not-found-container{padding:var(--spacing-xxl) var(--spacing-xl)}.not-found-card{max-width:700px}.not-found-container h1{font-size:clamp(5rem,12vw,8rem);margin-bottom:var(--spacing-lg)}.not-found-container p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);max-width:500px}.not-found-container a{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}}@media (max-width:1199px) and (min-width:992px){.not-found-card{max-width:650px;padding:var(--spacing-xl) var(--spacing-lg)}.not-found-container h1{font-size:clamp(4.5rem,11vw,7rem)}.not-found-container p{font-size:var(--font-size-lg);max-width:450px}}@media (max-width:991px) and (min-width:860px){.not-found-card,.not-found-container{padding:var(--spacing-xl) var(--spacing-lg)}.not-found-card{max-width:580px;width:88%}.not-found-container h1{font-size:clamp(4rem,10vw,6.5rem);margin-bottom:var(--spacing-md)}.not-found-container p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);max-width:400px}.not-found-container a{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:859px) and (min-width:768px){.not-found-container{padding:var(--spacing-lg) var(--spacing-md)}.not-found-card{max-width:520px;padding:var(--spacing-xl) var(--spacing-lg);width:90%}.not-found-container h1{font-size:clamp(3.5rem,9vw,5.5rem);margin-bottom:var(--spacing-sm)}.not-found-container p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.not-found-container a{font-size:var(--font-size-base);min-width:160px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:767px) and (min-width:600px){.not-found-card,.not-found-container{padding:var(--spacing-lg) var(--spacing-md)}.not-found-card{border-radius:var(--border-radius-lg);max-width:480px;width:92%}.not-found-container h1{font-size:clamp(3rem,8vw,4.5rem);margin-bottom:var(--spacing-sm)}.not-found-container p{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.not-found-container a{font-size:var(--font-size-sm);min-width:140px;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:599px) and (min-width:480px){.not-found-container{padding:var(--spacing-md) var(--spacing-sm)}.not-found-card{border-radius:var(--border-radius-lg);max-width:420px;padding:var(--spacing-lg) var(--spacing-md);width:94%}.not-found-container h1{font-size:clamp(2.8rem,7vw,4rem);margin-bottom:var(--spacing-xs)}.not-found-container p{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md)}.not-found-container a{font-size:var(--font-size-sm);max-width:280px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;width:90%}}@media (max-width:479px) and (min-width:400px){.not-found-container{min-height:100vh}.not-found-card,.not-found-container{padding:var(--spacing-md) var(--spacing-sm)}.not-found-card{border-radius:var(--border-radius-md);max-width:360px;width:96%}.not-found-container h1{font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:var(--spacing-xs);text-shadow:0 2px 4px #4e54c833}.not-found-container p{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md);word-break:break-word}.not-found-container a{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:center;max-width:260px;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;width:95%}}@media (max-width:399px){.not-found-container{min-height:100vh}.not-found-card,.not-found-container{padding:var(--spacing-sm) var(--spacing-xs)}.not-found-card{border-radius:var(--border-radius-md);margin:0 auto;max-width:320px;width:98%}.not-found-container h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin-bottom:var(--spacing-xs);text-shadow:0 2px 4px #4e54c833}.not-found-container p{font-size:var(--font-size-xs);-webkit-hyphens:auto;hyphens:auto;line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm);word-break:break-word}.not-found-container a{align-items:center;border-radius:var(--border-radius-md);display:flex;font-size:var(--font-size-xs);justify-content:center;letter-spacing:0;max-width:240px;min-height:44px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;width:100%}.not-found-container a:after{font-size:1em}}@media (max-width:350px){.not-found-card,.not-found-container{padding:var(--spacing-xs)}.not-found-card{margin:0;max-width:280px;width:100%}.not-found-container h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1;margin-bottom:calc(var(--spacing-xs)/2)}.not-found-container p{font-size:var(--font-size-xs);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xs)}.not-found-container a{border-radius:var(--border-radius);font-size:var(--font-size-xs);max-width:200px;min-height:40px;padding:var(--spacing-xs);width:100%}}@media (max-height:500px) and (orientation:landscape) and (max-width:800px){.not-found-container{justify-content:center;min-height:100vh;padding:var(--spacing-sm) var(--spacing-md)}.not-found-card{max-width:70vw;min-width:400px;padding:var(--spacing-md) var(--spacing-lg);width:auto}.not-found-container h1{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:var(--spacing-xs)}.not-found-container p{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.not-found-container a{font-size:var(--font-size-sm);min-width:140px;padding:var(--spacing-xs) var(--spacing-md)}}@media (max-height:400px) and (orientation:landscape){.not-found-container{padding:var(--spacing-xs) var(--spacing-sm)}.not-found-card{max-width:60vw;min-width:320px;padding:var(--spacing-sm) var(--spacing-md)}.not-found-container h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:calc(var(--spacing-xs)/2)}.not-found-container p{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.not-found-container a{font-size:var(--font-size-xs);min-height:36px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (pointer:coarse){.not-found-container a{-webkit-tap-highlight-color:rgba(78,84,200,.2);min-height:48px;min-width:48px}.not-found-card,.not-found-container a{touch-action:manipulation}.not-found-container a{padding:max(var(--spacing-sm),12px) max(var(--spacing-md),16px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.not-found-container h1{text-rendering:optimizeLegibility}.not-found-container a,.not-found-container h1,.not-found-container p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.not-found-card{border:.5px solid #fff3}}@media (prefers-reduced-motion:reduce){.not-found-card,.not-found-container,.not-found-container a,.not-found-container a:after,.not-found-container a:before,.not-found-container h1,.not-found-container:before{animation:none;transition:none}.not-found-container a:hover{transform:none}}@media (prefers-contrast:high){.not-found-card{background:#fffffff2;border:2px solid #2a2e5d;border:2px solid var(--not-found-dark)}.not-found-container h1{-webkit-text-fill-color:#0000;background:#2a2e5d;background:var(--not-found-dark);-webkit-background-clip:text;background-clip:text}.not-found-container p{color:#2a2e5d;color:var(--not-found-dark)}.not-found-container a{background:#2a2e5d;background:var(--not-found-dark);border:2px solid #2a2e5d;border:2px solid var(--not-found-dark)}}@supports (-webkit-touch-callout:none){.not-found-container a{font-size:max(16px,var(--font-size-sm))}}.not-found-container a:focus{box-shadow:0 0 0 6px #4e54c833;outline:3px solid #4e54c8;outline:3px solid var(--not-found-primary);outline-offset:3px}.not-found-container a:focus:not(:focus-visible){box-shadow:0 4px 15px #4e54c84d;outline:none}@media (hover:hover) and (pointer:fine){.not-found-card:hover{box-shadow:0 12px 36px #1f268740;transform:translateY(-5px)}.not-found-container a:hover{box-shadow:0 8px 25px #4e54c866;transform:translateY(-3px)}}@media (hover:none){.not-found-card:hover{box-shadow:0 8px 32px #1f268726;box-shadow:var(--not-found-shadow);transform:none}.not-found-container a:hover{box-shadow:0 4px 15px #4e54c84d;transform:none}}.category-wheel{grid-gap:2rem;animation:fadeIn .8s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 auto 2rem;max-width:800px;width:100%}@media (max-width:700px){.category-wheel{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.category-wheel{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.category-item{align-items:center;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background-color:#ffffffd9;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 20px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;padding:1.4rem 1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.category-item:hover{box-shadow:0 15px 30px #0003;transform:translateY(-10px) scale(1.03)}.category-item:active{transform:translateY(-5px) scale(.98)}.category-item:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);height:100%;pointer-events:none;top:0;transform:translateX(-100%);transition:transform .6s;width:100%}.category-item:hover:before{transform:translateX(100%)}.category-icon{font-size:3rem;margin-bottom:.9rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.category-item:hover .category-icon{transform:scale(1.2) rotate(5deg)}.category-name{color:#2a2e5d;font-size:1.3rem;font-weight:600;position:relative;text-align:center}.category-name:after{background:currentColor;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.category-item:hover .category-name:after{width:80%}.category-item[style*=background-color]{overflow:hidden;position:relative}.category-item[style*=background-color]:after{background:inherit;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:-1}@media (max-width:768px){.category-wheel{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.category-item{height:140px;padding:1rem .9rem}.category-icon{font-size:2.8rem;margin-bottom:.8rem}.category-name{font-size:1rem}}.question-text{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#ffffffb3;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 4px 16px #0000001a;font-size:1.4rem;margin-bottom:2.4rem;padding:1.5rem;position:relative;text-align:center;width:100%}.question-text:after{background:#ffffffb3;border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;bottom:-16px;content:"";height:30px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:30px;z-index:-1}.answers-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px;width:100%}.answer-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:700;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .3s,transform .2s}.answer-button:focus-visible:not(:disabled),.answer-button:hover:not(:disabled){background-color:var(--primary-color-dark);outline:2px solid var(--primary-color-light);transform:translateY(-2px)}.answer-button:disabled{background-color:var(--secondary-color);cursor:not-allowed;opacity:.7}.answer-button.selected{background-color:var(--primary-color-light);border:2px solid var(--primary-color-dark);color:var(--primary-color-dark)}.answer-button.correct{background-color:var(--success-color)!important;border:2px solid var(--success-color-dark);box-shadow:0 0 8px var(--success-color-light)}.answer-button.correct,.answer-button.incorrect{color:#fff;transition:background-color .2s,box-shadow .2s}.answer-button.incorrect{background-color:var(--danger-color)!important;border:2px solid var(--danger-color-dark);box-shadow:0 0 8px var(--danger-color-light)}.feedback-msg{background:var(--secondary-color-bg);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000f;font-size:var(--font-size-md);font-weight:700;margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.feedback-message{animation:fadeInUp .5s ease-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 4px 15px #0000001a;font-size:1.2rem;font-weight:600;margin-left:auto;margin-right:auto;margin-top:1.5rem;padding:1rem 1.5rem;text-align:center;width:-webkit-fit-content;width:fit-content}.feedback-message.correct{background:linear-gradient(90deg,#4caf501a,#4caf5033);border:1px solid #4caf504d;color:#2e7d32}.feedback-message.incorrect{background:linear-gradient(90deg,#f443361a,#f4433633);border:1px solid #f443364d;color:#c62828}.answer-options{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-left:auto;margin-right:auto;margin-top:.6rem;max-width:720px;width:100%}.answer-option{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffffb3;border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;overflow:hidden;padding:1.2rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.answer-option:before{background:linear-gradient(120deg,#0000,#fff3,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%}.answer-option:hover:not(:disabled):not(.correct):not(.incorrect){box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.answer-option:hover:not(:disabled):not(.correct):not(.incorrect):before{transform:translateX(100%)}.answer-option:active:not(:disabled){box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.answer-letter{align-items:center;background:#4e54c8;border-radius:50%;box-shadow:0 3px 6px #0000001a;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:36px;justify-content:center;margin-right:1rem;transition:transform .3s ease;width:36px}.answer-option:hover:not(:disabled) .answer-letter{transform:scale(1.1)}.answer-text{color:#2a2e5d;flex-grow:1}.answer-option.correct{animation:pulseCorrect 1s infinite;background:linear-gradient(90deg,#4caf501a,#4caf5033);border:1px solid #4caf504d;box-shadow:0 4px 15px #4caf5033;transform:translateY(-5px)}.answer-option.correct .answer-letter{background:#4caf50}.answer-option.incorrect{background:linear-gradient(90deg,#f443361a,#f4433633);border:1px solid #f443364d;box-shadow:0 4px 15px #f4433633;transform:translateY(-5px)}.answer-option.incorrect .answer-letter{background:#f44336}.answer-option:disabled{cursor:not-allowed;opacity:.7}.answer-option.removed{border:none;height:0;margin:0;opacity:0;padding:0;pointer-events:none;transform:scale(.8);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.answer-option.faded:not(.correct):not(.incorrect){opacity:.6}.answer-feedback-icon{font-size:1.5rem;font-weight:700;margin-left:1rem}.correct .answer-feedback-icon{color:#4caf50}.incorrect .answer-feedback-icon{color:#f44336}@keyframes fadeInQuestion{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.feedback-message{font-size:1.1rem;padding:.8rem 1.2rem}}@media (max-width:480px){.feedback-message{font-size:1rem;padding:.6rem 1rem}}@media (max-width:768px){.question-text{font-size:1.2rem;margin-bottom:3.5rem;padding:1.2rem}.answer-option{font-size:1rem;padding:1rem}.answer-letter{font-size:.9rem;height:32px;width:32px}}@media (max-width:480px){.question-text{font-size:1.1rem;margin-bottom:2.8rem;padding:1rem}.answer-option{font-size:.95rem;padding:.8rem}.answer-letter{font-size:.85rem;height:28px;margin-right:.8rem;width:28px}.answer-feedback-icon{font-size:1.2rem}}:root{--loading-primary:#667eea;--loading-secondary:#764ba2;--loading-bg:#fffffff2;--loading-text:#4a5568;--loading-gradient:linear-gradient(135deg,#667eea,#764ba2);--spinner-small:32px;--spinner-medium:48px;--spinner-large:64px;--loading-duration:1.2s;--loading-easing:cubic-bezier(0.4,0,0.2,1)}.loading-state-container{align-items:center;animation:loadingFadeIn .4s cubic-bezier(.4,0,.2,1);animation:loadingFadeIn .4s var(--loading-easing);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:2rem;text-align:center}.loading-state-container.full-screen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;background:var(--loading-bg);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #1f26871a;min-height:60vh}.loading-spinner{animation:loadingRotate 1.2s linear infinite;animation:loadingRotate var(--loading-duration) linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#667eea 45deg,#764ba2 90deg,#0000 180deg,#667eea 225deg,#764ba2 270deg,#0000 1turn);background:conic-gradient(from 0deg,#0000 0deg,var(--loading-primary) 45deg,var(--loading-secondary) 90deg,#0000 180deg,var(--loading-primary) 225deg,var(--loading-secondary) 270deg,#0000 1turn);display:inline-block;position:relative}.loading-spinner:before{background:#fffffff2;background:var(--loading-bg);border-radius:50%;bottom:4px;content:"";left:4px;position:absolute;right:4px;top:4px;z-index:1}.spinner-inner{animation:loadingPulse 1s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--loading-gradient);border-radius:50%;height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;z-index:2}.loading-spinner-small{height:32px;height:var(--spinner-small);width:32px;width:var(--spinner-small)}.loading-spinner-medium{height:48px;height:var(--spinner-medium);width:48px;width:var(--spinner-medium)}.loading-spinner-large{height:64px;height:var(--spinner-large);width:64px;width:var(--spinner-large)}.loading-message{animation:loadingTextPulse 2s ease-in-out infinite;color:#4a5568;color:var(--loading-text);font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin:0}@keyframes loadingFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes loadingTextPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.loading-state-container{gap:1rem;padding:1.5rem}.loading-state-container.full-screen{min-height:50vh}.loading-message{font-size:1rem}}@media (max-width:480px){.loading-state-container{padding:1rem}.loading-spinner-large{height:48px;height:var(--spinner-medium);width:48px;width:var(--spinner-medium)}.loading-spinner-medium{height:32px;height:var(--spinner-small);width:32px;width:var(--spinner-small)}}@media (prefers-reduced-motion:reduce){.loading-message,.loading-spinner,.spinner-inner{animation:none}.loading-spinner{border:3px solid #667eea;border:3px solid var(--loading-primary);border-top:3px solid #0000}}:root{--empty-primary:#667eea;--empty-secondary:#764ba2;--empty-text-primary:#2d3748;--empty-text-secondary:#718096;--empty-bg:#fffffff2;--empty-border:#e2e8f0cc;--empty-gradient:linear-gradient(135deg,#667eea,#764ba2);--empty-shadow:0 4px 16px #2d374814;--empty-shadow-hover:0 8px 24px #2d37481f;--empty-spacing-sm:1rem;--empty-spacing-md:1.5rem;--empty-spacing-lg:2rem;--empty-spacing-xl:3rem}.empty-state-container{align-items:center;animation:emptyFadeIn .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--empty-bg);border:1px solid #e2e8f0cc;border:1px solid var(--empty-border);border-radius:20px;box-shadow:0 4px 16px #2d374814;box-shadow:var(--empty-shadow);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;padding:var(--empty-spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.empty-state-container:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--empty-gradient);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.empty-state-container:hover{box-shadow:0 8px 24px #2d37481f;box-shadow:var(--empty-shadow-hover);transform:translateY(-2px)}.empty-state-default{margin:0 auto;max-width:500px;min-height:300px}.empty-state-large{margin:0 auto;max-width:600px;min-height:400px;padding:3rem 2rem;padding:var(--empty-spacing-xl) var(--empty-spacing-lg)}.empty-state-compact{margin:0 auto;max-width:400px;min-height:200px;padding:2rem;padding:var(--empty-spacing-lg)}.empty-state-icon{animation:emptyIconFloat 3s ease-in-out infinite;margin-bottom:1.5rem;margin-bottom:var(--empty-spacing-md);opacity:.8;position:relative}.empty-state-large .empty-state-icon{font-size:5rem;margin-bottom:2rem;margin-bottom:var(--empty-spacing-lg)}.empty-state-compact .empty-state-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--empty-spacing-sm)}.empty-state-content{margin-bottom:2rem;margin-bottom:var(--empty-spacing-lg)}.empty-state-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--empty-gradient);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--empty-text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem;margin:0 0 var(--empty-spacing-sm) 0}.empty-state-large .empty-state-title{font-size:1.8rem;margin-bottom:1.5rem;margin-bottom:var(--empty-spacing-md)}.empty-state-compact .empty-state-title{font-size:1.3rem;margin-bottom:1rem;margin-bottom:var(--empty-spacing-sm)}.empty-state-description{color:#718096;color:var(--empty-text-secondary);font-size:1.1rem;line-height:1.5;margin:0;max-width:400px}.empty-state-large .empty-state-description{font-size:1.2rem;max-width:500px}.empty-state-compact .empty-state-description{font-size:1rem;max-width:300px}.empty-state-action{animation:emptyActionSlideUp .8s cubic-bezier(.4,0,.2,1) .3s both;margin-top:1.5rem;margin-top:var(--empty-spacing-md)}.empty-state-compact .empty-state-action{margin-top:1rem;margin-top:var(--empty-spacing-sm)}@keyframes emptyFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes emptyIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes emptyActionSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-container:after{background:linear-gradient(45deg,#0000,#ffffff0d,#0000);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.empty-state-container:hover:after{animation:emptyShine 1.5s ease-in-out;opacity:1}@keyframes emptyShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@media (max-width:768px){.empty-state-container{margin:1rem;padding:2rem;padding:var(--empty-spacing-lg)}.empty-state-default,.empty-state-large{max-width:90%;min-height:250px}.empty-state-compact{min-height:180px;padding:1.5rem;padding:var(--empty-spacing-md)}.empty-state-icon{font-size:3.5rem}.empty-state-large .empty-state-icon{font-size:4rem}.empty-state-compact .empty-state-icon{font-size:2.5rem}.empty-state-title{font-size:1.3rem}.empty-state-large .empty-state-title{font-size:1.5rem}.empty-state-compact .empty-state-title{font-size:1.1rem}.empty-state-description{font-size:1rem}}@media (max-width:480px){.empty-state-container{margin:.5rem;padding:1.5rem;padding:var(--empty-spacing-md)}.empty-state-compact,.empty-state-default,.empty-state-large{max-width:95%;min-height:auto}.empty-state-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--empty-spacing-sm)}.empty-state-title{font-size:1.2rem}.empty-state-description{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.empty-state-action,.empty-state-container,.empty-state-icon{animation:none}.empty-state-container:hover{transform:none}}.empty-state-container:focus-within{outline:2px solid #667eea;outline:2px solid var(--empty-primary);outline-offset:2px}:root{--error-primary:#e53e3e;--error-secondary:#fc8181;--error-warning:#ed8936;--error-network:#3182ce;--error-permission:#805ad5;--error-text-primary:#2d3748;--error-text-secondary:#718096;--error-bg:#fffffff2;--error-border:#e53e3e33;--error-shadow:0 8px 32px #e53e3e1a;--error-bg-error:linear-gradient(135deg,#fed7d7,#fbb6ce);--error-bg-warning:linear-gradient(135deg,#feebc8,#fbd38d);--error-bg-network:linear-gradient(135deg,#bee3f8,#90cdf4);--error-bg-permission:linear-gradient(135deg,#e9d8fd,#d6bcfa);--error-spacing-sm:1rem;--error-spacing-md:1.5rem;--error-spacing-lg:2rem;--error-spacing-xl:3rem}.error-state-container{align-items:center;animation:errorSlideIn .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--error-bg);border:2px solid #e53e3e33;border:2px solid var(--error-border);border-radius:20px;box-shadow:0 8px 32px #e53e3e1a;box-shadow:var(--error-shadow);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;overflow:hidden;padding:3rem;padding:var(--error-spacing-xl);position:relative;text-align:center}.error-state-container:before{border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.error-state-error{background:linear-gradient(135deg,#fed7d7,#fbb6ce);background:var(--error-bg-error);border-color:#e53e3e;border-color:var(--error-primary)}.error-state-error:before{background:linear-gradient(90deg,#e53e3e,#fc8181);background:linear-gradient(90deg,var(--error-primary),var(--error-secondary))}.error-state-warning{background:linear-gradient(135deg,#feebc8,#fbd38d);background:var(--error-bg-warning);border-color:#ed8936;border-color:var(--error-warning)}.error-state-warning:before{background:linear-gradient(90deg,#ed8936,#f6ad55);background:linear-gradient(90deg,var(--error-warning),#f6ad55)}.error-state-network{background:linear-gradient(135deg,#bee3f8,#90cdf4);background:var(--error-bg-network);border-color:#3182ce;border-color:var(--error-network)}.error-state-network:before{background:linear-gradient(90deg,#3182ce,#63b3ed);background:linear-gradient(90deg,var(--error-network),#63b3ed)}.error-state-permission{background:linear-gradient(135deg,#e9d8fd,#d6bcfa);background:var(--error-bg-permission);border-color:#805ad5;border-color:var(--error-permission)}.error-state-permission:before{background:linear-gradient(90deg,#805ad5,#b794f6);background:linear-gradient(90deg,var(--error-permission),#b794f6)}.error-state-icon{animation:errorIconBounce 1s ease-in-out;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--error-spacing-md)}.error-state-content{margin-bottom:2rem;margin-bottom:var(--error-spacing-lg);width:100%}.error-state-title{color:#2d3748;color:var(--error-text-primary);font-size:1.8rem;font-weight:700;line-height:1.3;margin:0 0 1rem;margin:0 0 var(--error-spacing-sm) 0}.error-state-message{color:#718096;color:var(--error-text-secondary);font-size:1.2rem;font-weight:500;line-height:1.5;margin:0 0 1.5rem;margin:0 0 var(--error-spacing-md) 0}.error-state-details{background:#ffffffb3;border-left:4px solid;border-radius:12px;margin:1.5rem 0;margin:var(--error-spacing-md) 0;padding:1.5rem;padding:var(--error-spacing-md);text-align:left}.error-details-text{background:#0000000d;border-radius:8px;color:#718096;color:var(--error-text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;line-height:1.4;margin:0;padding:1rem;padding:var(--error-spacing-sm);word-break:break-word}.error-state-suggestions{background:#fffc;border:1px solid #0000001a;border-radius:12px;margin:1.5rem 0;margin:var(--error-spacing-md) 0;padding:1.5rem;padding:var(--error-spacing-md);text-align:left}.error-state-suggestions h4{align-items:center;color:#2d3748;color:var(--error-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;margin:0 0 var(--error-spacing-sm) 0}.error-state-suggestions h4:before{content:"💡";font-size:1.2rem}.error-state-suggestions ul{color:#718096;color:var(--error-text-secondary);margin:0;padding-left:1.5rem}.error-state-suggestions li{line-height:1.4;margin-bottom:.5rem}.error-state-suggestions li:last-child{margin-bottom:0}.error-state-actions{animation:errorActionsSlideUp .8s cubic-bezier(.4,0,.2,1) .3s both;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--error-spacing-md);justify-content:center}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes errorIconBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes errorActionsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-state-container:after{animation:errorShimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes errorShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@media (max-width:768px){.error-state-container{margin:1rem;max-width:95%;padding:2rem;padding:var(--error-spacing-lg)}.error-state-icon{font-size:3.5rem}.error-state-title{font-size:1.5rem}.error-state-message{font-size:1.1rem}.error-state-details,.error-state-suggestions{padding:1rem;padding:var(--error-spacing-sm)}.error-details-text{font-size:.9rem}}@media (max-width:480px){.error-state-container{margin:.5rem;padding:1.5rem;padding:var(--error-spacing-md)}.error-state-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--error-spacing-sm)}.error-state-title{font-size:1.3rem}.error-state-message{font-size:1rem}.error-state-actions{flex-direction:column;gap:1rem;gap:var(--error-spacing-sm)}.error-state-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.error-state-actions,.error-state-container,.error-state-container:after,.error-state-icon{animation:none}}@media (prefers-contrast:high){.error-state-container{border-width:3px}.error-state-details,.error-state-suggestions{border-width:2px}}:root{--modal-z-index:9999;--modal-overlay:#0009;--modal-bg:#fffffffa;--modal-border:#e2e8f0cc;--modal-shadow:0 20px 60px #00000026;--modal-text-primary:#2d3748;--modal-text-secondary:#718096;--modal-default-gradient:linear-gradient(135deg,#667eea,#764ba2);--modal-success-gradient:linear-gradient(135deg,#48bb78,#38a169);--modal-warning-gradient:linear-gradient(135deg,#ed8936,#dd6b20);--modal-error-gradient:linear-gradient(135deg,#e53e3e,#c53030);--modal-info-gradient:linear-gradient(135deg,#3182ce,#2c5282);--modal-small:400px;--modal-medium:600px;--modal-large:800px;--modal-xlarge:1000px;--modal-duration:0.3s;--modal-easing:cubic-bezier(0.4,0,0.2,1);--modal-padding-sm:1rem;--modal-padding-md:1.5rem;--modal-padding-lg:2rem}.universal-modal-overlay{align-items:center!important;animation:modalOverlayFadeIn .3s cubic-bezier(.4,0,.2,1);animation:modalOverlayFadeIn var(--modal-duration) var(--modal-easing);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009!important;background:var(--modal-overlay)!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5rem!important;padding:var(--modal-padding-md)!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:9999!important;z-index:var(--modal-z-index)!important}.universal-modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);animation:modalSlideIn var(--modal-duration) var(--modal-easing);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffffa;background:var(--modal-bg);border:1px solid #e2e8f0cc;border:1px solid var(--modal-border);border-radius:20px;box-shadow:0 20px 60px #00000026;box-shadow:var(--modal-shadow);box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;overflow-x:hidden;overflow-y:auto;position:relative}.universal-modal-content:before{border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.universal-modal-default:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--modal-default-gradient)}.universal-modal-success:before{background:linear-gradient(135deg,#48bb78,#38a169);background:var(--modal-success-gradient)}.universal-modal-warning:before{background:linear-gradient(135deg,#ed8936,#dd6b20);background:var(--modal-warning-gradient)}.universal-modal-error:before{background:linear-gradient(135deg,#e53e3e,#c53030);background:var(--modal-error-gradient)}.universal-modal-info:before{background:linear-gradient(135deg,#3182ce,#2c5282);background:var(--modal-info-gradient)}.universal-modal-small{max-width:400px;max-width:var(--modal-small);width:100%}.universal-modal-medium{max-width:600px;max-width:var(--modal-medium);width:100%}.universal-modal-large{max-width:800px;max-width:var(--modal-large);width:100%}.universal-modal-xlarge{max-width:1000px;max-width:var(--modal-xlarge);width:100%}.universal-modal-header{align-items:center;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--modal-border);display:flex;justify-content:space-between;margin-top:4px;padding:1.5rem 2rem;padding:var(--modal-padding-md) var(--modal-padding-lg);position:relative}.universal-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--modal-default-gradient);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--modal-text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.universal-modal-success .universal-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#48bb78,#38a169);background:var(--modal-success-gradient);-webkit-background-clip:text;background-clip:text}.universal-modal-warning .universal-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ed8936,#dd6b20);background:var(--modal-warning-gradient);-webkit-background-clip:text;background-clip:text}.universal-modal-error .universal-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e53e3e,#c53030);background:var(--modal-error-gradient);-webkit-background-clip:text;background-clip:text}.universal-modal-info .universal-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3182ce,#2c5282);background:var(--modal-info-gradient);-webkit-background-clip:text;background-clip:text}.universal-modal-close{align-items:center;background:#744ba21a;border:none;border-radius:50%;color:#718096;color:var(--modal-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--modal-easing);width:32px}.universal-modal-close:hover{background:#744ba233;color:#2d3748;color:var(--modal-text-primary);transform:scale(1.1)}.universal-modal-close:active{transform:scale(.95)}.universal-modal-body{word-wrap:break-word;color:#2d3748;color:var(--modal-text-primary);flex:1 1;line-height:1.6;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:2rem;padding:var(--modal-padding-lg)}.universal-modal-body,.universal-modal-body *{box-sizing:border-box;max-width:100%}.universal-modal-body p{word-wrap:break-word;color:#718096;color:var(--modal-text-secondary);margin:0 0 1rem;overflow-wrap:break-word}.universal-modal-body p:last-child{margin-bottom:0}.universal-modal-body strong{word-wrap:break-word;overflow-wrap:break-word}.universal-modal-body ol,.universal-modal-body ul{max-width:100%}.universal-modal-body li{word-wrap:break-word;overflow-wrap:break-word}.universal-modal-footer{background:#f8f9fa80;border-top:1px solid #e2e8f0cc;border-top:1px solid var(--modal-border);display:flex;gap:1rem;gap:var(--modal-padding-sm);justify-content:flex-end;padding:1.5rem 2rem;padding:var(--modal-padding-md) var(--modal-padding-lg)}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.universal-modal-overlay.closing{animation:modalOverlayFadeOut .3s cubic-bezier(.4,0,.2,1);animation:modalOverlayFadeOut var(--modal-duration) var(--modal-easing)}.universal-modal-overlay.closing .universal-modal-content{animation:modalSlideOut .3s cubic-bezier(.4,0,.2,1);animation:modalSlideOut var(--modal-duration) var(--modal-easing)}@keyframes modalOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}.universal-modal-content:after{animation:modalShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes modalShine{0%{left:-100%}50%{left:100%}to{left:100%}}@media (max-width:768px){.universal-modal-overlay{align-items:flex-start!important;padding:1rem!important;padding:var(--modal-padding-sm)!important;padding-top:20px!important}.universal-modal-content{margin:0 auto;max-height:85vh;max-width:95%!important;width:100%!important}.universal-modal-header{padding:1rem 1.5rem;padding:var(--modal-padding-sm) var(--modal-padding-md)}.universal-modal-title{font-size:1.3rem}.universal-modal-body{padding:1.5rem;padding:var(--modal-padding-md)}.universal-modal-footer{flex-direction:column;gap:1rem;gap:var(--modal-padding-sm);padding:1rem 1.5rem;padding:var(--modal-padding-sm) var(--modal-padding-md)}.universal-modal-footer .btn{width:100%}}@media (max-width:480px){.universal-modal-overlay{align-items:flex-start!important;padding:1rem!important;padding:var(--modal-padding-sm)!important;padding-top:10px!important}.universal-modal-content{border-radius:16px;max-height:90vh;max-width:98%!important;width:100%!important}.universal-modal-header{padding:1rem;padding:var(--modal-padding-sm)}.universal-modal-title{font-size:1.2rem}.universal-modal-body,.universal-modal-footer{padding:1rem;padding:var(--modal-padding-sm)}.universal-modal-close{font-size:1.3rem;height:28px;width:28px}}@media (max-height:600px) and (orientation:landscape){.universal-modal-overlay{align-items:flex-start!important;padding-top:10px!important}.universal-modal-content{max-height:95vh}.universal-modal-body,.universal-modal-footer,.universal-modal-header{padding:1rem;padding:var(--modal-padding-sm)}}@media (prefers-reduced-motion:reduce){.universal-modal-content,.universal-modal-content:after,.universal-modal-overlay{animation:none}.universal-modal-close:hover{transform:none}}@media (prefers-contrast:high){.universal-modal-content,.universal-modal-footer,.universal-modal-header{border-width:2px}}.universal-modal-close:focus{outline:2px solid #2d3748;outline:2px solid var(--modal-text-primary);outline-offset:2px}:root{--quiz-primary:#4e54c8;--quiz-secondary:#8f94fb;--quiz-accent:#c4c8ff;--quiz-light:#f5f7ff;--quiz-dark:#2a2e5d;--quiz-gradient:linear-gradient(135deg,#667eea,#764ba2);--quiz-card-bg:#ffffffd9;--quiz-shadow:0 8px 32px #1f268726;--quiz-backdrop-filter:blur(7px);--quiz-correct:#4caf50;--quiz-incorrect:#f44336;--quiz-timer-color:#4e54c8;--quiz-timer-gradient:linear-gradient(90deg,#8f94fb,#4e54c8);--quiz-timer-low:linear-gradient(90deg,#ff9a9a,#ff5252)}.quiz-game{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--quiz-gradient);display:flex;flex-direction:column;font-family:var(--font-family);min-height:100vh;overflow:hidden;padding:2rem;position:relative}.quiz-game:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.category-selection{align-items:center;animation:fadeInUp 1s ease;backdrop-filter:blur(7px);backdrop-filter:var(--quiz-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--quiz-backdrop-filter);background:#ffffffd9;background:var(--quiz-card-bg);border-radius:24px;box-shadow:0 8px 32px #1f268726;box-shadow:var(--quiz-shadow);display:flex;flex-direction:column;margin-top:var(--spacing-xl);max-width:600px;padding:2.8rem 2.2rem;position:relative;text-align:center;transform-origin:center bottom;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%;z-index:5}.category-selection:hover{box-shadow:0 12px 36px #1f268733;transform:translateY(-5px)}.category-selection h1{animation:fadeIn 1s ease-out;color:#4e54c8;color:var(--quiz-primary);font-size:2.2rem;font-weight:700;margin-bottom:1.8rem;position:relative;text-shadow:0 2px 4px #0000001a}.category-selection h1:after{animation:expandWidth 1s ease-out forwards;background:linear-gradient(90deg,#8f94fb,#c4c8ff);background:linear-gradient(90deg,var(--quiz-secondary),var(--quiz-accent));border-radius:2px;bottom:-12px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.question-section{align-items:center;animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--quiz-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--quiz-backdrop-filter);background:#ffffffd9;background:var(--quiz-card-bg);border-radius:24px;box-shadow:0 8px 32px #1f268726;box-shadow:var(--quiz-shadow);display:flex;flex-direction:column;margin-top:var(--spacing-xl);max-width:600px;padding:2.8rem 2.2rem;position:relative;transform-origin:center bottom;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%;z-index:5}.question-section:hover{box-shadow:0 12px 36px #1f268733;transform:translateY(-5px)}.question-section h1{color:#4e54c8;color:var(--quiz-primary);font-size:1.8rem;font-weight:700;margin-bottom:1.8rem;position:relative;text-align:center}.quiz-timer-bar{background:#ffffff4d;border-radius:10px;box-shadow:inset 0 1px 3px #0000001a;height:8px;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}.quiz-timer-bar-inner{animation:pulseGlow 2s infinite;background:linear-gradient(90deg,#8f94fb,#4e54c8);background:var(--quiz-timer-gradient);border-radius:10px;height:100%;position:relative;transition:width .3s linear,background .3s}.quiz-timer-bar-inner[style*="width: 10"],.quiz-timer-bar-inner[style*="width: 20"]{background:linear-gradient(90deg,#ff9a9a,#ff5252);background:var(--quiz-timer-low)}.quiz-timer-bar-inner[style*="width: 10"]{animation:pulseWarning .8s infinite}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.85}}.quiz-timer-num{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffffb3;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#2a2e5d;color:var(--quiz-dark);font-size:1.1rem;font-weight:700;padding:2px 10px;position:absolute;right:0;top:-28px}.score{background:#8e94fb1a;box-shadow:0 2px 10px #4e54c81a;color:var(--quiz-primary);font-size:1.3rem;margin:1.5rem 0 .8rem;padding:.8rem 2rem;text-align:center;transition:transform .3s}.score:hover{box-shadow:0 4px 15px #4e54c826;transform:translateY(-3px)}.quizgame-btn-container{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:1rem}.quizgame-btn-container .btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-weight:600;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:.8rem 1.4rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.quizgame-btn-container .btn:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%;z-index:1}.quizgame-btn-container .btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.quizgame-btn-container .btn:hover:before{transform:translateX(100%)}.quizgame-btn-container .btn span{position:relative;z-index:2}.quizgame-btn-container .btn[disabled]{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.fifty-fifty-btn{background:linear-gradient(135deg,#ffb74d,#ff9800);color:#fff;font-weight:600;overflow:hidden;position:relative;text-shadow:0 1px 2px #0003}.fifty-fifty-btn:not([disabled]):hover{background:linear-gradient(135deg,#ffa726,#f57c00)}.fifty-fifty-btn:not([disabled]):active{box-shadow:0 2px 10px #0000001a;transform:translateY(-1px)}.fifty-fifty-btn[disabled]{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);cursor:not-allowed}.fifty-fifty-btn .btn-content{align-items:center;display:flex;gap:2px;justify-content:center}.fifty-fifty-btn .fifty-text{font-size:.9em;position:relative}.fifty-fifty-btn .separator{font-size:1.1em;font-weight:700;margin:0 3px}.quiz-modal-feedback{align-items:center;animation:fadeIn .3s;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quiz-modal-correct{animation:bounceInCorrect .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:20px;box-shadow:0 15px 35px #4caf5066,0 5px 15px #0000001a;color:#fff;min-width:300px;overflow:hidden;padding:2rem 2.5rem;position:relative;text-align:center}.quiz-modal-correct:before{animation:shimmerCorrect 2s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.quiz-modal-correct .quiz-modal-icon{animation:pulseCorrect 1s ease-in-out infinite;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.quiz-modal-correct .quiz-modal-message{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 2px #0003}.quiz-modal-correct .quiz-modal-celebration{animation:bounceParticles .8s ease-out;font-size:2rem}.quiz-modal-incorrect{animation:shakeIncorrect .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#f44336,#e57373);border-radius:20px;box-shadow:0 15px 35px #f4433666,0 5px 15px #0000001a;color:#fff;min-width:300px;overflow:hidden;padding:2rem 2.5rem;position:relative;text-align:center}.quiz-modal-incorrect:before{animation:pulseIncorrect 1.5s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.quiz-modal-incorrect .quiz-modal-icon{animation:wobbleIncorrect 1s ease-in-out;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.quiz-modal-incorrect .quiz-modal-message{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 2px #0003}.quiz-modal-incorrect .quiz-modal-error{animation:sadFace 1s ease-out;font-size:2rem}@media (max-width:600px){.quiz-game{padding:1.5rem 1rem}.category-selection,.question-section{border-radius:20px;padding:2rem 1.5rem}.category-selection h1,.question-section h1{font-size:1.5rem;margin-bottom:1.2rem}.quiz-timer-bar{height:6px;margin-bottom:1.2rem}.quiz-timer-num{font-size:.95rem;padding:2px 7px;top:-20px}.score{font-size:1.1rem;margin:1rem 0 .6rem;padding:.6rem 1.5rem}.quizgame-btn-container{align-items:center;flex-direction:column;margin-top:.8rem}.quizgame-btn-container .btn{font-size:var(--font-size-sm);min-width:auto;width:100%}.quiz-modal-content{font-size:1.2rem;min-width:180px;padding:1.2rem 2rem}}@media (max-width:400px){.quiz-game{padding:1rem .5rem}.category-selection,.question-section{border-radius:16px;max-width:95vw;padding:1.5rem 1rem}.category-selection h1,.question-section h1{font-size:1.3rem}.quiz-timer-bar{height:5px;margin-bottom:1rem}.quiz-timer-num{display:none}.score{font-size:1rem;margin:.8rem 0 .5rem;padding:.5rem 1rem}.quizgame-btn-container .btn{font-size:.9rem;padding:.6rem 1rem}.quiz-modal-correct,.quiz-modal-incorrect{min-width:280px;padding:1.5rem 2rem}.quiz-modal-correct .quiz-modal-icon,.quiz-modal-incorrect .quiz-modal-icon{font-size:2.8rem}.quiz-modal-correct .quiz-modal-message,.quiz-modal-incorrect .quiz-modal-message{font-size:1.2rem}.quiz-modal-correct .quiz-modal-celebration,.quiz-modal-incorrect .quiz-modal-error{font-size:1.5rem}}:root{--hangman-primary:#3949ab;--hangman-secondary:#5c6bc0;--hangman-accent:#9fa8da;--hangman-light:#e8eaf6;--hangman-dark:#283593;--hangman-gradient:linear-gradient(135deg,#667eea,#764ba2);--hangman-card-bg:#ffffffd9;--hangman-shadow:0 8px 32px #1f268726;--hangman-backdrop-filter:blur(7px);--hangman-word-letter-size:2.2em;--hangman-correct:#4caf50;--hangman-incorrect:#f44336}.dark-mode{--hangman-primary:#5c6bc0;--hangman-secondary:#7986cb;--hangman-accent:#3949ab;--hangman-light:#1a237e;--hangman-dark:#c5cae9;--hangman-gradient:linear-gradient(135deg,#1a237e,#283593);--hangman-card-bg:#1a237ed9;--hangman-shadow:0 8px 32px #0000004d}.hangman-game{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--hangman-gradient);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:var(--spacing-xl) 0;position:relative}.hangman-game:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.hangman-card{align-items:center;animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--hangman-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--hangman-backdrop-filter);background:#ffffffd9;background:var(--hangman-card-bg);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--hangman-shadow);display:flex;flex-direction:column;margin:0 auto;max-width:650px;padding:var(--spacing-xl) var(--spacing-lg);position:relative;transform-origin:center bottom;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%;z-index:1}.hangman-card:hover{box-shadow:0 12px 36px #1f268733}.hangman-card h2{animation:fadeIn 1s ease-out;color:#3949ab;color:var(--hangman-primary);font-family:var(--font-family-heading);font-size:2.2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);position:relative;text-align:center}.hangman-card h2:after{animation:expandWidth 1s ease-out forwards;background:linear-gradient(90deg,#5c6bc0,#9fa8da);background:linear-gradient(90deg,var(--hangman-secondary),var(--hangman-accent));border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.hangman-card p{color:#283593;color:var(--hangman-dark);margin:var(--spacing-xs) 0;text-align:center}.hangman-card p b{font-weight:600}.display-word,.hangman-card p b{color:#3949ab;color:var(--hangman-primary)}.display-word{align-items:center;background:linear-gradient(135deg,#fffc,#ffffff80);border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;box-sizing:border-box;display:flex;flex-wrap:wrap;font-family:var(--font-family-mono);font-size:2.2em;font-size:var(--hangman-word-letter-size);font-weight:700;gap:.3em;justify-content:center;letter-spacing:.25em;margin:var(--spacing-lg) 0;max-width:100%;overflow:hidden;overflow-wrap:break-word;padding:.5em 1em;position:relative;text-align:center;transition:all .3s;word-break:break-word}.display-word .word-letter{display:inline-block;min-width:.8em;text-align:center}.display-word .word-space{animation:pulseSpace 2s ease-in-out infinite;background:linear-gradient(135deg,#9fa8da4d,#9fa8da26);border-radius:6px;box-shadow:0 2px 8px #9fa8da4d;color:#9fa8da;color:var(--hangman-accent);display:inline-block;font-size:1.2em;font-weight:700;min-width:.6em;padding:0 .2em;position:relative;text-align:center}@keyframes pulseSpace{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.alphabet{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md);margin-top:var(--spacing-md);perspective:1000px}.alphabet .btn{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border:1px solid #9fa8da;border:1px solid var(--hangman-accent);border-radius:50%;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#283593;color:var(--hangman-dark);display:inline-flex;font-size:1.1rem;font-weight:600;height:38px;justify-content:center;margin:0;max-width:38px;min-width:38px;padding:0;text-align:center;transform-style:preserve-3d;transition:all .2s ease;width:38px}.alphabet .btn:hover:not(:disabled){background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-color:#3949ab;border-color:var(--hangman-primary);box-shadow:0 4px 8px #00000026;color:#3949ab;color:var(--hangman-primary);transform:translateY(-3px) rotateX(10deg)}.alphabet .btn:disabled{background:#e0e0e0;opacity:.6;transform:scale(.95)}.hangman-form{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-md)}.hangman-form input[type=text]{background:#ffffffe6;border:2px solid var(--hangman-border-light);border-radius:var(--border-radius);box-sizing:border-box;color:#283593;color:var(--hangman-dark);font-size:1rem;max-width:400px;padding:.8em;transition:all .3s;width:100%}.hangman-card>p{background:#0000000a;border-radius:8px;font-size:1.1rem;padding:.5rem 1rem;transition:all .3s}.hangman-card>p,.score{margin-top:var(--spacing-md)}.score{background:linear-gradient(135deg,#3949ab1a,#5c6bc033)!important;border-radius:12px!important;box-shadow:0 2px 10px #2979ff1a;color:#3949ab!important;color:var(--hangman-primary)!important;font-size:1.4rem!important;padding:.8rem 1.5rem!important}.feedback{animation:fadeInUp .5s ease;background:#f443361a;border-radius:12px;box-shadow:0 2px 10px #f443361a;color:#f44336;color:var(--hangman-incorrect);padding:1rem 1.5rem;transition:all .4s}.feedback.success{box-shadow:0 2px 10px #4caf501a;color:var(--hangman-correct)}.hangman-btns{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.hangman-btns .btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-weight:600;letter-spacing:.5px;min-width:180px;overflow:hidden;padding:.8rem 1.4rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hangman-btns .btn:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%;z-index:1}.hangman-btns .btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.hangman-btns .btn:hover:before{transform:translateX(100%)}.hangman-btns .btn span{position:relative;z-index:2}.hangman-status{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-md);margin-top:var(--spacing-md);position:relative}.loading-card{animation:fadeIn 1s infinite alternate;-webkit-backdrop-filter:var(--hangman-backdrop-filter);backdrop-filter:var(--hangman-backdrop-filter);color:#3949ab;color:var(--hangman-primary)}.hangman-figure{align-items:center;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #9fa8da4d;border-radius:var(--border-radius-lg);box-shadow:0 4px 15px #0000001a;display:flex;height:250px;justify-content:center;margin:var(--spacing-sm) auto;padding:var(--spacing-md);position:relative;transition:all .3s ease;width:200px}.hangman-figure:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.hangman-svg{height:100%;max-height:250px;max-width:200px;width:100%}.hangman-svg .gallows{animation:fadeIn .5s ease-out}.hangman-svg .hangman-part{animation:drawPart .5s ease-out;transform-origin:center}.hangman-svg .head{animation:drawHead .6s ease-out}.hangman-svg .body{animation:drawBody .5s ease-out}.hangman-svg .left-arm,.hangman-svg .right-arm{animation:drawArm .5s ease-out}.hangman-svg .left-leg,.hangman-svg .right-leg{animation:drawLeg .5s ease-out}.hangman-svg .sad-face{animation:showSadFace .8s ease-out}@keyframes drawPart{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes drawHead{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes drawBody{0%{stroke-dasharray:60;stroke-dashoffset:60;opacity:0}to{stroke-dasharray:60;stroke-dashoffset:0;opacity:1}}@keyframes drawArm{0%{opacity:0;transform:rotate(-30deg)}to{opacity:1;transform:rotate(0deg)}}@keyframes drawLeg{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes showSadFace{0%{opacity:0}50%{opacity:0}to{opacity:1}}@media (max-width:600px) and (min-width:481px){.hangman-card{max-width:90%;padding:var(--spacing-lg) var(--spacing-md)}.display-word{font-size:1.6em;letter-spacing:.18em;padding:.4em .6em}.alphabet .btn{font-size:1rem;height:36px;max-width:36px;min-width:36px;width:36px}.hangman-form input[type=text]{max-width:350px;width:85%}.hangman-btns .btn{min-width:160px}}@media (max-width:700px){.hangman-card{max-width:95%;padding:var(--spacing-lg) var(--spacing-md)}.hangman-figure{height:220px;margin:var(--spacing-sm) auto;width:180px}.display-word{font-size:1.8em;letter-spacing:.2em;padding:.3em .5em}.alphabet .btn{font-size:1rem;height:34px;max-width:34px;min-width:34px;width:34px}.hangman-form{align-items:center;flex-direction:column}.hangman-form input[type=text]{margin-bottom:var(--spacing-xs);width:80%}.hangman-btns{align-items:center;flex-direction:column;gap:var(--spacing-xs);width:100%}.hangman-btns .btn{max-width:300px;width:100%}.score{font-size:1.2rem!important;padding:.6rem 1rem!important}.feedback{font-size:1rem;padding:.8rem 1rem}}@media (max-width:480px){.hangman-card{border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xs)}.hangman-card h2{font-size:1.8rem}.hangman-figure{height:200px;margin:var(--spacing-sm) auto;padding:var(--spacing-sm);width:160px}.display-word{font-size:1.5em;letter-spacing:.12em;margin:var(--spacing-md) 0;padding:.3em;word-break:break-all}.alphabet{gap:4px}.alphabet .btn{font-size:.9rem;height:30px;max-width:30px;min-width:30px;width:30px}.hangman-form input[type=text]{font-size:.95em;padding:.6em;width:90%}.hangman-card>p{font-size:.95rem;padding:.4rem .8rem}.score{font-size:1.1rem!important;padding:.5rem .8rem!important}.hangman-btns{margin-top:var(--spacing-md)}.hangman-btns .btn{font-size:.9rem;padding:.7rem 1rem}}@media (max-width:380px){.hangman-card{max-width:99%;min-width:0;padding:var(--spacing-sm) var(--spacing-xxs)}.hangman-card h2{font-size:1.5rem}.hangman-figure{height:180px;margin:var(--spacing-xs) auto;padding:var(--spacing-xs);width:140px}.display-word{font-size:1.2em;letter-spacing:.1em;padding:.2em}.alphabet{gap:2px}.alphabet .btn{font-size:.9rem;height:32px;max-width:32px;min-width:32px;width:32px}.hangman-form input[type=text]{font-size:.9em;width:100%}.feedback{font-size:.9rem;padding:.6rem .8rem}}@media (max-height:500px) and (orientation:landscape){.hangman-card{margin:.5rem auto;max-height:90vh;overflow-y:auto;padding:1rem}.hangman-card h2{font-size:1.6rem;margin-bottom:var(--spacing-sm)}.hangman-figure{height:150px;margin:var(--spacing-xs) auto;padding:var(--spacing-xs);width:120px}.display-word{font-size:1.3em;padding:.3em .6em}.alphabet,.display-word{margin:var(--spacing-sm) 0}.alphabet .btn{font-size:.95rem;height:30px;min-width:30px}.hangman-btns{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.hangman-btns .btn{padding:.6rem 1rem}.feedback,.score{font-size:1rem!important;padding:.5rem 1rem!important}}@media (orientation:landscape) and (max-width:700px){.hangman-card{padding:var(--spacing-lg) var(--spacing-md)}.hangman-figure{height:180px;width:150px}.display-word{font-size:2.5em;padding:.4em .6em}.alphabet .btn{font-size:1.2rem;height:40px;max-width:40px;min-width:40px;width:40px}.hangman-form input[type=text]{width:70%}.hangman-btns .btn{font-size:1rem;padding:1rem 1.6rem}}.hangman-game .loading-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--hangman-gradient);color:#fff;min-height:100vh}.hangman-game .loading-state-container .loading-message{color:#fff;font-size:1.2rem;font-weight:500}.hangman-game .error-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--hangman-gradient);color:#fff;min-height:100vh;padding:var(--spacing-xl)}.hangman-game .error-state-container .error-state-message,.hangman-game .error-state-container .error-state-title{color:#fff}.hangman-game .empty-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--hangman-gradient);color:#fff;min-height:100vh;padding:var(--spacing-xl)}.hangman-game .empty-state-container .empty-state-description,.hangman-game .empty-state-container .empty-state-title{color:#fff}.validation-loading{background:#ffffff1a;border:1px solid #fff3}.validation-loading .loading-message{color:#3949ab;color:var(--hangman-primary)}.validation-error .error-state-message,.validation-error .error-state-title{color:var(--hangman-incorrect)}@media (max-width:768px){.hangman-game .empty-state-container,.hangman-game .error-state-container,.hangman-game .loading-state-container{padding:var(--spacing-lg)}.validation-error,.validation-loading{margin:var(--spacing-sm) 0;padding:var(--spacing-xs)}.validation-error .error-state-message,.validation-error .error-state-title,.validation-loading .loading-message{font-size:.8rem}}.hangman-game .empty-state-container,.hangman-game .error-state-container,.hangman-game .loading-state-container,.validation-error,.validation-loading{animation:fadeInState .5s ease-out}.hangman-form .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.hangman-form .btn:disabled:hover{box-shadow:0 8px 32px #1f268726;box-shadow:var(--hangman-shadow);transform:none}.hangman-modal-feedback{align-items:center;animation:fadeIn .3s;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hangman-modal-correct{animation:bounceInCorrect .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:20px;box-shadow:0 15px 35px #4caf5066,0 5px 15px #0000001a;color:#fff;min-width:300px;overflow:hidden;padding:2rem 2.5rem;position:relative;text-align:center}.hangman-modal-correct:before{animation:shimmerCorrect 2s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hangman-modal-correct .hangman-modal-icon{animation:pulseCorrect 1s ease-in-out infinite;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.hangman-modal-correct .hangman-modal-message{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0003;z-index:1}.hangman-modal-correct .hangman-modal-celebration{animation:bounceParticles .8s ease-out;font-size:2rem;position:relative;z-index:1}.hangman-modal-incorrect{animation:shakeIncorrect .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#f44336,#e57373);border-radius:20px;box-shadow:0 15px 35px #f4433666,0 5px 15px #0000001a;color:#fff;min-width:300px;overflow:hidden;padding:2rem 2.5rem;position:relative;text-align:center}.hangman-modal-incorrect:before{animation:pulseIncorrect 1.5s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hangman-modal-incorrect .hangman-modal-icon{animation:wobbleIncorrect 1s ease-in-out;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.hangman-modal-incorrect .hangman-modal-message{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0003;z-index:1}.hangman-modal-incorrect .hangman-modal-error{animation:sadFace 1s ease-out;font-size:2rem;position:relative;z-index:1}@keyframes bounceInCorrect{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes shimmerCorrect{0%,to{opacity:.3;transform:rotate(0deg)}50%{opacity:.7;transform:rotate(180deg)}}@keyframes pulseCorrect{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounceParticles{0%{opacity:0;transform:translateY(20px) scale(.8)}60%{opacity:1;transform:translateY(-10px) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shakeIncorrect{0%{opacity:0;transform:translateX(-100px) scale(.8)}25%{opacity:.5;transform:translateX(20px) scale(1.1)}50%{opacity:.8;transform:translateX(-10px) scale(1.05)}75%{opacity:.9;transform:translateX(5px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes pulseIncorrect{0%,to{opacity:.1}50%{opacity:.3}}@keyframes wobbleIncorrect{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes sadFace{0%{opacity:0;transform:translateY(10px) rotate(-20deg)}60%{opacity:1;transform:translateY(-5px) rotate(10deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}@media (max-width:480px){.hangman-modal-correct,.hangman-modal-incorrect{max-width:90%;min-width:280px;padding:1.5rem 2rem}.hangman-modal-correct .hangman-modal-icon,.hangman-modal-incorrect .hangman-modal-icon{font-size:3rem}.hangman-modal-correct .hangman-modal-message,.hangman-modal-incorrect .hangman-modal-message{font-size:1.2rem}.hangman-modal-correct .hangman-modal-celebration,.hangman-modal-incorrect .hangman-modal-error{font-size:1.6rem}}:root{--memory-primary:#4e54c8;--memory-secondary:#8f94fb;--memory-accent:#c4c8ff;--memory-light:#f5f7ff;--memory-dark:#2a2e5d;--memory-gradient:linear-gradient(135deg,#667eea,#764ba2);--memory-card-bg:#ffffffd9;--memory-shadow:0 8px 32px #1f268726;--memory-backdrop-filter:blur(7px);--memory-correct:#4caf50;--memory-incorrect:#f44336;--tile-flip-time:0.45s;--memory-success:#4caf50;--memory-front-color:#4e54c8}.dark-mode{--memory-primary:#8f94fb;--memory-secondary:#4e54c8;--memory-accent:#9fa8da;--memory-light:#2a2e5d;--memory-dark:#f5f7ff;--memory-gradient:linear-gradient(135deg,#2a2e5d,#4e54c8);--memory-card-bg:#263238d9;--memory-shadow:0 8px 32px #0000004d}.memory-game{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--memory-gradient);display:flex;flex-direction:column;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-xl) 0;position:relative}.memory-game:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.memory-card{align-items:center;animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--memory-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--memory-backdrop-filter);background:#ffffffd9;background:var(--memory-card-bg);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--memory-shadow);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;padding:var(--spacing-xl) var(--spacing-lg);position:relative;transform-origin:center bottom;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:95%;z-index:1}.memory-card h2{animation:fadeIn 1s ease-out;color:#4e54c8;color:var(--memory-primary);font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);position:relative;text-align:center;text-shadow:0 2px 3px #0000001a}.memory-card h2:after{animation:expandWidth 1s ease-out forwards;background:linear-gradient(90deg,#8f94fb,#c4c8ff);background:linear-gradient(90deg,var(--memory-secondary),var(--memory-accent));border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.memory-grid{grid-gap:var(--spacing-md);align-items:center;display:grid;grid-template-columns:repeat(4,1fr);margin:var(--spacing-lg) auto;max-width:600px;padding:0;place-items:center}.memory-grid,.memory-tile{box-sizing:border-box;justify-content:center;perspective:1000px;width:100%}.memory-tile{align-items:center;aspect-ratio:1/1;background:#0000;border-radius:var(--border-radius);cursor:pointer;display:flex;margin:0;min-height:44px;min-width:44px;outline:none}.memory-tile,.memory-tile-inner{position:relative;transform-style:preserve-3d}.memory-tile-inner{height:100%;transform-origin:center center;transition:transform .45s cubic-bezier(.4,.2,.2,1);transition:transform var(--tile-flip-time) cubic-bezier(.4,.2,.2,1);width:100%;will-change:transform}.memory-tile:hover:not(.flipped) .memory-tile-front{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.memory-tile.flipped .memory-tile-inner{transform:rotateY(180deg)}.memory-tile-back,.memory-tile-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--border-radius);bottom:0;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;transform-style:preserve-3d;width:100%}.memory-tile-front{background:#4e54c8;background:var(--memory-front-color);box-shadow:0 4px 12px #0000001a;transform:rotateY(0deg);z-index:2}.memory-tile-front:before{border:2px solid #fff3;border-radius:10px;content:"";height:80%;position:absolute;width:80%}.memory-tile-front:after{color:#fffc;content:"?";font-size:1.8rem;font-weight:700}.memory-tile-back{background:#f5f7ff;background:var(--memory-light);box-shadow:0 4px 15px #00000026;padding:8px;transform:rotateY(180deg);z-index:1}.memory-img{box-shadow:0 2px 10px #00000014;height:auto;max-height:100%;max-width:100%;object-fit:contain;transform:rotateY(0deg);width:auto}.memory-fallback,.memory-img{background:#fff;border-radius:calc(var(--border-radius) - 4px)}.memory-fallback{align-items:center;color:#4e54c8;color:var(--memory-primary);display:flex;font-weight:700;height:90%;justify-content:center;padding:.5rem;text-align:center;width:90%;word-break:break-word}.memory-fallback.matched{color:#4caf50;color:var(--memory-success)}.memory-tile.flipped{animation:pop-flip .25s}@keyframes pop-flip{0%{transform:scale(1)}60%{transform:scale(1.08)}to{transform:scale(1)}}.memory-tile.matched .memory-tile-inner{animation:match-glow .7s;box-shadow:0 0 0 3px #4caf50;box-shadow:0 0 0 3px var(--memory-success)}@keyframes match-glow{0%{box-shadow:0 0 0 0 #4caf50;box-shadow:0 0 0 0 var(--memory-success)}70%{box-shadow:0 0 0 8px #4caf504d}to{box-shadow:0 0 0 0 #4caf50;box-shadow:0 0 0 0 var(--memory-success)}}.memory-info{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff3;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-md) auto 0 auto;max-width:600px;padding:1rem 1.5rem;text-align:center;transition:transform .3s ease;width:100%}.memory-info p{color:#2a2e5d;color:var(--memory-dark);font-size:1.1rem;margin:.5em 0}.score{animation:pulse 2s infinite;background:#26a69a1a;border-radius:12px;box-shadow:0 2px 10px #26a69a1a;color:#4e54c8;color:var(--memory-primary);font-size:1.4rem;margin-top:var(--spacing-sm);padding:.5rem 1rem}.feedback,.score{display:inline-block;font-weight:700}.feedback{animation:fadeInFeedback .5s ease;background:#4caf501a;border-radius:var(--border-radius);box-shadow:0 2px 10px #4caf501a;color:#4caf50;color:var(--memory-success);font-size:var(--font-size-md);margin-top:var(--spacing-md);padding:.7rem 1.2rem;transition:all .3s}.memory-btns{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.memory-btns .btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-weight:600;letter-spacing:.5px;min-width:180px;overflow:hidden;padding:.8rem 1.4rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.memory-btns .btn:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%;z-index:1}.memory-btns .btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.memory-btns .btn:hover:before{transform:translateX(100%)}.memory-btns .btn span{position:relative;z-index:2}.loading-card{animation:shimmer 2s infinite;backdrop-filter:var(--memory-backdrop-filter);-webkit-backdrop-filter:var(--memory-backdrop-filter);color:#4e54c8;color:var(--memory-primary)}.loading-card:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);left:-100%}.memory-matched-letters{display:flex;flex-wrap:wrap;gap:.3em;justify-content:center;margin-top:var(--spacing-md)}.memory-matched-letter{animation:popIn .5s;background:#4caf501a;border-radius:6px;box-shadow:0 1px 4px #4caf5033;color:#4caf50;color:var(--memory-success);font-size:1.2em;font-weight:700;margin:.1em;padding:.15em .5em}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px) and (min-width:601px){.memory-grid{grid-gap:12px;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;max-width:450px}.memory-card{padding:var(--spacing-lg) var(--spacing-md)}.memory-card h2{font-size:1.7rem}.memory-info{padding:.9rem 1.2rem}.memory-info p{font-size:1.05rem}.score{font-size:1.25rem;padding:.45rem .9rem}.memory-btns .btn{min-width:160px;padding:.75rem 1.3rem}}@media (max-width:768px){.memory-grid{grid-gap:10px;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;max-width:500px}.memory-card{padding:var(--spacing-lg) var(--spacing-md)}.memory-card h2{font-size:1.8rem}.memory-info{padding:.8rem 1rem}.memory-info p{font-size:1rem}.score{font-size:1.3rem;padding:.4rem .8rem}.feedback{font-size:1rem;padding:.5rem 1rem}.memory-btns .btn{font-size:.95rem;min-width:150px;padding:.7rem 1.2rem}}@media (max-width:600px){.memory-game{padding:var(--spacing-md) 0}.memory-card{padding:var(--spacing-md) var(--spacing-sm);width:92%}.memory-grid{grid-gap:8px;grid-template-columns:repeat(3,1fr);margin:var(--spacing-md) auto;max-width:400px}.memory-tile-front:after{font-size:1.4rem}.memory-card h2{font-size:1.5rem}.memory-info{padding:.7rem .8rem}.memory-info p{font-size:.95rem;margin:.4em 0}.score{font-size:1.2rem;padding:.3rem .7rem}.memory-btns{flex-direction:column;gap:.8rem}.memory-btns .btn{width:100%}}@media (max-width:400px){.memory-card{padding:var(--spacing-sm) var(--spacing-xs);width:95%}.memory-grid{grid-gap:8px;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:320px}.memory-card h2{font-size:1.3rem}.memory-info p{font-size:.9rem}.score{font-size:1.1rem;padding:.25rem .6rem}.feedback{font-size:.9rem;padding:.4rem .8rem}.loading-card{font-size:1rem;padding:var(--spacing-md)}}@media (max-width:350px){.memory-grid{grid-gap:6px;max-width:280px}.memory-tile{min-height:44px;min-width:44px}.memory-card{padding:var(--spacing-sm) calc(var(--spacing-xs)/2);width:98%}}@media (max-height:600px) and (orientation:landscape){.memory-game{min-height:auto;padding:var(--spacing-sm) 0}.memory-card{max-width:90vw;padding:var(--spacing-md)}.memory-card,.memory-grid{margin:var(--spacing-sm) auto}.memory-grid{grid-gap:6px;grid-template-columns:repeat(6,1fr);max-width:80vw}.memory-info{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-around;margin:var(--spacing-sm) auto}.memory-info p{font-size:.95rem;margin:.2em 0}.memory-btns{margin-top:var(--spacing-sm)}.memory-btns .btn{min-width:140px;padding:.6rem 1rem}}@supports not (transform-style:preserve-3d){.memory-tile-back,.memory-tile-front,.memory-tile-inner{transform-style:flat}.memory-tile.flipped .memory-tile-inner{transform:rotateY(0deg)}.memory-tile.flipped .memory-tile-front{opacity:0;pointer-events:none}.memory-tile.flipped .memory-tile-back{opacity:1;pointer-events:auto;transform:rotateY(0deg)}}.memory-game .loading-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--memory-gradient);color:#fff;min-height:100vh}.memory-game .loading-state-container .loading-message{color:#fff;font-size:1.2rem;font-weight:500}.memory-game .error-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--memory-gradient);color:#fff;min-height:100vh;padding:var(--spacing-xl)}.memory-game .error-state-container .error-state-message,.memory-game .error-state-container .error-state-title{color:#fff}.memory-game .empty-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--memory-gradient);color:#fff;min-height:100vh;padding:var(--spacing-xl)}.memory-game .empty-state-container .empty-state-description,.memory-game .empty-state-container .empty-state-title{color:#fff}.loading-card{background:#ffffff1a;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-lg);text-align:center}.loading-card .loading-state-container{background:#0000;min-height:auto;padding:var(--spacing-md)}.loading-card .loading-message{color:#4e54c8;color:var(--memory-primary);font-size:1rem;margin-top:var(--spacing-sm)}.finish-game-loading{background:#4caf501a;border:1px solid #4caf504d;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-sm)}.finish-game-loading .loading-state-container{background:#0000;min-height:auto;padding:var(--spacing-sm)}.finish-game-loading .loading-message{color:#4caf50;color:var(--memory-success);font-size:.9rem;margin-top:var(--spacing-xs)}@media (max-width:768px){.memory-game .empty-state-container,.memory-game .error-state-container,.memory-game .loading-state-container{padding:var(--spacing-lg)}.finish-game-loading,.loading-card{margin:var(--spacing-sm) 0;padding:var(--spacing-xs)}.finish-game-loading .loading-message,.loading-card .loading-message{font-size:.85rem}}.finish-game-loading,.loading-card,.memory-game .empty-state-container,.memory-game .error-state-container,.memory-game .loading-state-container{animation:fadeInState .5s ease-out}.memory-btns .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.memory-btns .btn:disabled:hover{box-shadow:0 8px 32px #1f268726;box-shadow:var(--memory-shadow);transform:none}.memory-game .empty-state-container .btn,.memory-game .error-state-container .btn{background:#fff;border:2px solid #fff;color:#4e54c8;color:var(--memory-primary)}.memory-game .empty-state-container .btn:hover,.memory-game .error-state-container .btn:hover{background:#f5f7ff;background:var(--memory-light);box-shadow:0 4px 12px #ffffff4d;transform:translateY(-2px)}:root{--ordering-primary:#5c6bc0;--ordering-secondary:#7986cb;--ordering-accent:#9fa8da;--ordering-light:#e8eaf6;--ordering-dark:#283593;--ordering-gradient:linear-gradient(135deg,#667eea,#764ba2);--ordering-card-bg:#ffffffd9;--ordering-shadow:0 8px 32px #1f268726;--ordering-backdrop-filter:blur(7px);--ordering-correct:#4caf50;--ordering-incorrect:#f44336;--ordering-neutral:#78909c;--ordering-item-shadow:0 4px 12px #0000001a;--ordering-drag-shadow:0 10px 25px #0003;--ordering-item-width-desktop:600px;--ordering-item-width-tablet:520px;--ordering-item-width-tablet-small:480px;--ordering-item-width-mobile:95%;--ordering-item-width-mobile-small:92%;--ordering-item-min-height:80px;--ordering-item-min-height-mobile:70px;--ordering-card-max-width:800px;--ordering-list-max-width:800px;--ordering-btns-max-width:800px}.dark-mode{--ordering-primary:#7986cb;--ordering-secondary:#5c6bc0;--ordering-accent:#3f51b5;--ordering-light:#1a237e;--ordering-dark:#e8eaf6;--ordering-gradient:linear-gradient(135deg,#1a237e,#303f9f);--ordering-card-bg:#263238d9;--ordering-shadow:0 8px 32px #0000004d}.ordering-game{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ordering-gradient);display:flex;flex-direction:column;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-xl) 0;position:relative}.ordering-game:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.ordering-game .memory-card{align-items:center;animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--ordering-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--ordering-backdrop-filter);background:#ffffffd9;background:var(--ordering-card-bg);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--ordering-shadow);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);position:relative;transform-origin:center bottom;z-index:1}.ordering-game .memory-card:hover{box-shadow:0 12px 36px #1f268733}.ordering-game .memory-card h2{animation:fadeIn 1s ease-out;color:#5c6bc0;color:var(--ordering-primary);font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);position:relative;text-align:center;text-shadow:0 2px 3px #0000001a}.ordering-game .memory-card h2:after{animation:expandWidth 1s ease-out forwards;background:linear-gradient(90deg,#7986cb,#9fa8da);background:linear-gradient(90deg,var(--ordering-secondary),var(--ordering-accent));border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.ordering-game .memory-card p{color:#283593;color:var(--ordering-dark);font-size:1.1rem;line-height:1.5;margin-bottom:var(--spacing-md);max-width:600px;text-align:center}.ordering-steps-list{align-items:center;box-sizing:border-box;justify-content:center;margin:var(--spacing-md) auto;max-width:800px;max-width:var(--ordering-list-max-width);width:95%}.ordering-step-item{align-items:center;border:2px solid #0000;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--ordering-item-shadow);box-sizing:border-box;justify-content:flex-start;margin-bottom:var(--spacing-sm);margin-left:auto;margin-right:auto;max-width:600px;max-width:var(--ordering-item-width-desktop);min-height:80px;min-height:var(--ordering-item-min-height);overflow:hidden;transition:all .2s ease;width:100%}.ordering-step-item:before{background:#7986cb;background:var(--ordering-secondary);content:"";height:100%;left:0;opacity:.7;position:absolute;top:0;width:4px}.ordering-step-item:hover{box-shadow:0 6px 15px #0000001f}.ordering-step-item.dragging{background-color:#e8eaf6;background-color:var(--ordering-light);border-color:#7986cb;border-color:var(--ordering-secondary);box-shadow:0 10px 25px #0003;box-shadow:var(--ordering-drag-shadow);opacity:.95}.ordering-step-item.dragging:after{background:linear-gradient(135deg,#ffffff1a,#ffffff26)}.ordering-steps-list .drop-placeholder{animation:growWidth .3s ease;background-color:#5c6bc0;background-color:var(--ordering-primary);border-radius:3px;height:3px;margin:var(--spacing-xs) 0;transform-origin:left;width:100%}@keyframes growWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ordering-step-item.moving-up{animation:moveUp .5s ease forwards}@keyframes moveUp{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.ordering-step-item.moving-down{animation:moveDown .5s ease forwards}@keyframes moveDown{0%{transform:translateY(0)}25%{transform:translateY(10px)}50%{transform:translateY(5px)}to{transform:translateY(0)}}.ordering-step-item.correct{background-color:#4caf501a;border-color:#4caf50;border-color:var(--ordering-correct)}.ordering-step-item.correct:before{background-color:#4caf50;background-color:var(--ordering-correct)}.ordering-step-item.incorrect{background-color:#f443361a;border-color:#f44336;border-color:var(--ordering-incorrect)}.ordering-step-item.incorrect:before{background-color:#f44336;background-color:var(--ordering-incorrect)}.ordering-step-img{background-color:#fff;border:1px solid #0000001a;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #00000014;height:60px;margin-right:var(--spacing-md);object-fit:cover;transition:transform .2s ease;width:60px}.ordering-step-item:hover .ordering-step-img{transform:scale(1.05)}.ordering-step-text{color:#283593;color:var(--ordering-dark);flex:1 1;font-size:1.1rem;line-height:1.5}.ordering-step-number{background-color:#5c6bc0;background-color:var(--ordering-primary);border:2px solid #fff;box-shadow:0 2px 5px #0003;font-size:.85rem;font-weight:700;height:28px;left:-10px;position:absolute;top:-10px;width:28px;z-index:2}.ordering-btns{flex-wrap:wrap;gap:var(--spacing-md);margin-left:auto;margin-right:auto;margin-top:var(--spacing-lg);max-width:800px;max-width:var(--ordering-btns-max-width);width:95%}.ordering-btns,.ordering-btns .btn{display:flex;justify-content:center}.ordering-btns .btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-weight:600;gap:8px;letter-spacing:.5px;min-width:180px;overflow:hidden;padding:.8rem 1.4rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.back-to-dashboard-btn{background:linear-gradient(135deg,#5c6bc0,#3949ab);border:1px solid #fff3;color:#fff;margin-top:.5rem;transform-origin:center}.back-to-dashboard-btn:hover{background:linear-gradient(135deg,#3949ab,#283593);box-shadow:0 10px 25px #3949ab4d;transform:translateY(-5px) scale(1.02)}.back-to-dashboard-btn:active{transform:translateY(-2px)}.back-to-dashboard-btn svg{transition:transform .3s ease}.back-to-dashboard-btn:hover svg{transform:translateX(-4px)}.feedback.feedback-centered{animation:fadeInFeedback .5s ease;border-radius:var(--border-radius);box-sizing:border-box;color:#283593;color:var(--ordering-dark);font-size:var(--font-size-md);font-weight:700;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);max-width:400px;padding:1rem 1.5rem;text-align:center;transition:all .3s;width:100%}.feedback.success{background:#4caf501a;border:1px solid #4caf504d;box-shadow:0 4px 15px #4caf5026;color:#4caf50;color:var(--ordering-correct)}.feedback.error{background:#f443361a;border:1px solid #f443364d;box-shadow:0 4px 15px #f4433626;color:#f44336;color:var(--ordering-incorrect)}@keyframes fadeInFeedback{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-card{align-items:center;animation:none;backdrop-filter:blur(7px);backdrop-filter:var(--ordering-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--ordering-backdrop-filter);background:#ffffffb3;border-radius:16px;box-shadow:0 8px 32px #26a69a26;color:#5c6bc0;color:var(--ordering-primary);display:flex;flex-direction:column;font-size:var(--font-size-lg);gap:1rem;justify-content:center;margin:var(--spacing-xl) auto;min-height:120px;overflow:hidden;padding:var(--spacing-xl);position:relative}.loading-card:after{background:linear-gradient(180deg,#ffffff0d,#ffffff14);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.loading-card:before{animation:spin 1s linear infinite;border:4px solid #00000014;border-radius:50%;border-top:4px solid var(--ordering-primary);content:"";display:block;height:36px;pointer-events:none;width:36px;z-index:5}@media (max-width:480px){.loading-card:before{border-width:3px;height:28px;width:28px}.loading-card{min-height:96px;padding:calc(var(--spacing-md)*1.5)}}@media (max-width:768px) and (min-width:601px){.ordering-game .memory-card{max-width:700px;padding:var(--spacing-lg) var(--spacing-md);width:90%}.ordering-game .memory-card h2{font-size:1.9rem}.ordering-game .memory-card p{font-size:1.05rem}.ordering-step-item{margin-bottom:var(--spacing-sm);max-width:520px;max-width:var(--ordering-item-width-tablet);padding:var(--spacing-md) var(--spacing-lg)}.ordering-steps-list{max-width:800px;max-width:var(--ordering-list-max-width);width:90%}.ordering-btns{max-width:800px;max-width:var(--ordering-btns-max-width);width:90%}.ordering-step-img{height:55px;width:55px}.ordering-step-text{font-size:1.05rem}.ordering-btns .btn{font-size:1rem;min-width:170px;padding:.75rem 1.2rem}.feedback.feedback-centered{font-size:1.05rem;padding:.9rem 1.3rem}}@media (max-width:768px){.ordering-game .memory-card{padding:var(--spacing-md) var(--spacing-sm);width:95%}.ordering-game .memory-card h2{font-size:1.8rem}.ordering-game .memory-card p{font-size:1rem}.ordering-step-img{height:50px;margin-right:var(--spacing-sm);width:50px}.ordering-step-text{font-size:1rem}.ordering-btns{flex-direction:row;gap:var(--spacing-sm)}.ordering-btns .btn{font-size:.95rem;min-width:160px;padding:.7rem 1rem}.feedback.feedback-centered{font-size:1rem;padding:.8rem 1.2rem}.ordering-steps-list{align-items:center;box-sizing:border-box;margin:var(--spacing-md) auto;max-width:800px;max-width:var(--ordering-list-max-width);width:95%}.ordering-btns{max-width:800px;max-width:var(--ordering-btns-max-width);width:95%}.ordering-step-item{cursor:move;cursor:grab;max-width:520px;max-width:var(--ordering-item-width-tablet);padding:var(--spacing-sm);touch-action:pan-y}.ordering-step-item.dragging{transform:scale(1.02) rotate(-.3deg)}}@media (max-width:600px){.ordering-game{padding:var(--spacing-md) 0}.ordering-game .memory-card{padding:var(--spacing-md) var(--spacing-sm);width:95%}.ordering-game .memory-card h2{font-size:1.5rem}.ordering-step-item{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.ordering-step-img{height:40px;width:40px}.ordering-step-text{font-size:.9rem}.ordering-step-number{font-size:.75rem;height:24px;left:-8px;top:-8px;width:24px}.ordering-btns{flex-direction:column;gap:var(--spacing-sm);max-width:800px;max-width:var(--ordering-btns-max-width);width:95%}.ordering-btns .btn{min-width:0;min-width:auto;width:100%}.back-to-dashboard-btn{order:2}.ordering-steps-list{align-items:center;box-sizing:border-box;margin:var(--spacing-sm) auto;max-width:800px;max-width:var(--ordering-list-max-width);padding:0;width:95%}.feedback.feedback-centered{font-size:.95rem;padding:.7rem 1rem}.ordering-step-item{box-sizing:border-box;max-width:480px;max-width:var(--ordering-item-width-tablet-small);width:100%}}@media (max-width:480px){:root{--ordering-mobile-spacing:0.5rem;--ordering-mobile-font:0.9rem}.ordering-game .memory-card{padding:var(--spacing-sm) var(--spacing-xs)}.ordering-game .memory-card h2{font-size:1.3rem}.ordering-game .memory-card p{font-size:.9rem;margin-bottom:var(--spacing-sm)}.ordering-step-item{max-width:95%;max-width:var(--ordering-item-width-mobile);min-height:70px;min-height:var(--ordering-item-min-height-mobile);padding:var(--spacing-xxs) var(--spacing-xs)}.ordering-step-img{height:32px;width:32px}.ordering-step-text{font-size:.85rem}.ordering-btns .btn{font-size:.9rem;padding:.6rem 1rem}.feedback.feedback-centered{font-size:.9rem;padding:.6rem .8rem}.ordering-steps-list{align-items:center;box-sizing:border-box;margin:var(--ordering-mobile-spacing) auto;max-width:800px;max-width:var(--ordering-list-max-width);padding:0;width:95%}.ordering-btns{max-width:800px;max-width:var(--ordering-btns-max-width);width:95%}}@media (max-width:380px){.ordering-game .memory-card{margin-bottom:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs)}.ordering-game .memory-card h2{font-size:1.2rem}.ordering-game .memory-card p{font-size:.85rem;margin-bottom:var(--spacing-xs)}.ordering-step-item{margin-bottom:calc(var(--spacing-xs)/2);max-width:92%;max-width:var(--ordering-item-width-mobile-small);min-height:70px;min-height:var(--ordering-item-min-height-mobile);padding:var(--spacing-xxs) var(--spacing-xs)}.ordering-step-img{height:28px;width:28px}.ordering-step-text{font-size:.8rem}.ordering-btns .btn{font-size:.85rem;padding:.5rem .8rem}.feedback.feedback-centered{font-size:.85rem;padding:.5rem .7rem}.ordering-steps-list{align-items:center;box-sizing:border-box;margin:var(--spacing-xs) auto;max-width:800px;max-width:var(--ordering-list-max-width);padding:0;width:92%}.ordering-btns{max-width:800px;max-width:var(--ordering-btns-max-width);width:92%}}@media (max-width:768px) and (max-height:500px) and (orientation:landscape){.ordering-steps-list{align-items:center;box-sizing:border-box;margin:var(--spacing-sm) auto;max-width:800px;max-width:var(--ordering-list-max-width);padding:0;width:90%}.ordering-step-item{max-width:520px;max-width:var(--ordering-item-width-tablet);min-height:70px;min-height:var(--ordering-item-min-height-mobile)}.ordering-btns{max-width:800px;max-width:var(--ordering-btns-max-width);width:90%}.ordering-game .memory-card{max-width:800px;padding:var(--spacing-sm) var(--spacing-md);width:90%}}.ordering-game .loading-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ordering-gradient);color:#fff;min-height:100vh}.ordering-game .loading-state-container .loading-message{color:#fff;font-size:1.2rem;font-weight:500}.ordering-game .error-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ordering-gradient);color:#fff;min-height:100vh;padding:var(--spacing-xl)}.ordering-game .error-state-container .error-state-message,.ordering-game .error-state-container .error-state-title{color:#fff}.ordering-game .empty-state-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ordering-gradient);color:#fff;min-height:100vh;padding:var(--spacing-xl)}.ordering-game .empty-state-container .empty-state-description,.ordering-game .empty-state-container .empty-state-title{color:#fff}.validation-loading{background:#5c6bc01a;border:1px solid #5c6bc04d;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-sm)}.validation-loading .loading-state-container{background:#0000;min-height:auto;padding:var(--spacing-sm)}.validation-loading .loading-message{color:#5c6bc0;color:var(--ordering-primary);font-size:.9rem;margin-top:var(--spacing-xs)}.validation-error{background:#f443361a;border:1px solid #f443364d;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-sm)}.validation-error .error-state-container{background:#0000;min-height:auto;padding:var(--spacing-sm)}.validation-error .error-state-message,.validation-error .error-state-title{color:#f44336;color:var(--ordering-incorrect);font-size:.9rem}@media (max-width:768px){.ordering-game .empty-state-container,.ordering-game .error-state-container,.ordering-game .loading-state-container{padding:var(--spacing-lg)}.validation-error,.validation-loading{margin:var(--spacing-sm) 0;padding:var(--spacing-xs)}.validation-error .error-state-message,.validation-error .error-state-title,.validation-loading .loading-message{font-size:.8rem}}@keyframes fadeInState{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ordering-game .empty-state-container,.ordering-game .error-state-container,.ordering-game .loading-state-container,.validation-error,.validation-loading{animation:fadeInState .5s ease-out}.ordering-btns .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ordering-btns .btn:disabled:hover{box-shadow:0 8px 32px #1f268726;box-shadow:var(--ordering-shadow);transform:none}.ordering-game .empty-state-container .btn,.ordering-game .error-state-container .btn{background:#fff;border:2px solid #fff;color:#5c6bc0;color:var(--ordering-primary)}.ordering-game .empty-state-container .btn:hover,.ordering-game .error-state-container .btn:hover{background:#e8eaf6;background:var(--ordering-light);box-shadow:0 4px 12px #ffffff4d;transform:translateY(-2px)}.ordering-game .memory-card{margin:0 auto;max-width:800px;max-width:var(--ordering-card-max-width);transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:95%}@media (max-width:480px){.ordering-game .memory-card{padding:var(--spacing-md) var(--spacing-sm);width:92%}.validation-error,.validation-loading{margin:var(--spacing-xs) 0;padding:var(--spacing-xs)}}:root{--relaxation-primary:#4a8db7;--relaxation-secondary:#67c5bd;--relaxation-accent:#9fd8cb;--relaxation-light:#e6f3f8;--relaxation-dark:#1d3557;--relaxation-text:#2a5d7c;--relaxation-gradient:linear-gradient(135deg,#667eea,#764ba2);--relaxation-shadow:0 8px 32px #1f268726;--relaxation-card-bg:#ffffffd9;--relaxation-backdrop-filter:blur(7px)}.dark-mode{--relaxation-primary:#305f7a;--relaxation-secondary:#3a857e;--relaxation-accent:#4a8db7;--relaxation-light:#1c2331;--relaxation-dark:#cfd8dc;--relaxation-text:#b0bec5;--relaxation-gradient:linear-gradient(135deg,#1a237e,#0d47a1);--relaxation-card-bg:#263238d9;--relaxation-shadow:0 8px 32px #0000004d}.relaxation-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--relaxation-gradient);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.bg-animation{height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:0}.bg-animation .floating-shape{animation:float 20s ease-in-out infinite;background:#fff3;border-radius:50%;position:absolute}.bg-animation .floating-shape:first-child{animation-delay:0s;animation-duration:25s;height:120px;left:5%;top:10%;width:120px}.bg-animation .floating-shape:nth-child(2){animation-delay:2s;animation-duration:18s;height:80px;right:10%;top:20%;width:80px}.bg-animation .floating-shape:nth-child(3){animation-delay:1s;animation-duration:22s;bottom:15%;height:150px;right:5%;width:150px}.bg-animation .floating-shape:nth-child(4){animation-delay:3s;animation-duration:20s;bottom:10%;height:100px;left:15%;width:100px}@keyframes float{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-20px) translateX(10px) rotate(3deg)}50%{transform:translateY(10px) translateX(20px) rotate(-3deg)}75%{transform:translateY(-15px) translateX(-10px) rotate(2deg)}}.relaxation-game-container{align-items:center;animation:fadeInUp .8s ease-out;background-image:url(/static/media/agua.3e115430141738ace1ee.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 8px 32px #1f268726;box-shadow:var(--relaxation-shadow);display:flex;flex-direction:column;margin:0 auto;max-width:550px;overflow:hidden;padding:2.8rem 2.2rem;position:relative;transform-origin:center bottom;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%;z-index:1}.relaxation-game-container:before{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#fff3;border-radius:24px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.relaxation-game-container:hover{box-shadow:0 12px 36px #1f26874d;transform:translateY(-5px)}.relaxation-game-container:hover:before,.relaxation-title{background:#ffffff26}.relaxation-title{animation:fadeIn 1s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 4px 16px #1f26871a;color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:1.8rem;padding:1rem 1.5rem;position:relative;text-align:center;text-shadow:0 3px 6px #00000080,0 1px 2px #0000004d;z-index:2}.relaxation-title:after{animation:expandWidth 1s ease-out forwards;background:linear-gradient(90deg,#fff9,#ffffff4d);border-radius:2px;bottom:8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.relaxation-audio-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2.2rem;margin-top:1rem;position:relative;width:100%;z-index:2}.relaxation-audio-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff4d;border-radius:18px;box-shadow:0 8px 24px #1f268726;margin-bottom:1rem;max-width:350px;overflow:hidden;padding:1.2rem;position:relative;width:100%}.relaxation-audio-section audio{border-radius:8px;height:40px;margin-bottom:.5rem;outline:none;width:100%}.audio-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.audio-progress-container{background-color:#ffffff4d;border-radius:3px;height:6px;margin:.8rem 0;overflow:hidden;position:relative;width:100%}.audio-progress-bar{background:linear-gradient(90deg,#fffc,#fff9);border-radius:3px;box-shadow:0 0 8px #ffffff80;height:100%;transition:width .2s linear}.audio-visualizer{align-items:flex-end;display:flex;height:40px;justify-content:center;margin-bottom:.8rem;width:100%}.audio-bar{animation:equalize 1s ease-in-out infinite;background-color:#ffffffe6;border-radius:3px 3px 0 0;box-shadow:0 0 4px #fff9;margin:0 2px;opacity:.9;width:3px}@keyframes equalize{0%,to{height:15px}50%{height:30px}}.audio-bar:first-child{animation-delay:0s}.audio-bar:nth-child(2){animation-delay:.1s}.audio-bar:nth-child(3){animation-delay:.2s}.audio-bar:nth-child(4){animation-delay:.1s}.audio-bar:nth-child(5){animation-delay:.3s}.audio-bar:nth-child(6){animation-delay:.1s}.audio-bar:nth-child(7){animation-delay:0s}.audio-bar:nth-child(8){animation-delay:.2s}.audio-bar:nth-child(9){animation-delay:.3s}.audio-bar:nth-child(10){animation-delay:.1s}.audio-bar:nth-child(11){animation-delay:.2s}.audio-bar:nth-child(12){animation-delay:0s}.audio-pause .audio-bar{animation-play-state:paused}.relaxation-tips-section{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 24px #1f268726;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:2.2rem;min-height:240px;padding:1.8rem 1.2rem;position:relative;text-align:center;transition:transform .3s ease;width:100%;z-index:2}.relaxation-tips-section h3{color:#fff;display:inline-block;font-size:1.4rem;font-weight:600;margin:0 0 1.2rem;position:relative;text-shadow:0 3px 6px #00000080,0 1px 2px #0000004d}.relaxation-tips-section h3:after{background:linear-gradient(90deg,#0000,#fff9,#0000);bottom:-8px;content:"";height:2px;left:0;position:absolute;right:0}.tips-transition-container{height:120px;margin:1rem 0;position:relative}.relaxation-tip,.tips-transition-container{align-items:center;display:flex;justify-content:center;overflow:hidden}.relaxation-tip{color:#fff;font-size:1.2rem;font-weight:600;left:0;line-height:1.6;margin:1.5rem 0 1.8rem;max-height:120px;min-height:80px;padding:0 .8rem;position:absolute;right:0;text-align:center;text-shadow:0 3px 6px #0009,0 1px 3px #0006;top:0;transform:translateZ(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.tip-next-enter{opacity:0;transform:translate3d(120%,0,0) scale(.96);z-index:2}.tip-next-enter-active{transition:opacity .4s ease-out,transform .4s ease-out}.tip-next-enter-active,.tip-next-exit{opacity:1;transform:translateZ(0) scale(1)}.tip-next-exit{z-index:1}.tip-next-exit-active{transition:opacity .4s ease-in,transform .4s ease-in}.tip-next-exit-active,.tip-prev-enter{opacity:0;transform:translate3d(-120%,0,0) scale(.96)}.tip-prev-enter{z-index:2}.tip-prev-enter-active{transition:opacity .4s ease-out,transform .4s ease-out}.tip-prev-enter-active,.tip-prev-exit{opacity:1;transform:translateZ(0) scale(1)}.tip-prev-exit{z-index:1}.tip-prev-exit-active{opacity:0;transform:translate3d(120%,0,0) scale(.96);transition:opacity .4s ease-in,transform .4s ease-in}.relaxation-tips-nav{align-items:center;display:flex;gap:1.2rem;justify-content:center}.tip-index{color:#fff;font-size:1rem;font-weight:600;min-width:60px;text-align:center;text-shadow:0 2px 4px #00000080,0 1px 2px #0000004d}.relaxation-btn.transitioning{cursor:not-allowed;opacity:.5;transform:scale(.95)}.relaxation-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.relaxation-back-btn{display:flex;justify-content:center;margin-top:2rem;width:100%}.breathing-guide{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;box-shadow:0 8px 24px #1f268726;display:flex;flex-direction:column;gap:.6rem;height:140px;justify-content:center;margin:2rem auto;padding:1rem;position:relative;width:140px;z-index:2}.breathing-circle{animation:breatheCycle 19s ease-in-out infinite;background:radial-gradient(circle,#fff6 0,#ffffff1a 100%);border-radius:50%;bottom:10%;left:10%;opacity:.8;position:absolute;right:10%;top:10%;transform-origin:center}.breathing-text{align-items:center;display:flex;flex-direction:column;gap:.2rem;padding:0 .6rem;position:relative;text-align:center;width:100%;z-index:2}.breathing-text-label{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 3px 6px #0009,0 1px 3px #0006}.breathing-text-cue{display:none}.dark-mode .breathing-text-label{color:#e0f7fa}.dark-mode .breathing-text-cue{color:#e0f7fae6}@keyframes breatheCycle{0%{box-shadow:0 0 12px #67c5bd66;transform:scale(.75)}21%{box-shadow:0 0 24px #67c5bdb3;transform:scale(1.15)}58%{box-shadow:0 0 24px #67c5bdb3;transform:scale(1.15)}to{box-shadow:0 0 12px #67c5bd66;transform:scale(.75)}}.theme-toggle{align-items:center;background:#0000;border:none;color:#4a8db7;color:var(--relaxation-primary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:transform .3s ease;z-index:10}.theme-toggle:hover{transform:rotate(15deg)}.relaxation-btn{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.8rem 1.6rem;transition:all .3s ease}.relaxation-btn.primary{background:#ffffff40;border:1px solid #ffffff4d}.relaxation-btn.primary,.relaxation-btn.secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;text-shadow:0 2px 5px #00000080,0 1px 2px #0000004d}.relaxation-btn.secondary{background:#fff3;border:2px solid #fff6}.relaxation-btn.outline{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 4px 12px #0000001a;color:#fff;text-shadow:0 2px 4px #00000080,0 1px 2px #0000004d}.relaxation-btn:hover{background:#ffffff59;box-shadow:0 6px 16px #0003;transform:translateY(-3px)}.relaxation-btn:active{box-shadow:0 2px 6px #00000026;transform:translateY(0)}.relaxation-btn.outline:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026}.relaxation-btn.round{border-radius:50%;height:40px;padding:0;width:40px}.audio-control-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.audio-control-btn:hover{background:#ffffff59;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.audio-control-btn:active{transform:scale(.95)}@media (max-width:600px){.relaxation-game-container{border-radius:20px;padding:2rem 1rem 1.6rem}.relaxation-title{font-size:1.5rem;margin-bottom:1.5rem}.relaxation-title:after{bottom:-8px;width:60px}.relaxation-tip{font-size:1rem;min-height:50px;padding:0 .5rem}.relaxation-audio-container{border-radius:15px;padding:1rem}.audio-visualizer{height:30px}.audio-control-btn{font-size:1rem;height:40px;width:40px}.breathing-guide{height:110px;margin:1.5rem auto;width:110px}.breathing-text-label{font-size:.95rem}.breathing-text-cue{font-size:.75rem}.breathing-text{font-size:.8rem}.relaxation-tips-section{min-height:200px;padding:1.5rem 1rem}.relaxation-tips-section h3{font-size:1.2rem}.relaxation-btn{font-size:.9rem;padding:.7rem 1.4rem}.audio-progress-container{height:4px}.bg-animation .floating-shape{opacity:.3}}@media (max-width:400px){.relaxation-game-container{border-radius:16px;padding:1.5rem .8rem 1.2rem}.relaxation-title{font-size:1.3rem}.relaxation-tips-section{min-height:180px}.relaxation-tips-section h3{font-size:1.1rem}.relaxation-tip{font-size:.9rem;min-height:40px}.tip-index{font-size:.8rem;min-width:50px}.relaxation-tips-nav{gap:.8rem}.theme-toggle{font-size:1.2rem;right:.5rem;top:.5rem}.audio-control-btn{height:36px;width:36px}.audio-controls{gap:.5rem}.breathing-guide{height:100px;width:100px}.breathing-text-label{font-size:.85rem}.breathing-text-cue{font-size:.7rem}}.dark-mode .relaxation-game-container:before{background:#0006}.dark-mode .relaxation-tip{color:#e0f7fa;font-weight:600;text-shadow:0 2px 4px #0009}.dark-mode .relaxation-tips-section{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#26323840;border:1px solid #ffffff26;box-shadow:0 8px 24px #0000004d}.dark-mode .relaxation-title{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#26323840;border:1px solid #ffffff26}.dark-mode .relaxation-audio-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#26323840;border:1px solid #ffffff26}.dark-mode .breathing-guide{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#26323840;border:2px solid #ffffff26}:root{--life-stage-primary:#867eea;--life-stage-secondary:#764ba2;--life-stage-bg:#f8fafc;--life-stage-border:#e2e8f0;--life-stage-text-primary:#2d3748;--life-stage-text-secondary:#718096;--life-stage-shadow:0 8px 25px #00000014;--life-stage-shadow-hover:0 20px 40px #0000001f;--life-stage-border-radius:24px;--life-stage-border-radius-sm:16px;--life-stage-border-radius-xs:20px;--life-stage-padding:25px;--life-stage-padding-sm:20px;--life-stage-gap:25px;--life-stage-gap-sm:20px;--life-stage-transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);--life-stage-transition-fast:all 0.3s ease;--life-stage-transition-slow:all 0.6s ease-out}.life-stage-selector-container{animation:lifeStageFadeInUp .8s ease-out;margin:0 auto;max-width:100%;padding:20px}.selector-header-modern{align-items:center;background:linear-gradient(135deg,#867eea,#764ba2);background:linear-gradient(135deg,var(--life-stage-primary) 0,var(--life-stage-secondary) 100%);border-radius:16px;border-radius:var(--life-stage-border-radius-sm);box-shadow:0 10px 30px #667eea4d;display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:25px 30px;padding:var(--life-stage-padding) 30px;position:relative}.selector-header-modern:before{animation:lifeStageMovePattern 20s linear infinite;background:linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 75%,#ffffff1a 0);background-size:30px 30px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.header-content{gap:20px;position:relative;z-index:2}.header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:3rem;height:70px;justify-content:center;transition:all .3s ease;transition:var(--life-stage-transition-fast);width:70px}.header-icon:hover{transform:scale(1.05) rotate(5deg)}.header-text h1{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 10px #0003}.header-text p{color:#ffffffe6;font-size:1.1rem;font-weight:300;margin:5px 0 0}.back-btn-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26!important;border:2px solid #ffffff4d!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:12px 20px!important;position:relative;transition:all .3s ease;transition:var(--life-stage-transition-fast);z-index:2}.back-btn-header:hover{background:#ffffff40!important;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.life-stages-modern-grid{grid-gap:25px;grid-gap:var(--life-stage-gap);align-items:stretch;display:grid;gap:25px;gap:var(--life-stage-gap);grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:30px}.life-stage-modern-card{animation:lifeStageSlideInUp .6s ease-out;animation-delay:var(--animation-delay);animation-fill-mode:both;background:#fff;border:3px solid #0000;border-radius:24px;border-radius:var(--life-stage-border-radius);box-shadow:0 8px 25px #00000014;box-shadow:var(--life-stage-shadow);cursor:pointer;display:flex;flex-direction:column;min-height:320px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--life-stage-transition)}.life-stage-modern-card:before{background:var(--stage-color);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.life-stage-modern-card:hover:before{transform:scaleX(1)}.life-stage-modern-card:hover{border-color:var(--stage-color);box-shadow:0 20px 40px #0000001f;box-shadow:var(--life-stage-shadow-hover);transform:translateY(-8px) scale(1.02)}.life-stage-modern-card:hover .stage-card-glow{opacity:1}.life-stage-modern-card:hover .stage-icon-modern{transform:scale(1.1) rotate(5deg)}.life-stage-modern-card:hover .play-arrow{transform:translateX(5px)}.life-stage-modern-card:active{transform:translateY(-4px) scale(1.01);transition:all .15s ease}.stage-card-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:15px;padding:25px 25px 20px;padding:var(--life-stage-padding) var(--life-stage-padding) var(--life-stage-padding-sm) var(--life-stage-padding)}.stage-icon-modern{align-items:center;background:linear-gradient(135deg,var(--stage-color),color-mix(in srgb,var(--stage-color) 80%,#fff 20%));border-radius:50%;box-shadow:0 8px 20px color-mix(in srgb,var(--stage-color) 40%,#0000);display:flex;flex-shrink:0;font-size:3.5rem;height:80px;justify-content:center;position:relative;transition:all .3s ease;transition:var(--life-stage-transition-fast);width:80px}.stage-icon-modern:after{background:linear-gradient(135deg,var(--stage-color),#0000);border-radius:50%;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.life-stage-modern-card:hover .stage-icon-modern:after{opacity:.3}.stage-card-content{flex:1 1;min-width:0}.stage-name-modern{color:#2d3748;color:var(--life-stage-text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}.stage-description-modern{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#718096;color:var(--life-stage-text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.5;margin:0;overflow:hidden}.stage-examples-compact{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;margin-bottom:var(--life-stage-padding-sm);padding:0 25px;padding:0 var(--life-stage-padding)}.example-tag{background:linear-gradient(135deg,var(--stage-color),color-mix(in srgb,var(--stage-color) 80%,#fff 20%));border:1px solid color-mix(in srgb,var(--stage-color) 90%,#fff 10%);border-radius:20px;border-radius:var(--life-stage-border-radius-xs);box-sizing:border-box;color:#fff;flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;font-size:.8rem;font-weight:600;max-width:calc(50% - 4px);padding:6px 12px;text-shadow:0 1px 2px #0000001a;transition:all .3s ease;transition:var(--life-stage-transition-fast)}@media (max-width:480px){.example-tag{flex:0 0 100%;max-width:100%}}.example-tag:hover{box-shadow:0 4px 8px color-mix(in srgb,var(--stage-color) 30%,#0000);transform:translateY(-2px)}.stage-card-action{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--life-stage-bg) 0,var(--life-stage-border) 100%);border-top:1px solid #e2e8f0;border-top:1px solid var(--life-stage-border);display:flex;justify-content:space-between;margin-top:auto;padding:20px 25px;padding:var(--life-stage-padding-sm) var(--life-stage-padding);transition:all .3s ease;transition:var(--life-stage-transition-fast)}.life-stage-modern-card:hover .stage-card-action{background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}.play-text{font-size:1rem;font-weight:600}.play-arrow,.play-text{color:var(--stage-color);transition:all .3s ease;transition:var(--life-stage-transition-fast)}.play-arrow{font-size:1.2rem;font-weight:700}.stage-card-glow{animation:lifeStageRotate 4s linear infinite;background:linear-gradient(45deg,#0000,color-mix(in srgb,var(--stage-color) 15%,#0000),#0000);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.game-info-compact{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--life-stage-bg) 0,var(--life-stage-border) 100%);border:1px solid #e2e8f0;border:1px solid var(--life-stage-border);border-radius:16px;border-radius:var(--life-stage-border-radius-sm);margin-top:20px;padding:20px;padding:var(--life-stage-padding-sm);transition:all .3s ease;transition:var(--life-stage-transition-fast)}.game-info-compact:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.game-info-compact h3{color:#2d3748;color:var(--life-stage-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 15px;text-align:center}.game-modes-preview{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.mode-preview{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:all .3s ease;transition:var(--life-stage-transition-fast)}.mode-preview:hover{transform:translateY(-3px)}.mode-icon{align-items:center;background:linear-gradient(135deg,#867eea,#764ba2);background:linear-gradient(135deg,var(--life-stage-primary),var(--life-stage-secondary));border-radius:50%;box-shadow:0 4px 12px #667eea4d;display:flex;font-size:2rem;height:50px;justify-content:center;transition:all .3s ease;transition:var(--life-stage-transition-fast);width:50px}.mode-preview:hover .mode-icon{box-shadow:0 6px 16px #667eea66;transform:scale(1.1)}.mode-name{color:#4a5568;font-size:.85rem;font-weight:600;text-align:center}@keyframes lifeStageFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes lifeStageSlideInUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lifeStageMovePattern{0%{transform:translateX(-30px)}to{transform:translateX(0)}}@keyframes lifeStageRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.life-stage-selector-container{padding:15px}.selector-header-modern{flex-direction:column;gap:20px;padding:20px;padding:var(--life-stage-padding-sm);text-align:center}.header-content{flex-direction:column;gap:15px}.header-icon{font-size:2.5rem;height:60px;width:60px}.header-text h1{font-size:1.8rem}.header-text p{font-size:1rem}.life-stages-modern-grid{gap:20px;gap:var(--life-stage-gap-sm);grid-template-columns:1fr}.stage-card-header{flex-direction:column;gap:15px;text-align:center}.stage-icon-modern{font-size:3rem;height:70px;width:70px}.game-modes-preview{gap:20px}.mode-icon{font-size:1.8rem;height:45px;width:45px}}@media (max-width:480px){:root{--life-stage-padding:20px;--life-stage-padding-sm:15px;--life-stage-gap:15px;--life-stage-gap-sm:15px}.life-stage-selector-container{padding:10px}.selector-header-modern{border-radius:16px;margin-bottom:20px;padding:15px}.header-icon{font-size:2rem;height:50px;width:50px}.header-text h1{font-size:1.6rem}.stage-card-header{padding:20px 20px 15px;padding:var(--life-stage-padding-sm) var(--life-stage-padding-sm) 15px var(--life-stage-padding-sm)}.stage-icon-modern{font-size:2.5rem;height:60px;width:60px}.stage-name-modern{font-size:1.2rem}.stage-description-modern{font-size:.9rem}.stage-examples-compact{gap:6px;padding:0 20px;padding:0 var(--life-stage-padding-sm)}.example-tag{font-size:.75rem;padding:4px 10px}.stage-card-action{padding:15px 20px;padding:15px var(--life-stage-padding-sm)}.game-modes-preview{align-items:center;flex-direction:column;gap:15px}.mode-preview{flex-direction:row;gap:12px}.mode-icon{font-size:1.5rem;height:40px;width:40px}}@media (max-width:360px){.life-stages-modern-grid{gap:12px;grid-template-columns:1fr}.life-stage-modern-card{min-height:200px}.stage-card-header{gap:12px}.stage-examples-compact{gap:4px}.example-tag{font-size:.7rem;padding:3px 8px}}.life-stage-selector-container.loading{opacity:.7;pointer-events:none}.life-stage-selector-container.loading .life-stage-modern-card{animation:lifeStageLoadingPulse 1.5s ease-in-out infinite}@keyframes lifeStageLoadingPulse{0%,to{opacity:1}50%{opacity:.5}}.life-stage-modern-card.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.life-stage-modern-card.error .stage-icon-modern{background:linear-gradient(135deg,#ef4444,#dc2626)}.life-stage-modern-card.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.life-stage-modern-card.disabled:hover{box-shadow:0 8px 25px #00000014;box-shadow:var(--life-stage-shadow);transform:none}:root{--game-mode-primary:#667eea;--game-mode-secondary:#764ba2;--game-mode-accent:#a8b5ff;--game-mode-light:#f0f2ff;--game-mode-bg:#f8fafc;--game-mode-border:#e2e8f0;--game-mode-text-primary:#2d3748;--game-mode-text-secondary:#718096;--game-mode-shadow:0 8px 25px #00000014;--game-mode-shadow-hover:0 20px 40px #0000001f;--game-mode-border-radius:24px;--game-mode-border-radius-sm:16px;--game-mode-border-radius-xs:12px;--game-mode-padding:25px;--game-mode-padding-sm:20px;--game-mode-gap:25px;--game-mode-gap-sm:20px;--game-mode-transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);--game-mode-transition-fast:all 0.3s ease;--game-mode-transition-slow:all 0.6s ease-out;--mode-classification:#ff6b6b;--mode-unnecessary:#4ecdc4;--mode-trivia:#45b7d1}.game-mode-selector-container{animation:gameModesFadeInUp .8s ease-out;margin:0 auto;max-width:1400px;padding:20px;padding:var(--game-mode-padding-sm)}.stage-info-card-modern{animation:gameModesSlideInDown .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--game-mode-border-radius);box-shadow:0 8px 25px #00000014;box-shadow:var(--game-mode-shadow);margin-bottom:30px;overflow:hidden;padding:25px;padding:var(--game-mode-padding);position:relative}.stage-info-card-modern:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--game-mode-primary),var(--game-mode-secondary));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.stage-info-header-modern{align-items:center;display:flex;flex-wrap:wrap;gap:25px;gap:var(--game-mode-gap);justify-content:space-between}.stage-info-left{align-items:center;display:flex;gap:20px}.stage-icon-large-modern{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--game-mode-primary),var(--game-mode-secondary));border-radius:50%;box-shadow:0 8px 20px #667eea4d;display:flex;font-size:4rem;height:80px;justify-content:center;transition:all .3s ease;transition:var(--game-mode-transition-fast);width:80px}.stage-icon-large-modern:hover{transform:scale(1.05) rotate(5deg)}.stage-info-text-modern h2{color:#2d3748;color:var(--game-mode-text-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.stage-info-text-modern p{color:#718096;color:var(--game-mode-text-secondary);font-size:1.1rem;line-height:1.4;margin:0}.stage-score-info-modern{align-items:stretch;display:flex;gap:30px;justify-content:center}.score-item-modern{align-items:center;background:linear-gradient(135deg,#f0f2ff,#fffc);background:linear-gradient(135deg,var(--game-mode-light),#fffc);border:1px solid #e2e8f0;border:1px solid var(--game-mode-border);border-radius:12px;border-radius:var(--game-mode-border-radius-xs);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:5px;height:110px;justify-content:center;max-width:260px;min-width:140px;padding:12px 16px;transition:all .3s ease;transition:var(--game-mode-transition-fast)}@media (max-width:480px){.stage-score-info-modern{align-items:center;flex-direction:column;gap:12px}.score-item-modern{height:96px;max-width:none;width:100%}}.score-item-modern:hover{box-shadow:0 8px 20px #667eea26;transform:translateY(-3px)}.score-label-modern{color:#718096;color:var(--game-mode-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.score-value-modern{color:#667eea;color:var(--game-mode-primary);font-size:1.8rem;font-weight:700;text-shadow:0 1px 2px #0000001a}.game-modes-grid-modern{grid-gap:25px;grid-gap:var(--game-mode-gap);display:grid;gap:25px;gap:var(--game-mode-gap);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.game-mode-card-modern{animation:gameModesSlideInUp .6s ease-out;animation-delay:var(--animation-delay);animation-fill-mode:both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:3px solid #0000;border-radius:24px;border-radius:var(--game-mode-border-radius);box-shadow:0 8px 25px #00000014;box-shadow:var(--game-mode-shadow);cursor:pointer;height:-webkit-fit-content;height:fit-content;min-height:300px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:var(--game-mode-transition)}.game-mode-card-modern:before{background:var(--mode-color);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.game-mode-card-modern:hover:before{transform:scaleX(1)}.game-mode-card-modern:hover{border-color:var(--mode-color);box-shadow:0 20px 40px #0000001f;box-shadow:var(--game-mode-shadow-hover);transform:translateY(-10px) scale(1.03)}.game-mode-card-modern:hover .mode-card-glow{opacity:1}.game-mode-card-modern:hover .mode-icon-modern{transform:scale(1.1) rotate(10deg)}.game-mode-card-modern:hover .play-button-modern{box-shadow:0 8px 20px color-mix(in srgb,var(--mode-color) 40%,#0000);transform:translateY(-2px)}.game-mode-card-modern:active{transform:translateY(-5px) scale(1.01);transition:all .15s ease}.mode-header-modern{align-items:flex-start;display:flex;gap:20px;margin-bottom:15px;padding:25px;padding:var(--game-mode-padding)}.mode-icon-modern{align-items:center;background:linear-gradient(135deg,var(--mode-color),color-mix(in srgb,var(--mode-color) 80%,#fff 20%));border-radius:50%;box-shadow:0 8px 20px color-mix(in srgb,var(--mode-color) 40%,#0000);display:flex;flex-shrink:0;font-size:3rem;height:70px;justify-content:center;position:relative;transition:all .3s ease;transition:var(--game-mode-transition-fast);width:70px}.mode-icon-modern:after{background:linear-gradient(135deg,var(--mode-color),#0000);border-radius:50%;content:"";inset:-3px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.game-mode-card-modern:hover .mode-icon-modern:after{opacity:.3}.mode-info-modern{flex:1 1;min-width:0}.mode-name-modern{color:#2d3748;color:var(--game-mode-text-primary);font-size:1.3rem;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:0 0 8px}.mode-meta-modern{display:flex;flex-wrap:wrap;gap:15px}.mode-difficulty-modern,.mode-time-modern{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:5px;padding:4px 10px;transition:all .3s ease;transition:var(--game-mode-transition-fast)}.mode-difficulty-modern{background:linear-gradient(135deg,var(--mode-color),color-mix(in srgb,var(--mode-color) 80%,#fff 20%));color:#fff;text-shadow:0 1px 2px #0000001a}.mode-time-modern{background:#f0f2ff;background:var(--game-mode-light);border:1px solid #e2e8f0;border:1px solid var(--game-mode-border)}.mode-description-modern,.mode-time-modern{color:#718096;color:var(--game-mode-text-secondary)}.mode-description-modern{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0 0 20px;overflow:hidden;padding:0 25px;padding:0 var(--game-mode-padding)}.mode-actions-modern{padding:20px 25px 25px;padding:20px var(--game-mode-padding) var(--game-mode-padding) var(--game-mode-padding)}.play-button-modern{background:linear-gradient(135deg,var(--mode-color),color-mix(in srgb,var(--mode-color) 80%,#000 20%))!important;border:none!important;border-radius:12px!important;border-radius:var(--game-mode-border-radius-xs)!important;box-shadow:0 4px 15px color-mix(in srgb,var(--mode-color) 30%,#0000)!important;color:#fff!important;font-size:1rem!important;font-weight:700!important;letter-spacing:.5px!important;overflow:hidden!important;padding:15px 20px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important;transition:var(--game-mode-transition-fast)!important;width:100%}.play-button-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.play-button-modern:hover:before{left:100%}.play-button-modern .button-icon{font-size:1.2em;margin-left:8px;transition:transform .3s ease}.play-button-modern:hover .button-icon{transform:translateX(3px)}.mode-card-glow{animation:gameModeRotate 4s linear infinite;background:linear-gradient(45deg,#0000,color-mix(in srgb,var(--mode-color) 15%,#0000),#0000);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}@keyframes gameModeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navigation-actions-modern{animation:gameModesSlideInUp .8s ease-out;animation-delay:.4s;animation-fill-mode:both;display:flex;justify-content:center;margin:30px 0}.change-stage-button-modern{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:2px solid #e2e8f0!important;border:2px solid var(--game-mode-border)!important;border-radius:50px!important;box-shadow:0 8px 25px #00000014!important;box-shadow:var(--game-mode-shadow)!important;color:#2d3748!important;color:var(--game-mode-text-primary)!important;font-weight:600!important;padding:15px 30px!important;transition:all .3s ease!important;transition:var(--game-mode-transition-fast)!important}.change-stage-button-modern:hover{background:#667eea!important;background:var(--game-mode-primary)!important;box-shadow:0 10px 25px #667eea4d!important;color:#fff!important;transform:translateY(-3px)}.finance-tips-modern{animation:gameModesSlideInUp .8s ease-out;animation-delay:.6s;animation-fill-mode:both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--game-mode-border-radius);box-shadow:0 8px 25px #00000014;box-shadow:var(--game-mode-shadow);overflow:hidden;padding:25px;padding:var(--game-mode-padding);position:relative}.finance-tips-modern:before{animation:gameModeGradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 100%;content:"";height:4px;left:0;position:absolute;top:0;width:100%}@keyframes gameModeGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.finance-tips-header-modern{align-items:center;display:flex;gap:15px;margin-bottom:20px}.tips-icon-modern{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;box-shadow:0 8px 20px #f093fb4d;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.finance-tips-modern h3{color:#2d3748;color:var(--game-mode-text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.3px;margin:0}.tips-content-compact{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-item-modern{align-items:flex-start;background:#f0f2ff;background:var(--game-mode-light);border-left:4px solid #667eea;border-left:4px solid var(--game-mode-primary);border-radius:12px;border-radius:var(--game-mode-border-radius-xs);display:flex;gap:12px;padding:15px;transition:all .3s ease;transition:var(--game-mode-transition-fast)}.tip-item-modern:hover{box-shadow:0 4px 15px #667eea26;transform:translateX(5px)}.tip-icon{flex-shrink:0;font-size:1.5rem}.tip-text{color:#718096;color:var(--game-mode-text-secondary);font-size:.9rem;line-height:1.4;margin:0}@keyframes gameModesFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gameModesSlideInUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gameModesSlideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes gameModesScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.game-mode-selector-container{padding:15px}.stage-info-header-modern{flex-direction:column;gap:20px;text-align:center}.stage-info-left{flex-direction:column;gap:15px}.stage-icon-large-modern{font-size:3.5rem;height:70px;width:70px}.stage-info-text-modern h2{font-size:1.8rem}.stage-score-info-modern{flex-wrap:wrap;gap:20px;justify-content:center}.game-modes-grid-modern{gap:20px;gap:var(--game-mode-gap-sm);grid-template-columns:1fr}.mode-header-modern{flex-direction:column;gap:15px;text-align:center}.mode-icon-modern{font-size:2.5rem;height:60px;width:60px}.tips-content-compact{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.game-mode-selector-container{padding:10px}.finance-tips-modern,.mode-header-modern,.stage-info-card-modern{padding:20px;padding:var(--game-mode-padding-sm)}.mode-actions-modern,.mode-description-modern{padding:0 20px 20px;padding:0 var(--game-mode-padding-sm) var(--game-mode-padding-sm) var(--game-mode-padding-sm)}.score-item-modern{padding:12px 15px}.score-value-modern{font-size:1.5rem}.stage-info-text-modern h2{font-size:1.6rem}.stage-info-text-modern p{font-size:1rem}}@media (max-width:360px){.stage-score-info-modern{flex-direction:column;gap:15px;width:100%}.score-item-modern{flex-direction:row;justify-content:space-between;width:100%}.finance-tips-header-modern{flex-direction:column;gap:10px;text-align:center}.tips-icon-modern{font-size:2rem;height:50px;width:50px}}.stat-loading-inline{align-items:center;display:inline-flex;height:20px;justify-content:center;width:40px}.stat-spinner{animation:statSpinner .8s linear infinite;border:2px solid #667eea33;border-left:2px solid var(--game-mode-primary);border-radius:50%;height:16px;width:16px}.stat-error-inline{align-items:center;color:#e53e3e;cursor:help;display:inline-flex;font-size:.9rem;gap:4px;transition:opacity .3s ease}.stat-error-inline:hover{opacity:.8}.stat-error-icon{filter:grayscale(.2);font-size:14px}.stat-error-text{font-weight:500;letter-spacing:.5px}.stats-error-banner{align-items:center;background:linear-gradient(135deg,#fef2f2,#fed7d7);border:1px solid #ef44444d;border-radius:8px;color:#b91c1c;display:flex;font-size:.85rem;gap:8px;grid-column:1/-1;justify-content:center;margin-top:10px;padding:8px 12px;transition:all .3s ease}.stats-error-banner:hover{background:linear-gradient(135deg,#fed7d7,#fef2f2)}.error-banner-icon{animation:gentlePulse 2s ease-in-out infinite;font-size:14px}.error-banner-text{flex:1 1;font-weight:500;text-align:center}.error-banner-retry{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;transition:background-color .2s ease}.error-banner-retry:hover{background-color:#b91c1c1a}.error-banner-retry:active{transform:scale(.95)}@keyframes statSpinner{to{transform:rotate(1turn)}}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width:768px){.stats-error-banner{flex-direction:column;gap:6px;text-align:center}.error-banner-text,.stat-error-inline{font-size:.8rem}}:root{--classification-primary:#2d3748;--classification-secondary:#4a5568;--classification-accent:#667eea;--classification-necessity:#4299e1;--classification-desire:#9f7aea;--classification-neutral:#718096;--classification-success:#48bb78;--classification-warning:#ed8936;--classification-danger:#f56565;--classification-text-primary:#2d3748;--classification-text-secondary:#4a5568;--classification-text-light:#718096;--classification-text-white:#fff;--classification-gradient:linear-gradient(135deg,#667eea,#764ba2);--classification-necessity-gradient:linear-gradient(135deg,#4299e1,#2b6cb0);--classification-desire-gradient:linear-gradient(135deg,#9f7aea,#805ad5);--classification-success-gradient:linear-gradient(135deg,#48bb78,#38a169);--classification-bg-primary:#f7fafc;--classification-bg-secondary:#edf2f7;--classification-card-bg:#fffffff2;--classification-card-selected:#fff;--classification-card-correct:#48bb781a;--classification-card-incorrect:#f565651a;--classification-card-hover:#fffffffa;--classification-surface:#fff;--classification-border:#e2e8f0;--classification-shadow:0 4px 16px #2d374814;--classification-shadow-hover:0 8px 24px #2d37481f;--classification-shadow-lg:0 12px 32px #2d374826;--classification-shadow-selected:0 8px 24px #667eea26;--classification-shadow-necessity:0 6px 20px #4299e11f;--classification-shadow-desire:0 6px 20px #9f7aea1f;--classification-backdrop-filter:blur(12px);--classification-border-radius:20px;--classification-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--classification-hover-transform:translateY(-8px) scale(1.03);--classification-spacing-xs:8px;--classification-spacing-sm:16px;--classification-spacing-md:24px;--classification-spacing-lg:32px;--classification-spacing-xl:48px}.finance-classification{animation:classificationFadeInScale .8s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;max-width:1200px;min-height:100vh;padding:24px;padding:var(--classification-spacing-md)}@keyframes classificationFadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.finance-classification.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;text-align:center}.finance-classification.loading .loading-spinner{animation:classificationSpin 1.2s cubic-bezier(.4,0,.2,1) infinite;border:3px solid #edf2f7;border-top:3px solid #667eea;border:3px solid var(--classification-bg-secondary);border-radius:50%;border-top-color:var(--classification-accent);height:50px;margin-bottom:24px;margin-bottom:var(--classification-spacing-md);width:50px}.finance-classification.loading p{animation:classificationPulse 2s ease-in-out infinite;color:#2d3748;color:var(--classification-text-primary);font-size:1.1rem;font-weight:500;margin:0}.finance-classification.loading .error-message{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #ff6b6b33;border-radius:20px;border-radius:var(--classification-border-radius);box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);margin:0 auto;max-width:600px;padding:48px;padding:var(--classification-spacing-xl)}.finance-classification.loading .error-message h3{color:#2d3748;color:var(--classification-primary);font-size:1.5em;font-weight:700;margin-bottom:24px;margin-bottom:var(--classification-spacing-md)}.finance-classification.loading .error-message ul{color:#718096;color:var(--classification-neutral);margin:24px 0;margin:var(--classification-spacing-md) 0;text-align:left}@keyframes classificationSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes classificationPulse{0%,to{opacity:1}50%{opacity:.7}}.loading-state{gap:2rem;min-height:60vh;padding:2rem}.loading-text{color:#718096;color:var(--classification-neutral);font-size:1.1rem;margin:0}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:60vh;padding:2rem;text-align:center}.error-icon{color:#ed8936;color:var(--classification-warning);margin-bottom:1rem}.error-title{color:#2d3748;color:var(--classification-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.error-description{color:#718096;color:var(--classification-neutral);line-height:1.6;margin-bottom:1.5rem}.error-details{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #ff6b6b1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.error-details ul{margin:.5rem 0 0 1rem;padding:0}.error-details li{color:#718096;color:var(--classification-neutral);margin-bottom:.5rem}.result-screen{animation:slideInUp .6s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1400px;padding:2rem;width:95%}@media (min-width:1600px){.result-screen{max-width:1600px;width:90%}}@media (min-width:1920px){.result-screen{max-width:1800px;width:85%}}.result-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--classification-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #ff6b6b1a;border-radius:16px;flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--classification-transition)}.stat-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.stat-card:hover:before{left:100%}.stat-card:hover{border-color:#2d3748;border-color:var(--classification-primary);box-shadow:0 8px 24px #2d37481f;box-shadow:var(--classification-shadow-hover);transform:translateY(-4px)}.progress-section{flex:1 1;gap:.5rem;max-width:200px}.progress-text{color:var(--classification-secondary);font-size:.9rem}.finance-classification .game-header{grid-gap:24px;grid-gap:var(--classification-spacing-md);align-items:center;animation:classificationSlideInFromTop .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #e2e8f0;border:1px solid var(--classification-border);border-radius:20px;border-radius:var(--classification-border-radius);box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);display:grid;gap:24px;gap:var(--classification-spacing-md);grid-template-columns:auto 1fr auto;margin-bottom:48px;margin-bottom:var(--classification-spacing-xl);min-height:80px;overflow:hidden;padding:32px;padding:var(--classification-spacing-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--classification-transition)}.finance-classification .game-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient);border-radius:20px 20px 0 0;border-radius:var(--classification-border-radius) var(--classification-border-radius) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.finance-classification .game-header:hover{box-shadow:0 8px 24px #2d37481f;box-shadow:var(--classification-shadow-hover);transform:translateY(-2px)}.progress-section{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--classification-spacing-xs);justify-self:center;max-width:250px;width:100%}.progress-text{color:#4a5568;color:var(--classification-text-secondary);font-size:.95rem;font-weight:600;margin-bottom:4px}.finance-classification .progress-bar{background:#edf2f7;background:var(--classification-bg-secondary);border-radius:3px;box-shadow:inset 0 1px 3px #0000001a;height:6px;width:100%}.finance-classification .progress-fill{border-radius:3px}.score-display{gap:4px;justify-self:end}.score-label{color:#718096;color:var(--classification-text-light);font-size:.85rem;font-weight:500}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient);-webkit-background-clip:text;background-clip:text;color:#667eea;color:var(--classification-accent);font-size:1.4rem;font-weight:700}.finance-classification .progress-info{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--classification-spacing-xs);min-width:120px}.finance-classification .progress-info span{color:#4a5568;color:var(--classification-secondary);font-size:1.1em;font-weight:600}.finance-classification .progress-bar{background:#ffffff4d;border-radius:4px;box-shadow:inset 0 2px 4px #0000001a;height:8px;overflow:hidden;width:200px}.finance-classification .progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient);border-radius:4px;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.finance-classification .progress-fill:after{animation:classificationProgressShine 2s infinite;background:linear-gradient(45deg,#0000 35%,#ffffff4d 50%,#0000 65%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes classificationProgressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.finance-classification .score{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--classification-primary);font-size:1.3em;font-weight:700}@keyframes classificationSlideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.finance-classification .classification-content{animation:classificationSlideInFromBottom .8s cubic-bezier(.4,0,.2,1) .2s both;display:flex;flex:1 1;flex-direction:column}@keyframes classificationSlideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.finance-classification .instruction{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #ff6b6b1a;border-radius:20px;border-radius:var(--classification-border-radius);box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);margin-bottom:48px;margin-bottom:var(--classification-spacing-xl);overflow:hidden;padding:32px;padding:var(--classification-spacing-lg);position:relative;text-align:center}.finance-classification .instruction:before{border-radius:20px 20px 0 0;border-radius:var(--classification-border-radius) var(--classification-border-radius) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.finance-classification .instruction h3,.finance-classification .instruction:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient)}.finance-classification .instruction h3{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--classification-primary);font-size:1.8em;font-weight:700;margin:0 0 16px;margin:0 0 var(--classification-spacing-sm) 0}.finance-classification .instruction p{color:#718096;color:var(--classification-neutral);font-size:1.1em;line-height:1.5;margin:0}.finance-classification .instruction strong{color:#4a5568;color:var(--classification-secondary);font-weight:700}.finance-classification .item-card{animation:classificationItemSlideIn .6s cubic-bezier(.4,0,.2,1) .4s both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #ff6b6b1a;border-radius:20px;border-radius:var(--classification-border-radius);box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);margin-bottom:48px;margin-bottom:var(--classification-spacing-xl);overflow:hidden;padding:48px;padding:var(--classification-spacing-xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--classification-transition)}.finance-classification .item-card:hover{box-shadow:0 8px 24px #2d37481f;box-shadow:var(--classification-shadow-hover);transform:translateY(-3px)}.finance-classification .item-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient);border-radius:20px 20px 0 0;border-radius:var(--classification-border-radius) var(--classification-border-radius) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes classificationItemSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.finance-classification .item-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:4px solid #fffc;border-radius:50%;box-shadow:0 8px 25px #0000001a;display:flex;height:140px;justify-content:center;margin:0 auto 32px;margin:0 auto var(--classification-spacing-lg);overflow:hidden;position:relative;width:140px}.finance-classification .item-image:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient);border-radius:50%;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.finance-classification .item-card:hover .item-image:after{opacity:1}.finance-classification .item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.finance-classification .item-card:hover .item-image img{transform:scale(1.05)}.finance-classification .item-info{text-align:center}.finance-classification .item-info h4{color:#2d3748;color:var(--classification-primary);font-size:1.6em;font-weight:700;line-height:1.2;margin:0 0 16px;margin:0 0 var(--classification-spacing-sm) 0}.finance-classification .item-info p{color:#718096;color:var(--classification-neutral);font-size:1.1em;line-height:1.5;margin:0 0 24px;margin:0 0 var(--classification-spacing-md) 0}.finance-classification .item-cost{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient);border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;display:inline-block;font-size:1.1em;font-weight:700;padding:16px 32px;padding:var(--classification-spacing-sm) var(--classification-spacing-lg);text-shadow:0 1px 2px #0000001a}.finance-classification .classification-options{grid-gap:32px;grid-gap:var(--classification-spacing-lg);animation:classificationOptionsSlideIn .8s cubic-bezier(.4,0,.2,1) .6s both;display:grid;gap:32px;gap:var(--classification-spacing-lg);grid-template-columns:1fr 1fr;margin-top:48px;margin-top:var(--classification-spacing-xl)}@keyframes classificationOptionsSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.finance-classification .btn-desire,.finance-classification .btn-necessity{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:2px solid #0000;border-radius:20px;border-radius:var(--classification-border-radius);box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:16px;gap:var(--classification-spacing-sm);justify-content:center;min-height:120px;overflow:hidden;padding:32px;padding:var(--classification-spacing-lg);position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--classification-transition);width:100%}.finance-classification .btn-necessity{border-color:#4299e1;border-color:var(--classification-necessity)}.finance-classification .btn-desire{border-color:#9f7aea;border-color:var(--classification-desire)}.finance-classification .btn-necessity:hover{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border-color:#4299e1;border-color:var(--classification-necessity);box-shadow:0 6px 20px #4299e11f;box-shadow:var(--classification-shadow-necessity);transform:translateY(-2px);will-change:transform}.finance-classification .btn-desire:hover{background:linear-gradient(135deg,#faf5ff,#e9d8fd);border-color:#9f7aea;border-color:var(--classification-desire);box-shadow:0 6px 20px #9f7aea1f;box-shadow:var(--classification-shadow-desire);transform:translateY(-2px);will-change:transform}.finance-classification .option-icon{font-size:2.2rem;margin-bottom:8px;margin-bottom:var(--classification-spacing-xs);transition:transform .3s ease}.finance-classification .btn-necessity .option-icon{color:#4299e1;color:var(--classification-necessity)}.finance-classification .btn-desire .option-icon{color:#9f7aea;color:var(--classification-desire)}.finance-classification .btn-desire:hover .option-icon,.finance-classification .btn-necessity:hover .option-icon{transform:scale(1.1)}.finance-classification .option-text{font-size:1.2rem;font-weight:700;margin-bottom:2px}.finance-classification .btn-necessity .option-text{color:#4299e1;color:var(--classification-necessity)}.finance-classification .btn-desire .option-text{color:#9f7aea;color:var(--classification-desire)}.finance-classification .option-description{color:#718096;color:var(--classification-text-light);font-size:.9rem;font-weight:500;line-height:1.3}.finance-classification .feedback{align-items:center;animation:classificationFeedbackSlideIn .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #ff6b6b1a;border-radius:20px;border-radius:var(--classification-border-radius);box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);box-sizing:border-box;display:flex;gap:24px;gap:var(--classification-spacing-md);justify-content:center;margin:48px 0 0;margin:var(--classification-spacing-xl) 0 0 0;overflow:hidden;padding:32px;padding:var(--classification-spacing-lg);position:relative;text-align:center;width:100%}.finance-classification .feedback.correct{background:linear-gradient(135deg,#d4f4dd,#a8e6cf);border-left:5px solid;border-color:#48bb78;border-color:var(--classification-success)}.finance-classification .feedback.incorrect{background:linear-gradient(135deg,#ffe5e5,#fcc);border-left:5px solid;border-color:#dc3545}@keyframes classificationFeedbackSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.finance-classification .feedback-icon{align-items:center;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:2.2em;font-weight:700;height:60px;justify-content:center;width:60px}.finance-classification .feedback.correct .feedback-icon{background:linear-gradient(135deg,#28a745,#20c997)}.finance-classification .feedback.incorrect .feedback-icon{background:linear-gradient(135deg,#dc3545,#c82333)}.finance-classification .feedback-content{word-wrap:break-word;align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow-wrap:break-word;text-align:center}.finance-classification .feedback-result{display:none}.finance-classification .feedback-explanation{word-wrap:break-word;color:#718096;color:var(--classification-neutral);font-size:1rem;line-height:1.4;margin-bottom:16px;margin-bottom:var(--classification-spacing-sm);overflow-wrap:break-word}.finance-classification .feedback-points{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#48bb78,#38a169);background:var(--classification-success-gradient);-webkit-background-clip:text;background-clip:text;color:#48bb78;color:var(--classification-success);font-size:1.1em;font-weight:700}.finance-classification.result{animation:resultAppear 1s cubic-bezier(.4,0,.2,1);box-sizing:border-box;margin:0 auto;max-width:1000px;overflow-x:hidden;padding:16px;padding:var(--classification-spacing-sm);width:100%}.finance-classification .result-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #ff6b6b33;border-radius:20px;border-radius:var(--classification-border-radius);box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);box-sizing:border-box;margin-bottom:48px;margin-bottom:var(--classification-spacing-xl);overflow:hidden;padding:48px;padding:var(--classification-spacing-xl);position:relative;text-align:center;width:100%}.finance-classification .result-header:before{border-radius:20px 20px 0 0;border-radius:var(--classification-border-radius) var(--classification-border-radius) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.finance-classification .result-header h3,.finance-classification .result-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--classification-gradient)}.finance-classification .result-header h3{-webkit-text-fill-color:#0000;word-wrap:break-word;-webkit-background-clip:text;background-clip:text;color:#4a5568;color:var(--classification-secondary);font-size:2.2em;font-weight:700;-webkit-hyphens:auto;hyphens:auto;margin:0 0 32px;margin:0 0 var(--classification-spacing-lg) 0;overflow-wrap:break-word}.finance-classification .result-stats{grid-gap:24px;grid-gap:var(--classification-spacing-md);box-sizing:border-box;display:grid;gap:24px;gap:var(--classification-spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:32px;margin-top:var(--classification-spacing-lg);width:100%}.finance-classification .stat{word-wrap:break-word;animation:statSlideIn .8s cubic-bezier(.4,0,.2,1) 0s both;animation:statSlideIn .8s cubic-bezier(.4,0,.2,1) calc(var(--stat-index, 0)*.1s) both;border:1px solid #ff6b6b33;border-radius:15px;min-width:0;overflow:hidden;overflow-wrap:break-word;padding:24px;padding:var(--classification-spacing-md);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--classification-transition)}.finance-classification .stat:hover{transform:translateY(-3px)}.finance-classification .stat-value{word-wrap:break-word;color:#2d3748;color:var(--classification-primary);display:block;font-size:2.2em;font-weight:700;line-height:1.1;margin-bottom:8px;margin-bottom:var(--classification-spacing-xs);overflow-wrap:break-word;text-shadow:0 2px 4px #0000001a}.finance-classification .stat-label{word-wrap:break-word;color:#718096;color:var(--classification-neutral);display:block;font-size:.9em;font-weight:500;letter-spacing:.5px;line-height:1.2;overflow-wrap:break-word;text-transform:uppercase}.finance-classification .result-analysis{animation:analysisSlideIn 1s cubic-bezier(.4,0,.2,1) .3s both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--classification-backdrop-filter);backdrop-filter:var(--classification-backdrop-filter);background:#fffffff2;background:var(--classification-card-bg);border:1px solid #ff6b6b33;border-radius:20px;border-radius:var(--classification-border-radius);box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);box-sizing:border-box;margin-bottom:48px;margin-bottom:var(--classification-spacing-xl);overflow-x:hidden;padding:48px;padding:var(--classification-spacing-xl);width:100%}.finance-classification .result-analysis h4{word-wrap:break-word;color:#4a5568;color:var(--classification-secondary);font-size:1.6em;font-weight:700;margin:0 0 32px;margin:0 0 var(--classification-spacing-lg) 0;overflow-wrap:break-word;text-align:center}.finance-classification .analysis-section{box-sizing:border-box;margin-bottom:32px;margin-bottom:var(--classification-spacing-lg);width:100%}.finance-classification .analysis-section:last-child{margin-bottom:0}.finance-classification .analysis-section h5{word-wrap:break-word;border-bottom:2px solid #ff6b6b33;color:#4a5568;color:var(--classification-secondary);font-size:1.2em;font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin:0 0 24px;margin:0 0 var(--classification-spacing-md) 0;overflow-wrap:break-word;padding:16px 0;padding:var(--classification-spacing-sm) 0}.finance-classification .choice-list{grid-gap:16px;grid-gap:var(--classification-spacing-sm);display:grid}.finance-classification .choice-item,.finance-classification .choice-list{box-sizing:border-box;gap:16px;gap:var(--classification-spacing-sm);width:100%}.finance-classification .choice-item{align-items:flex-start;animation:itemSlideIn .5s cubic-bezier(.4,0,.2,1) 0s both;animation:itemSlideIn .5s cubic-bezier(.4,0,.2,1) calc(var(--item-index, 0)*.05s) both;border-radius:12px;display:flex;justify-content:space-between;min-height:44px;overflow:hidden;padding:16px;padding:var(--classification-spacing-sm);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--classification-transition)}.finance-classification .choice-item.correct{background:linear-gradient(135deg,#d4f4dd,#a8e6cf);border:2px solid #28a745;border-left-width:4px}.finance-classification .choice-item.incorrect{background:linear-gradient(135deg,#ffe5e5,#fcc);border:2px solid #dc3545;border-left-width:4px}.finance-classification .choice-item:hover{box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);transform:translateX(5px)}.finance-classification .choice-name{word-wrap:break-word;color:#4a5568;color:var(--classification-secondary);flex:1 1;font-weight:600;-webkit-hyphens:auto;hyphens:auto;min-width:0;overflow-wrap:break-word}.finance-classification .choice-item .choice-result{flex-shrink:0;font-size:1.4em;font-weight:700}.finance-classification .choice-item.correct .choice-result{color:#28a745}.finance-classification .choice-item.incorrect .choice-result{color:#dc3545}.finance-classification .no-items-message{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:2px solid #28a745;border-radius:12px;margin:24px 0;margin:var(--classification-spacing-md) 0;padding:32px;padding:var(--classification-spacing-lg);text-align:center}.finance-classification .no-items-message p{color:#4a5568;color:var(--classification-secondary);font-size:1.1em;font-weight:500;line-height:1.4;margin:0}.finance-classification .choices-review{background:#f8f9fa80;border-radius:20px;border-radius:var(--classification-border-radius);margin:24px 0;margin:var(--classification-spacing-md) 0;max-height:350px;overflow-y:auto;padding:24px;padding:var(--classification-spacing-md)}@media (min-width:1400px){.finance-classification .choices-review{column-count:2;column-fill:balance;column-gap:2rem;max-height:400px;padding:1.5rem}.finance-classification .choice-review{break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}}@media (min-width:1600px){.finance-classification .choices-review{max-height:450px;padding:2rem}}.finance-classification .choice-review{align-items:center;background:#fff;border-left:4px solid #ddd;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--classification-spacing-sm);padding:24px;padding:var(--classification-spacing-md);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--classification-transition)}.finance-classification .choice-review:hover{box-shadow:0 4px 16px #2d374814;box-shadow:var(--classification-shadow);transform:translateX(5px)}.finance-classification .choice-review.correct{background:linear-gradient(135deg,#d4f4dd,#a8e6cf);border:2px solid #28a745;border-left-width:4px}.finance-classification .choice-review.incorrect{background:linear-gradient(135deg,#ffe5e5,#fcc);border:2px solid #dc3545;border-left-width:4px}.finance-classification .item-name{color:#718096;color:var(--classification-neutral);font-weight:600}.finance-classification .choice-result{font-size:1.4em;font-weight:700}.finance-classification .choice-review.correct .choice-result{color:#28a745}.finance-classification .choice-review.incorrect .choice-result{color:#dc3545}.finance-classification .result-actions{display:flex;flex-wrap:wrap;gap:24px;gap:var(--classification-spacing-md);justify-content:center;margin-left:auto;margin-right:auto;margin-top:48px;margin-top:var(--classification-spacing-xl);max-width:500px}@media (min-width:1400px){.finance-classification .result-actions{gap:2rem;margin-top:3rem;max-width:600px}}@media (min-width:1600px){.finance-classification .result-actions{gap:2.5rem;max-width:700px}}@media (min-width:1200px){.finance-classification{max-width:1400px}.finance-classification .classification-options{gap:48px;gap:var(--classification-spacing-xl)}.finance-classification .btn-desire,.finance-classification .btn-necessity{min-height:200px;padding:48px 32px;padding:var(--classification-spacing-xl) var(--classification-spacing-lg)}.finance-classification .game-header{position:relative}.finance-classification .progress-info{left:50%;position:absolute;transform:translateX(-50%)}}@media (max-width:1199px) and (min-width:1024px){.finance-classification{padding:32px;padding:var(--classification-spacing-lg)}.finance-classification .item-image{height:120px;width:120px}}@media (max-width:1023px) and (min-width:768px){.finance-classification,.finance-classification .game-header{padding:24px;padding:var(--classification-spacing-md)}.finance-classification .game-header{gap:16px;gap:var(--classification-spacing-sm);grid-template-columns:1fr;text-align:center}.progress-section{max-width:200px}.progress-section,.score-display{justify-self:center}.finance-classification .classification-options{gap:24px;gap:var(--classification-spacing-md)}.finance-classification .btn-desire,.finance-classification .btn-necessity{min-height:110px}.finance-classification .feedback{align-items:center;justify-content:center;margin:32px 0 0;margin:var(--classification-spacing-lg) 0 0 0;width:100%}}@media (max-width:767px) and (min-width:600px){.finance-classification{padding:16px;padding:var(--classification-spacing-sm)}.finance-classification .game-header{gap:8px;gap:var(--classification-spacing-xs);grid-template-columns:1fr;padding:24px;padding:var(--classification-spacing-md);text-align:center}.progress-section,.score-display{justify-self:center}.progress-section{max-width:160px}.finance-classification .item-image{height:100px;width:100px}.finance-classification .item-info h4{font-size:1.4rem}.finance-classification .btn-desire,.finance-classification .btn-necessity{min-height:100px}.finance-classification .option-icon{font-size:2rem}.finance-classification .option-text{font-size:1.1rem}.finance-classification .feedback{align-items:center;justify-content:center;margin:32px 0 0;margin:var(--classification-spacing-lg) 0 0 0;width:100%}}@media (max-width:599px) and (min-width:480px){.finance-classification{padding:16px;padding:var(--classification-spacing-sm)}.finance-classification .game-header{gap:16px;gap:var(--classification-spacing-sm);grid-template-columns:1fr;min-height:auto;padding:24px;padding:var(--classification-spacing-md);text-align:center}.progress-section,.score-display{justify-self:center}.progress-section{max-width:180px}.finance-classification .classification-options{gap:16px;gap:var(--classification-spacing-sm);grid-template-columns:1fr}.finance-classification .btn-desire,.finance-classification .btn-necessity{min-height:100px;padding:24px;padding:var(--classification-spacing-md)}.finance-classification .option-icon{font-size:2rem}.finance-classification .option-text{font-size:1.1rem}.finance-classification .feedback{align-items:center;justify-content:center;margin:32px 0 0;margin:var(--classification-spacing-lg) 0 0 0;width:100%}.finance-classification .result-actions{align-items:center;flex-direction:column}.finance-classification .result-actions .btn{max-width:280px;width:100%}}@media (max-width:479px){.finance-classification{padding:8px;padding:var(--classification-spacing-xs)}.finance-classification .game-header{gap:8px;gap:var(--classification-spacing-xs);grid-template-columns:1fr;min-height:auto;padding:16px;padding:var(--classification-spacing-sm);text-align:center}.progress-section{max-width:150px}.progress-text{font-size:.85rem}.score-display{justify-self:center}.score-value{font-size:1.2rem}.finance-classification .item-card{padding:24px;padding:var(--classification-spacing-md)}.finance-classification .item-image{height:80px;width:80px}.finance-classification .item-info h4{font-size:1.3rem}.finance-classification .classification-options{gap:8px;gap:var(--classification-spacing-xs);grid-template-columns:1fr}.finance-classification .btn-desire,.finance-classification .btn-necessity{min-height:90px;padding:16px;padding:var(--classification-spacing-sm)}.finance-classification .option-icon{font-size:1.8rem}.finance-classification .option-text{font-size:1rem}.finance-classification .option-description{font-size:.8rem}.finance-classification .feedback{align-items:center;flex-direction:column;gap:16px;gap:var(--classification-spacing-sm);justify-content:center;margin:24px 0 0;margin:var(--classification-spacing-md) 0 0 0;padding:24px;padding:var(--classification-spacing-md);text-align:center;width:100%}.finance-classification .feedback-icon{font-size:1.8em;height:50px;width:50px}.finance-classification .feedback-result{font-size:1.1em}.finance-classification .feedback-explanation{font-size:.9rem;line-height:1.3}.finance-classification .feedback-points{font-size:1rem}.finance-classification .result-stats{gap:16px;gap:var(--classification-spacing-sm);grid-template-columns:1fr}.finance-classification .result-actions{flex-direction:column;gap:16px;gap:var(--classification-spacing-sm)}.finance-classification .result-actions .btn{font-size:.95em;padding:24px;padding:var(--classification-spacing-md);width:100%}}@media (max-height:500px) and (orientation:landscape){.finance-classification{padding:8px;padding:var(--classification-spacing-xs)}.finance-classification .game-header{margin-bottom:24px;margin-bottom:var(--classification-spacing-md);padding:16px;padding:var(--classification-spacing-sm)}.finance-classification .item-card{margin-bottom:24px;margin-bottom:var(--classification-spacing-md);padding:24px;padding:var(--classification-spacing-md)}.finance-classification .item-image{height:60px;margin-bottom:16px;margin-bottom:var(--classification-spacing-sm);width:60px}.finance-classification .classification-options{gap:16px;gap:var(--classification-spacing-sm);grid-template-columns:1fr 1fr}.finance-classification .btn-desire,.finance-classification .btn-necessity{min-height:100px;padding:16px;padding:var(--classification-spacing-sm)}.finance-classification .feedback{align-items:center;justify-content:center;margin:16px 0 0;margin:var(--classification-spacing-sm) 0 0 0;padding:16px;padding:var(--classification-spacing-sm);width:100%}}@media (pointer:coarse){.finance-classification .btn-desire,.finance-classification .btn-necessity{min-height:48px;touch-action:manipulation}.finance-classification .choice-review{min-height:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.finance-classification .item-image img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.finance-classification .btn-desire:hover:after,.finance-classification .btn-necessity:hover:after{animation:classificationRipple .6s ease-out;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes classificationRipple{0%{height:0;opacity:1;width:0}to{height:300px;opacity:0;width:300px}}@media (prefers-reduced-motion:reduce){.finance-classification *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.finance-classification .btn-desire:focus,.finance-classification .btn-necessity:focus{outline:3px solid #2d3748;outline:3px solid var(--classification-primary);outline-offset:2px}@media print{.finance-classification{background:#fff!important;color:#000!important}.finance-classification .btn-desire,.finance-classification .btn-necessity{display:none!important}.finance-classification .feedback,.finance-classification .item-card,.finance-classification .result{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}:root{--unnecessary-primary:#4ecdc4;--unnecessary-secondary:#44a08d;--unnecessary-danger:#ff6b6b;--unnecessary-warning:#feca57;--unnecessary-success:#48cae4;--unnecessary-neutral:#6c757d;--unnecessary-gradient:linear-gradient(135deg,#4ecdc4,#44a08d);--unnecessary-danger-gradient:linear-gradient(135deg,#ff6b6b,#ee5a52);--unnecessary-success-gradient:linear-gradient(135deg,#48cae4,#023e8a);--unnecessary-warning-gradient:linear-gradient(135deg,#feca57,#ff9ff3);--unnecessary-card-bg:#fffffffa;--unnecessary-card-selected:#fff;--unnecessary-card-correct:#48cae4e6;--unnecessary-card-incorrect:#ff6b6be6;--unnecessary-card-missed:#feca57e6;--unnecessary-shadow:0 8px 32px #4ecdc426;--unnecessary-shadow-hover:0 12px 40px #4ecdc440;--unnecessary-shadow-selected:0 8px 32px #4ecdc44d;--unnecessary-shadow-danger:0 8px 32px #ff6b6b33;--unnecessary-shadow-success:0 8px 32px #48cae433;--unnecessary-backdrop-filter:blur(10px);--unnecessary-border-radius:20px;--unnecessary-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--unnecessary-hover-transform:translateY(-5px) scale(1.02);--unnecessary-spacing-xs:8px;--unnecessary-spacing-sm:16px;--unnecessary-spacing-md:24px;--unnecessary-spacing-lg:32px;--unnecessary-spacing-xl:48px}.unnecessary-purchases{animation:fadeInScale .8s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:100%;padding:24px;padding:var(--unnecessary-spacing-md)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.unnecessary-purchases.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.unnecessary-purchases.loading .loading-spinner{animation:spin 1.2s cubic-bezier(.4,0,.2,1) infinite;border:4px solid #4ecdc433;border-radius:50%;border-top-color:#4ecdc4;border-top:4px solid var(--unnecessary-primary);height:60px;margin-bottom:24px;margin-bottom:var(--unnecessary-spacing-md);width:60px}.unnecessary-purchases.loading p{animation:pulse 2s ease-in-out infinite;color:#4ecdc4;color:var(--unnecessary-primary);font-size:1.2em;font-weight:500;margin:0}.unnecessary-purchases .game-header{align-items:center;animation:slideInFromTop .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--unnecessary-backdrop-filter);backdrop-filter:var(--unnecessary-backdrop-filter);background:#fffffffa;background:var(--unnecessary-card-bg);border:1px solid #4ecdc433;border-radius:20px;border-radius:var(--unnecessary-border-radius);box-shadow:0 8px 32px #4ecdc426;box-shadow:var(--unnecessary-shadow);display:flex;justify-content:space-between;margin-bottom:48px;margin-bottom:var(--unnecessary-spacing-xl);overflow:hidden;padding:32px;padding:var(--unnecessary-spacing-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition)}.unnecessary-purchases .game-header:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--unnecessary-gradient);border-radius:20px 20px 0 0;border-radius:var(--unnecessary-border-radius) var(--unnecessary-border-radius) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.unnecessary-purchases .game-header:hover{box-shadow:0 12px 40px #4ecdc440;box-shadow:var(--unnecessary-shadow-hover);transform:translateY(-3px)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.unnecessary-purchases .header-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--unnecessary-gradient);-webkit-background-clip:text;background-clip:text;color:#44a08d;color:var(--unnecessary-secondary);font-size:1.8em;font-weight:700;margin:0 0 16px;margin:0 0 var(--unnecessary-spacing-sm) 0}.unnecessary-purchases .header-info p{color:#6c757d;color:var(--unnecessary-neutral);font-size:1.1em;line-height:1.4;margin:0}.purchases-summary{grid-gap:24px;grid-gap:var(--unnecessary-spacing-md);animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1) .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--unnecessary-backdrop-filter);backdrop-filter:var(--unnecessary-backdrop-filter);background:#fffffffa;background:var(--unnecessary-card-bg);border:1px solid #4ecdc426;border-radius:20px;border-radius:var(--unnecessary-border-radius);box-shadow:0 8px 32px #4ecdc426;box-shadow:var(--unnecessary-shadow);display:grid;gap:24px;gap:var(--unnecessary-spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:48px;margin-bottom:var(--unnecessary-spacing-xl);overflow:hidden;padding:32px;padding:var(--unnecessary-spacing-lg);position:relative}.purchases-summary:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--unnecessary-gradient);border-radius:20px 20px 0 0;border-radius:var(--unnecessary-border-radius) var(--unnecessary-border-radius) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.summary-item{background:#4ecdc40d;border-radius:15px;padding:16px;padding:var(--unnecessary-spacing-sm);position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition)}.summary-item:hover{background:#4ecdc41a;transform:translateY(-2px)}.summary-label{color:#6c757d;color:var(--unnecessary-neutral);display:block;font-size:.95em;font-weight:500;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs);text-transform:uppercase}.summary-value{color:#44a08d;color:var(--unnecessary-secondary);display:block;font-size:1.6em;font-weight:700;text-shadow:0 2px 4px #0000001a}.summary-value.selected{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ee5a52);background:var(--unnecessary-danger-gradient);-webkit-background-clip:text;background-clip:text}.purchases-grid{grid-gap:24px;grid-gap:var(--unnecessary-spacing-md);animation:fadeInGrid 1s cubic-bezier(.4,0,.2,1) .4s both;box-sizing:border-box;display:grid;gap:24px;gap:var(--unnecessary-spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:48px;margin-bottom:var(--unnecessary-spacing-xl);width:100%}@keyframes fadeInGrid{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.purchase-card{animation:cardEntrance .6s cubic-bezier(.4,0,.2,1) 0s both;animation:cardEntrance .6s cubic-bezier(.4,0,.2,1) calc(var(--card-index, 0)*.1s) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--unnecessary-backdrop-filter);backdrop-filter:var(--unnecessary-backdrop-filter);background:#fffffffa;background:var(--unnecessary-card-bg);border:2px solid #0000;border-radius:20px;border-radius:var(--unnecessary-border-radius);box-shadow:0 8px 32px #4ecdc426;box-shadow:var(--unnecessary-shadow);cursor:pointer;overflow:hidden;padding:24px;padding:var(--unnecessary-spacing-md);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.purchase-card:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--unnecessary-gradient);border-radius:20px;border-radius:var(--unnecessary-border-radius);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition)}.purchase-card:hover{border-color:#4ecdc4;border-color:var(--unnecessary-primary);box-shadow:0 12px 40px #4ecdc440;box-shadow:var(--unnecessary-shadow-hover);transform:translateY(-5px) scale(1.02);transform:var(--unnecessary-hover-transform)}.purchase-card:hover:before{opacity:.03}.purchase-card.selected{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--unnecessary-card-selected);border-color:#4ecdc4;border-color:var(--unnecessary-primary);box-shadow:0 8px 32px #4ecdc44d;box-shadow:var(--unnecessary-shadow-selected);transform:translateY(-2px) scale(1.02)}.purchase-card.selected:before{opacity:.12}.purchase-card.correct{background:linear-gradient(135deg,#d4f4dd,#a8e6cf);border:2px solid #28a745;box-shadow:0 8px 32px #28a7454d}.purchase-card.correct,.purchase-card.incorrect{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.purchase-card.incorrect{background:linear-gradient(135deg,#ffe5e5,#fcc);border:2px solid #dc3545;box-shadow:0 8px 32px #dc35454d}.purchase-card.missed{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#feca57e6;background:var(--unnecessary-card-missed);border-color:#feca57;border-color:var(--unnecessary-warning);box-shadow:0 8px 32px #feca5733}.purchase-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;box-shadow:0 4px 12px #0000001a;height:90px;margin:0 auto 16px;margin:0 auto var(--unnecessary-spacing-sm);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition);width:90px}.purchase-card:hover .purchase-image{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.purchase-image img{height:100%;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition);width:100%}.purchase-card:hover .purchase-image img{transform:scale(1.1)}.purchase-info{position:relative;z-index:2}.purchase-info h4{color:#44a08d;color:var(--unnecessary-secondary);font-size:1.2em;font-weight:600;line-height:1.3}.purchase-info h4,.purchase-info p{margin-bottom:16px;margin-bottom:var(--unnecessary-spacing-sm);text-align:center}.purchase-info p{color:#6c757d;color:var(--unnecessary-neutral);font-size:.95em;line-height:1.4}.purchase-details{align-items:center;display:flex;gap:16px;gap:var(--unnecessary-spacing-sm);justify-content:space-between;margin-top:16px;margin-top:var(--unnecessary-spacing-sm)}.purchase-cost{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--unnecessary-gradient);border-radius:20px;box-shadow:0 2px 8px #4ecdc44d;font-size:.95em;padding:8px 16px;padding:var(--unnecessary-spacing-xs) var(--unnecessary-spacing-sm);text-shadow:0 1px 2px #0003;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition)}.purchase-card:hover .purchase-cost{box-shadow:0 4px 12px #4ecdc466;transform:scale(1.05)}.purchase-type{background:#6c757d1a;border:1px solid #6c757d33;border-radius:20px;color:#6c757d;color:var(--unnecessary-neutral);font-size:.85em;font-weight:500;padding:8px 16px;padding:var(--unnecessary-spacing-xs) var(--unnecessary-spacing-sm);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition)}.purchase-card:hover .purchase-type{background:#6c757d26;border-color:#6c757d4d}.selection-indicator{align-items:center;background:linear-gradient(135deg,#48cae4,#023e8a);background:var(--unnecessary-success-gradient);border-radius:50%;box-shadow:0 4px 12px #48cae466;color:#fff;display:flex;font-size:1.1em;font-weight:700;height:36px;justify-content:center;opacity:0;position:absolute;right:16px;right:var(--unnecessary-spacing-sm);top:16px;top:var(--unnecessary-spacing-sm);transform:scale(.5);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition);width:36px;z-index:3}.purchase-card.selected .selection-indicator{animation:checkmarkBounce .5s cubic-bezier(.68,-.55,.265,1.55);opacity:1;transform:scale(1)}@keyframes checkmarkBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.purchase-feedback{animation:feedbackSlideIn .5s cubic-bezier(.4,0,.2,1);margin-top:16px;margin-top:var(--unnecessary-spacing-sm);text-align:center}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-icon{box-shadow:0 2px 8px #00000026;display:inline-flex;font-size:1.2em;font-weight:600;height:32px;padding:8px 16px;padding:var(--unnecessary-spacing-xs) var(--unnecessary-spacing-sm);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition);width:32px}.feedback-icon.correct{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;text-shadow:0 1px 2px #0003}.feedback-icon.incorrect{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;text-shadow:0 1px 2px #0003}.feedback-icon.missed{background:linear-gradient(135deg,#feca57,#ff9ff3);background:var(--unnecessary-warning-gradient);color:#fff;text-shadow:0 1px 2px #0003}.feedback-section{animation:feedbackAppear .8s cubic-bezier(.4,0,.2,1);box-sizing:border-box;margin-bottom:48px;margin-bottom:var(--unnecessary-spacing-xl);overflow-x:hidden;width:100%}@keyframes feedbackAppear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--unnecessary-backdrop-filter);backdrop-filter:var(--unnecessary-backdrop-filter);background:#fffffffa;background:var(--unnecessary-card-bg);border:2px solid #48cae4;border:2px solid var(--unnecessary-success);border-radius:20px;border-radius:var(--unnecessary-border-radius);box-shadow:0 8px 32px #4ecdc426;box-shadow:var(--unnecessary-shadow);box-sizing:border-box;max-width:100%;overflow:hidden;overflow-wrap:break-word;overflow-x:hidden;padding:32px;padding:var(--unnecessary-spacing-lg);position:relative;width:100%}.feedback:before{background:linear-gradient(135deg,#48cae4,#023e8a);background:var(--unnecessary-success-gradient);border-radius:20px 20px 0 0;border-radius:var(--unnecessary-border-radius) var(--unnecessary-border-radius) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.feedback.partial{border-color:#feca57;border-color:var(--unnecessary-warning)}.feedback.partial:before{background:linear-gradient(135deg,#feca57,#ff9ff3);background:var(--unnecessary-warning-gradient)}.feedback h4{color:#44a08d;color:var(--unnecessary-secondary);font-size:1.4em;font-weight:700;line-height:1.3;margin:0 0 16px;margin:0 0 var(--unnecessary-spacing-sm) 0}.feedback h4,.feedback p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.feedback p{color:#6c757d;color:var(--unnecessary-neutral);font-size:1.1em;line-height:1.5;margin:0 0 24px;margin:0 0 var(--unnecessary-spacing-md) 0}.feedback-details{grid-gap:16px;grid-gap:var(--unnecessary-spacing-sm);display:grid;gap:16px;gap:var(--unnecessary-spacing-sm)}.detail-item,.feedback-details{box-sizing:border-box;width:100%}.detail-item{background:#4ecdc40d;border-left:4px solid #4ecdc4;border-left:4px solid var(--unnecessary-primary);border-radius:12px;-webkit-hyphens:auto;hyphens:auto;overflow-x:hidden;padding:16px;padding:var(--unnecessary-spacing-sm)}.detail-item,.detail-item strong{word-wrap:break-word;overflow-wrap:break-word}.detail-item strong{color:#44a08d;color:var(--unnecessary-secondary);display:block;line-height:1.3;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.unnecessary-purchases.result{animation:resultAppear 1s cubic-bezier(.4,0,.2,1);box-sizing:border-box;margin:0 auto;max-width:1000px;overflow-x:hidden;padding:16px;padding:var(--unnecessary-spacing-sm);width:100%}.result-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--unnecessary-backdrop-filter);backdrop-filter:var(--unnecessary-backdrop-filter);background:#fffffffa;background:var(--unnecessary-card-bg);border:1px solid #4ecdc433;border-radius:20px;border-radius:var(--unnecessary-border-radius);box-shadow:0 8px 32px #4ecdc426;box-shadow:var(--unnecessary-shadow);box-sizing:border-box;margin-bottom:48px;margin-bottom:var(--unnecessary-spacing-xl);overflow:hidden;padding:48px;padding:var(--unnecessary-spacing-xl);position:relative;text-align:center;width:100%}.result-header:before{border-radius:20px 20px 0 0;border-radius:var(--unnecessary-border-radius) var(--unnecessary-border-radius) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.result-header h3,.result-header:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--unnecessary-gradient)}.result-header h3{-webkit-text-fill-color:#0000;word-wrap:break-word;-webkit-background-clip:text;background-clip:text;color:#44a08d;color:var(--unnecessary-secondary);font-size:2.2em;font-weight:700;-webkit-hyphens:auto;hyphens:auto;margin:0 0 32px;margin:0 0 var(--unnecessary-spacing-lg) 0;overflow-wrap:break-word}.result-stats{grid-gap:24px;grid-gap:var(--unnecessary-spacing-md);box-sizing:border-box;gap:24px;gap:var(--unnecessary-spacing-md);margin-top:32px;margin-top:var(--unnecessary-spacing-lg);width:100%}.stat{word-wrap:break-word;animation:statSlideIn .8s cubic-bezier(.4,0,.2,1) 0s both;animation:statSlideIn .8s cubic-bezier(.4,0,.2,1) calc(var(--stat-index, 0)*.1s) both;background:linear-gradient(135deg,#4ecdc41a,#44a08d1a);border:1px solid #4ecdc433;min-width:0;overflow:hidden;overflow-wrap:break-word;padding:24px;padding:var(--unnecessary-spacing-md);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition)}.stat:hover{background:linear-gradient(135deg,#4ecdc426,#44a08d26);transform:translateY(-3px)}.stat-value{color:#4ecdc4;color:var(--unnecessary-primary);font-size:2.2em;line-height:1.1;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs);text-shadow:0 2px 4px #0000001a}.stat-label,.stat-value{word-wrap:break-word;overflow-wrap:break-word}.stat-label{color:#6c757d;color:var(--unnecessary-neutral);font-weight:500;letter-spacing:.5px;line-height:1.2}.result-analysis{animation:analysisSlideIn 1s cubic-bezier(.4,0,.2,1) .3s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--unnecessary-backdrop-filter);backdrop-filter:var(--unnecessary-backdrop-filter);background:#fffffffa;background:var(--unnecessary-card-bg);border:1px solid #4ecdc433;border-radius:20px;border-radius:var(--unnecessary-border-radius);box-shadow:0 8px 32px #4ecdc426;box-shadow:var(--unnecessary-shadow);box-sizing:border-box;margin-bottom:48px;margin-bottom:var(--unnecessary-spacing-xl);overflow-x:hidden;padding:48px;padding:var(--unnecessary-spacing-xl);width:100%}@keyframes analysisSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.result-analysis h4{word-wrap:break-word;color:#44a08d;color:var(--unnecessary-secondary);font-size:1.6em;font-weight:700;margin:0 0 32px;margin:0 0 var(--unnecessary-spacing-lg) 0;overflow-wrap:break-word;text-align:center}.analysis-section{box-sizing:border-box;margin-bottom:32px;margin-bottom:var(--unnecessary-spacing-lg);width:100%}.analysis-section:last-child{margin-bottom:0}.analysis-section h5{word-wrap:break-word;border-bottom:2px solid #4ecdc433;color:#44a08d;color:var(--unnecessary-secondary);font-size:1.2em;font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin:0 0 24px;margin:0 0 var(--unnecessary-spacing-md) 0;overflow-wrap:break-word;padding:16px 0;padding:var(--unnecessary-spacing-sm) 0}.purchase-list{grid-gap:16px;grid-gap:var(--unnecessary-spacing-sm)}.purchase-item,.purchase-list{box-sizing:border-box;gap:16px;gap:var(--unnecessary-spacing-sm);width:100%}.purchase-item{align-items:flex-start;animation:itemSlideIn .5s cubic-bezier(.4,0,.2,1) 0s both;animation:itemSlideIn .5s cubic-bezier(.4,0,.2,1) calc(var(--item-index, 0)*.05s) both;border-radius:12px;min-height:44px;overflow:hidden;padding:16px;padding:var(--unnecessary-spacing-sm);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition)}.purchase-item.correct{background:linear-gradient(135deg,#d4f4dd,#a8e6cf);border:2px solid #28a745;border-left-width:4px}.purchase-item.incorrect{background:linear-gradient(135deg,#ffe5e5,#fcc);border:2px solid #dc3545;border-left-width:4px}.purchase-item.missed{background:#feca57e6;background:var(--unnecessary-card-missed);border-left:4px solid #feca57;border-left:4px solid var(--unnecessary-warning)}.purchase-item:hover{transform:translateX(5px)}.purchase-name{word-wrap:break-word;color:#44a08d;color:var(--unnecessary-secondary);flex:1 1;font-weight:600;-webkit-hyphens:auto;hyphens:auto;min-width:0;overflow-wrap:break-word}.purchase-cost{color:#fff;flex-shrink:0;font-size:1.1em;font-weight:700;white-space:nowrap}.no-items-message{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:2px solid #48cae4;border:2px solid var(--unnecessary-success);border-radius:12px;margin:24px 0;margin:var(--unnecessary-spacing-md) 0;padding:32px;padding:var(--unnecessary-spacing-lg);text-align:center}.no-items-message p{color:#44a08d;color:var(--unnecessary-secondary);font-size:1.1em;font-weight:500;line-height:1.4;margin:0}.purchase-item .purchase-cost{background:#0000;box-shadow:none;color:#4ecdc4;color:var(--unnecessary-primary);flex-shrink:0;font-size:1em;font-weight:700;min-width:-webkit-fit-content;min-width:fit-content;padding:0;text-align:right;white-space:nowrap}.game-actions{animation:actionsSlideIn 1s cubic-bezier(.4,0,.2,1) .6s both;box-sizing:border-box;padding:0 16px;padding:0 var(--unnecessary-spacing-sm);width:100%}.game-actions,.result-actions{margin-top:48px;margin-top:var(--unnecessary-spacing-xl)}.result-actions{align-items:center;animation:actionsSlideIn 1s cubic-bezier(.4,0,.2,1) .8s both;flex-wrap:wrap;gap:24px;gap:var(--unnecessary-spacing-md);text-align:center}.unnecessary-purchases .btn{align-items:center;border:none;border-radius:25px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.5px;max-width:100%;min-height:48px;overflow:hidden;padding:16px 32px;padding:var(--unnecessary-spacing-sm) var(--unnecessary-spacing-lg);position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--unnecessary-transition);white-space:nowrap}.unnecessary-purchases .btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.unnecessary-purchases .btn:hover:before{left:100%}.unnecessary-purchases .btn-primary{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--unnecessary-gradient);box-shadow:0 4px 15px #4ecdc44d;color:#fff;text-shadow:0 1px 2px #0003}.unnecessary-purchases .btn-primary:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-3px) scale(1.05)}.unnecessary-purchases .btn-primary:disabled{background:#6c757d80;box-shadow:none;color:#ffffffb3;cursor:not-allowed;transform:none}.unnecessary-purchases .btn-secondary{background:#6c757d1a;border:2px solid #6c757d;border:2px solid var(--unnecessary-neutral);color:#6c757d;color:var(--unnecessary-neutral)}.unnecessary-purchases .btn-secondary:hover{background:#6c757d;background:var(--unnecessary-neutral);box-shadow:0 8px 25px #6c757d4d;color:#fff;transform:translateY(-3px) scale(1.05)}.unnecessary-purchases .btn-large{border-radius:30px;font-size:1.1em;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow:hidden;padding:24px 48px;padding:var(--unnecessary-spacing-md) var(--unnecessary-spacing-xl);text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.unnecessary-purchases .btn-back{background:#4ecdc41a;border:2px solid #4ecdc4;border:2px solid var(--unnecessary-primary);border-radius:20px;color:#4ecdc4;color:var(--unnecessary-primary);font-weight:600;padding:16px 24px;padding:var(--unnecessary-spacing-sm) var(--unnecessary-spacing-md)}.unnecessary-purchases .btn-back:hover{background:#4ecdc4;background:var(--unnecessary-primary);box-shadow:0 6px 20px #4ecdc44d;color:#fff;transform:translateY(-2px)}@media (min-width:1200px){.purchases-grid{gap:32px;gap:var(--unnecessary-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.purchases-summary{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.unnecessary-purchases .game-header{position:relative}.unnecessary-purchases .game-header .header-info{flex:1 1;margin:0 32px;margin:0 var(--unnecessary-spacing-lg);text-align:center}.unnecessary-purchases .game-header .btn-back{left:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1}}@media (max-width:1199px) and (min-width:1024px){.unnecessary-purchases{padding:32px;padding:var(--unnecessary-spacing-lg)}.purchases-grid{gap:24px;gap:var(--unnecessary-spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.purchases-summary{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1023px) and (min-width:900px){.unnecessary-purchases{padding:24px;padding:var(--unnecessary-spacing-md)}.purchases-grid{gap:24px;gap:var(--unnecessary-spacing-md);grid-template-columns:repeat(2,1fr)}.purchases-summary{grid-template-columns:repeat(3,1fr)}.purchase-card{padding:24px;padding:var(--unnecessary-spacing-md)}}@media (max-width:899px) and (min-width:768px){.unnecessary-purchases{padding:24px;padding:var(--unnecessary-spacing-md)}.purchases-grid,.purchases-summary{gap:16px;gap:var(--unnecessary-spacing-sm);grid-template-columns:repeat(2,1fr)}.purchase-card{padding:16px;padding:var(--unnecessary-spacing-sm)}.purchase-image{height:80px;width:80px}.unnecessary-purchases .header-info h3{font-size:1.6em}.result-header h3{font-size:1.8em}.result-stats{gap:16px;gap:var(--unnecessary-spacing-sm);grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1.8em}.result-analysis{padding:32px;padding:var(--unnecessary-spacing-lg)}.analysis-section h5{font-size:1.1em}.purchase-item{align-items:center;flex-direction:row;padding:16px;padding:var(--unnecessary-spacing-sm)}.purchase-name{font-size:.95em}.purchase-item .purchase-cost{font-size:.9em}.feedback{padding:32px;padding:var(--unnecessary-spacing-lg)}.feedback h4{font-size:1.3em}.feedback p{font-size:1em}.detail-item{padding:16px;padding:var(--unnecessary-spacing-sm)}}@media (max-width:767px) and (min-width:600px){.unnecessary-purchases{padding:16px;padding:var(--unnecessary-spacing-sm)}.purchases-summary{grid-template-columns:repeat(2,1fr);padding:24px;padding:var(--unnecessary-spacing-md)}.purchases-grid{gap:16px;gap:var(--unnecessary-spacing-sm);grid-template-columns:1fr}.purchase-card{max-width:100%;padding:16px;padding:var(--unnecessary-spacing-sm)}.purchase-details{flex-direction:row;gap:16px;gap:var(--unnecessary-spacing-sm);justify-content:space-between}.purchase-cost,.purchase-type{flex:1 1;text-align:center}.unnecessary-purchases .game-header{padding:24px;padding:var(--unnecessary-spacing-md)}.unnecessary-purchases .header-info h3{font-size:1.5em}.unnecessary-purchases .header-info p{font-size:1em}.result-header{padding:32px;padding:var(--unnecessary-spacing-lg)}.result-header h3{font-size:1.6em;line-height:1.2}.result-stats{gap:16px;gap:var(--unnecessary-spacing-sm);grid-template-columns:repeat(2,1fr)}.stat{display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:16px;padding:var(--unnecessary-spacing-sm)}.stat-value{font-size:1.6em;line-height:1.1}.stat-label{font-size:.8em}.result-analysis{padding:24px;padding:var(--unnecessary-spacing-md)}.result-analysis h4{font-size:1.4em}.analysis-section h5{font-size:1em;padding:8px 0;padding:var(--unnecessary-spacing-xs) 0}.purchase-item{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--unnecessary-spacing-xs);padding:8px;padding:var(--unnecessary-spacing-xs)}.purchase-name{font-size:.95em;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs);margin-right:0}.purchase-item .purchase-cost{align-self:flex-end;font-size:.9em;text-align:left}.result-actions{flex-direction:column;gap:16px;gap:var(--unnecessary-spacing-sm)}.result-actions .btn{margin:0 auto;max-width:300px;width:100%}}@media (max-width:599px) and (min-width:480px){.unnecessary-purchases{padding:16px;padding:var(--unnecessary-spacing-sm)}.purchases-summary{padding:16px;padding:var(--unnecessary-spacing-sm)}.purchases-grid,.purchases-summary{gap:16px;gap:var(--unnecessary-spacing-sm);grid-template-columns:1fr}.purchase-card{padding:16px;padding:var(--unnecessary-spacing-sm)}.purchase-image{height:75px;width:75px}.purchase-details{align-items:stretch;flex-direction:column;gap:8px;gap:var(--unnecessary-spacing-xs)}.purchase-cost,.purchase-type{font-size:.9em;padding:8px 16px;padding:var(--unnecessary-spacing-xs) var(--unnecessary-spacing-sm);text-align:center}.result-actions{gap:16px;gap:var(--unnecessary-spacing-sm)}.unnecessary-purchases .game-header{padding:24px;padding:var(--unnecessary-spacing-md)}.unnecessary-purchases .header-info h3{font-size:1.4em}.unnecessary-purchases .header-info p{font-size:.95em}.summary-value{font-size:1.4em}.result-header{padding:24px;padding:var(--unnecessary-spacing-md)}.result-header h3{font-size:1.4em;line-height:1.2}.result-stats{gap:16px;gap:var(--unnecessary-spacing-sm);grid-template-columns:1fr}.stat{display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:16px;padding:var(--unnecessary-spacing-sm)}.stat-value{font-size:1.6em;line-height:1;margin-bottom:4px}.stat-label{font-size:.7em;letter-spacing:.3px;line-height:1}.result-analysis{padding:16px;padding:var(--unnecessary-spacing-sm)}.result-analysis h4{font-size:1.1em}.analysis-section,.result-analysis h4{margin-bottom:16px;margin-bottom:var(--unnecessary-spacing-sm)}.analysis-section h5{font-size:.8em;line-height:1.2;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs);padding:4px 0}.purchase-item{align-items:flex-start;border-radius:8px;flex-direction:column;gap:4px;min-height:auto;padding:6px}.purchase-name{font-size:.95em;margin-bottom:4px;margin-right:0}.purchase-item .purchase-cost{align-self:flex-end;font-size:.9em;text-align:left}.result-actions{flex-direction:column;gap:8px;gap:var(--unnecessary-spacing-xs)}.feedback{border-radius:15px;margin:8px 0;margin:var(--unnecessary-spacing-xs) 0;padding:8px;padding:var(--unnecessary-spacing-xs)}.feedback h4{font-size:.9em;line-height:1.1}.feedback h4,.feedback p{margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.feedback p{font-size:.75em;line-height:1.2}.detail-item{font-size:.75em;margin-bottom:4px;padding:8px;padding:var(--unnecessary-spacing-xs)}.detail-item strong{font-size:.8em}}@media (max-width:479px){.unnecessary-purchases{padding:8px;padding:var(--unnecessary-spacing-xs)}.purchases-summary{padding:16px;padding:var(--unnecessary-spacing-sm)}.purchases-grid,.purchases-summary{gap:8px;gap:var(--unnecessary-spacing-xs);grid-template-columns:1fr}.purchase-card{margin:0;padding:16px;padding:var(--unnecessary-spacing-sm)}.purchase-image{height:60px;width:60px}.purchase-image,.purchase-info h4{margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.purchase-info h4{font-size:1em}.purchase-info p{font-size:.85em;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.purchase-details{align-items:stretch;flex-direction:column;gap:8px;gap:var(--unnecessary-spacing-xs)}.purchase-cost,.purchase-type{border-radius:15px;font-size:.8em;padding:6px 8px;padding:6px var(--unnecessary-spacing-xs);text-align:center}.selection-indicator{font-size:.9em;height:28px;right:8px;right:var(--unnecessary-spacing-xs);top:8px;top:var(--unnecessary-spacing-xs);width:28px}.result-stats{gap:8px;gap:var(--unnecessary-spacing-xs);grid-template-columns:1fr}.result-header h3,.stat-value{font-size:1.6em}.result-analysis,.result-header,.unnecessary-purchases .game-header{padding:16px;padding:var(--unnecessary-spacing-sm)}.unnecessary-purchases .header-info h3{font-size:1.3em}.unnecessary-purchases .header-info p{font-size:.9em}.summary-value{font-size:1.3em}.unnecessary-purchases .btn-large{font-size:.85em;-webkit-hyphens:auto;hyphens:auto;letter-spacing:normal;line-height:1.3;max-width:100%;padding:16px 24px;padding:var(--unnecessary-spacing-sm) var(--unnecessary-spacing-md);text-align:center;text-transform:none;white-space:normal;word-break:break-word}.game-actions{padding:0 8px;padding:0 var(--unnecessary-spacing-xs)}.result-actions .btn{font-size:.85em;line-height:1.2;max-width:100%;min-height:44px;padding:16px 24px;padding:var(--unnecessary-spacing-sm) var(--unnecessary-spacing-md);text-align:center;white-space:normal;word-break:break-word}.result-actions{flex-direction:column;gap:8px;gap:var(--unnecessary-spacing-xs)}}@media (max-width:359px){.unnecessary-purchases{padding:4px}.purchase-card{padding:8px;padding:var(--unnecessary-spacing-xs)}.purchase-image{height:50px;width:50px}.purchase-info h4{font-size:.95em}.purchase-info p{font-size:.8em}.purchase-cost,.purchase-type{font-size:.75em;padding:4px 8px}.selection-indicator{font-size:.8em;height:24px;width:24px}.summary-value{font-size:1.2em}.summary-label{font-size:.8em}.unnecessary-purchases .btn-large{border-radius:20px;font-size:.75em;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;min-height:40px;padding:10px 12px;white-space:normal;word-break:break-all}.game-actions{padding:0 4px}.unnecessary-purchases.result{padding:4px}.result-header{margin-bottom:16px;margin-bottom:var(--unnecessary-spacing-sm);padding:8px;padding:var(--unnecessary-spacing-xs)}.result-header h3{font-size:1.1em;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs);word-break:break-word}.result-stats{gap:6px;grid-template-columns:1fr;margin-top:8px;margin-top:var(--unnecessary-spacing-xs)}.stat{border-radius:8px;min-height:60px;padding:6px}.stat-value{font-size:1.1em;margin-bottom:2px}.stat-label,.stat-value{line-height:1;word-break:break-word}.stat-label{font-size:.6em;letter-spacing:.2px}.result-analysis{padding:6px}.result-analysis,.result-analysis h4{margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.result-analysis h4{font-size:1em;line-height:1.2}.analysis-section{margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.analysis-section h5{font-size:.7em;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;margin-bottom:4px;padding:2px 0;word-break:break-word}.purchase-item{border-radius:6px;gap:2px;padding:4px}.purchase-name{font-size:.65em;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;margin-bottom:2px;word-break:break-all}.purchase-item .purchase-cost{font-size:.6em;word-break:break-all}.result-actions{flex-direction:column;gap:8px;gap:var(--unnecessary-spacing-xs)}.result-actions .btn{border-radius:18px;font-size:.7em;-webkit-hyphens:auto;hyphens:auto;min-height:36px;padding:8px 10px;word-break:break-all}}@media (max-height:500px) and (orientation:landscape){.unnecessary-purchases{padding:8px;padding:var(--unnecessary-spacing-xs)}.unnecessary-purchases .game-header{margin-bottom:24px;margin-bottom:var(--unnecessary-spacing-md);padding:16px;padding:var(--unnecessary-spacing-sm)}.unnecessary-purchases .header-info h3{font-size:1.3em;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.purchases-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px;margin-bottom:var(--unnecessary-spacing-md);padding:16px;padding:var(--unnecessary-spacing-sm)}.purchase-card{padding:8px;padding:var(--unnecessary-spacing-xs)}.purchase-image{height:50px;width:50px}.result-actions{margin-top:24px;margin-top:var(--unnecessary-spacing-md)}.unnecessary-purchases.result{padding:8px;padding:var(--unnecessary-spacing-xs)}.result-header{margin-bottom:16px;margin-bottom:var(--unnecessary-spacing-sm);padding:16px;padding:var(--unnecessary-spacing-sm)}.result-header h3{font-size:1.2em;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.result-stats{gap:8px;gap:var(--unnecessary-spacing-xs);grid-template-columns:repeat(3,1fr);margin-top:8px;margin-top:var(--unnecessary-spacing-xs)}.stat{min-height:60px;padding:8px;padding:var(--unnecessary-spacing-xs)}.stat-value{font-size:1.2em}.stat-label{font-size:.7em}.result-analysis{margin-bottom:16px;margin-bottom:var(--unnecessary-spacing-sm);max-height:200px;overflow-y:auto;padding:16px;padding:var(--unnecessary-spacing-sm)}.result-analysis h4{font-size:1.1em;margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.analysis-section h5{font-size:.8em;padding:2px 0}.purchase-item{gap:4px;padding:4px}.purchase-name{font-size:.75em}.purchase-item .purchase-cost{font-size:.7em}.result-actions{flex-direction:row;gap:16px;gap:var(--unnecessary-spacing-sm);justify-content:center;margin-top:16px;margin-top:var(--unnecessary-spacing-sm)}.result-actions .btn{font-size:.8em;max-width:200px;min-width:120px;padding:8px 16px;padding:var(--unnecessary-spacing-xs) var(--unnecessary-spacing-sm);width:auto}}@media (min-width:1600px){.unnecessary-purchases{max-width:1600px}.purchases-grid{gap:48px;gap:var(--unnecessary-spacing-xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.purchases-summary{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.unnecessary-purchases .game-header{position:relative}.unnecessary-purchases .game-header .header-info{flex:1 1;margin:0 24px;margin:0 var(--unnecessary-spacing-md);text-align:center}.unnecessary-purchases .game-header .btn-back{left:0;position:absolute;z-index:1}}@media (pointer:coarse){.purchase-card{-webkit-tap-highlight-color:rgba(78,205,196,.2);cursor:pointer}.unnecessary-purchases .btn{min-height:48px;touch-action:manipulation}.selection-indicator{min-height:36px;min-width:36px}.result-actions .btn{-webkit-tap-highlight-color:rgba(78,205,196,.2);min-height:48px;touch-action:manipulation}.stat{min-height:60px}.purchase-item{min-height:44px;touch-action:manipulation}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.purchase-image img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.analysis-section h5,.result-analysis h4,.result-header h3{-moz-osx-font-smoothing:grayscale}.analysis-section h5,.result-analysis h4,.result-header h3,.stat-label,.stat-value{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}}.unnecessary-purchases .btn-primary:hover{background:linear-gradient(45deg,#4ecdc4,#44a08d,#4ecdc4);background:linear-gradient(45deg,var(--unnecessary-primary),var(--unnecessary-secondary),var(--unnecessary-primary));background-size:200% 100%}.purchase-card:hover:after{animation:ripple .6s ease-out;background:radial-gradient(circle,#4ecdc44d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes ripple{0%{height:0;opacity:1;width:0}to{height:300px;opacity:0;width:300px}}.purchase-card:focus,.unnecessary-purchases .btn:focus{outline:3px solid #4ecdc4;outline:3px solid var(--unnecessary-primary);outline-offset:2px}@media print{.unnecessary-purchases{background:#fff!important;color:#000!important}.purchase-card{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.unnecessary-purchases .btn{display:none!important}.unnecessary-purchases.result{max-width:100%!important;padding:0!important}.result-header{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid}.result-header h3{-webkit-text-fill-color:#000!important;background:none!important;color:#000!important}.result-stats{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(3,1fr)!important}.result-stats,.stat{page-break-inside:avoid}.stat{background:#f5f5f5!important;border:1px solid #ccc!important;box-shadow:none!important}.stat-value{-webkit-text-fill-color:#000!important;background:none!important;color:#000!important}.result-analysis{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid}.result-analysis h4{color:#000!important}.analysis-section h5{border-bottom:1px solid #ccc!important;color:#000!important}.purchase-item{background:#f9f9f9!important;border:1px solid #ddd!important;page-break-inside:avoid}.purchase-item.correct{background:#d4f4dd!important;border:2px solid #28a745!important}.purchase-item.incorrect{background:#ffe5e5!important;border:2px solid #dc3545!important}.purchase-item.missed{background:#fff8e1!important;border-left:3px solid #ff9800!important}.purchase-item .purchase-cost,.purchase-name{color:#000!important}.result-actions{display:none!important}}.game-actions .btn-large{display:block;margin:0 auto;max-width:400px;width:100%}@media (max-width:600px){.game-actions .btn-large{font-size:.9em;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:100%;padding:16px 24px;padding:var(--unnecessary-spacing-sm) var(--unnecessary-spacing-md);white-space:normal;word-break:break-word}}@media (max-width:480px){.game-actions .btn-large{font-size:.85em;letter-spacing:0;padding:12px 16px;text-transform:none}}@media (max-width:400px){.game-actions .btn-large{border-radius:20px;font-size:.8em;padding:10px 12px}}@media (max-width:350px){.game-actions .btn-large{font-size:.75em;min-height:40px;padding:8px 10px;word-break:break-all}}.result-actions .btn:focus{box-shadow:0 0 0 6px #4ecdc433;outline:3px solid #4ecdc4;outline:3px solid var(--unnecessary-primary);outline-offset:2px}.purchase-item:focus-within,.stat:focus-within{outline:2px solid #4ecdc4;outline:2px solid var(--unnecessary-primary);outline-offset:1px}.purchase-item:focus-within{background:#4ecdc41a}.stat-value:after{content:attr(aria-label)}.purchase-name:before,.stat-value:after{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.purchase-name:before{content:"Producto: "}.purchase-item .purchase-cost:before{content:"Costo: ";height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.feedback{padding:24px;padding:var(--unnecessary-spacing-md)}.feedback h4{font-size:1.2em;line-height:1.2}.feedback p{font-size:.95em;line-height:1.4}.result-actions .btn{font-size:.8em;max-width:200px;min-width:120px;padding:8px 16px;padding:var(--unnecessary-spacing-xs) var(--unnecessary-spacing-sm);width:auto}.feedback{margin:8px 0;margin:var(--unnecessary-spacing-xs) 0;max-height:150px;overflow-y:auto;padding:16px;padding:var(--unnecessary-spacing-sm)}.feedback h4{font-size:1em;line-height:1.1}.feedback h4,.feedback p{margin-bottom:8px;margin-bottom:var(--unnecessary-spacing-xs)}.feedback p{font-size:.8em;line-height:1.2}.detail-item{font-size:.75em;margin-bottom:4px;padding:8px;padding:var(--unnecessary-spacing-xs)}.detail-item strong{font-size:.8em}.feedback{min-height:60px}.detail-item,.feedback{-webkit-tap-highlight-color:rgba(78,205,196,.1);touch-action:manipulation}.detail-item{min-height:44px}.finance-trivia{--trivia-primary:#667eea;--trivia-secondary:#764ba2;--trivia-accent:#a8b5ff;--trivia-light:#f0f2ff;--trivia-dark:#4a4d7a;--trivia-gradient:linear-gradient(135deg,#667eea,#764ba2);--trivia-gradient-light:linear-gradient(135deg,#f0f2ff,#e8ecff);--trivia-correct:#10b981;--trivia-incorrect:#ef4444;--trivia-warning:#f59e0b;--trivia-neutral:#6b7280;--trivia-card-bg:#fffffff2;--trivia-surface:#ffffffd9;--trivia-overlay:#0000000d;--trivia-shadow-sm:0 2px 8px #667eea14;--trivia-shadow-md:0 4px 16px #667eea1f;--trivia-shadow-lg:0 8px 32px #667eea29;--trivia-shadow-hover:0 12px 40px #667eea33;--trivia-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--trivia-transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--trivia-transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--trivia-spacing-xs:0.5rem;--trivia-spacing-sm:1rem;--trivia-spacing-md:1.5rem;--trivia-spacing-lg:2rem;--trivia-spacing-xl:3rem;--trivia-font-family:"Inter","Segoe UI",system-ui,sans-serif;--trivia-font-size-xs:0.75rem;--trivia-font-size-sm:0.875rem;--trivia-font-size-base:1rem;--trivia-font-size-lg:1.125rem;--trivia-font-size-xl:1.25rem;--trivia-font-size-2xl:1.5rem;--trivia-font-size-3xl:1.875rem;--trivia-border-radius-sm:8px;--trivia-border-radius-md:12px;--trivia-border-radius-lg:16px;--trivia-border-radius-xl:20px;animation:slideInUp .6s cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:var(--trivia-font-family);max-width:1000px;overflow-x:hidden;padding:var(--trivia-spacing-md);position:relative;width:100%}.finance-trivia .game-header{grid-gap:var(--trivia-spacing-md);align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--trivia-card-bg);border:1px solid #fff3;border-radius:var(--trivia-border-radius-xl);box-shadow:var(--trivia-shadow-md);display:grid;gap:var(--trivia-spacing-md);grid-template-columns:auto 1fr auto;justify-items:center;margin-bottom:var(--trivia-spacing-lg);padding:var(--trivia-spacing-md)}.finance-trivia .game-header .btn{justify-self:flex-start}.finance-trivia .progress-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--trivia-spacing-xs);justify-content:center;margin:0 auto;max-width:300px;text-align:center}.finance-trivia .progress-info span{color:var(--trivia-dark);font-size:var(--trivia-font-size-sm);font-weight:600}.finance-trivia .progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.finance-trivia .progress-fill{background:var(--trivia-gradient);border-radius:4px;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.finance-trivia .progress-fill:after{animation:progressShine 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShine{0%{left:-100%}50%{left:100%}to{left:100%}}.finance-trivia .game-stats{align-items:center;display:flex;gap:var(--trivia-spacing-md);justify-content:flex-end}.finance-trivia .timer{align-items:center;display:flex;flex-direction:column;gap:var(--trivia-spacing-xs)}.finance-trivia .timer-value{background:#667eea1a;border-radius:var(--trivia-border-radius-md);color:var(--trivia-primary);font-size:var(--trivia-font-size-xl);font-weight:700;min-width:60px;padding:var(--trivia-spacing-xs) var(--trivia-spacing-sm);text-align:center;transition:var(--trivia-transition)}.finance-trivia .timer-value.warning{animation:pulse 1s infinite;background:#f59e0b1a;color:var(--trivia-warning)}.finance-trivia .score{color:var(--trivia-dark);font-size:var(--trivia-font-size-lg);font-weight:600}.finance-trivia .trivia-content{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--trivia-card-bg);border:1px solid #fff3;border-radius:var(--trivia-border-radius-xl);box-shadow:var(--trivia-shadow-lg);display:flex;flex-direction:column;overflow:hidden;padding:var(--trivia-spacing-xl);position:relative;text-align:center}.finance-trivia .trivia-content:before{background:var(--trivia-gradient);border-radius:var(--trivia-border-radius-xl) var(--trivia-border-radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.finance-trivia .question-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--trivia-spacing-xl);text-align:center;width:100%}.finance-trivia .question-category{background:var(--trivia-gradient);border-radius:var(--trivia-border-radius-xl);box-shadow:var(--trivia-shadow-sm);color:#fff;display:inline-block;font-size:var(--trivia-font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:var(--trivia-spacing-lg);padding:var(--trivia-spacing-xs) var(--trivia-spacing-lg);text-transform:uppercase}.finance-trivia .question-text{color:var(--trivia-dark);font-size:var(--trivia-font-size-2xl);font-weight:600;line-height:1.4;margin-bottom:var(--trivia-spacing-md);margin-left:auto;margin-right:auto;max-width:800px}.finance-trivia .question-context{background:var(--trivia-light);border-left:4px solid var(--trivia-primary);border-radius:var(--trivia-border-radius-lg);color:var(--trivia-dark);font-style:italic;margin-left:auto;margin-right:auto;margin-top:var(--trivia-spacing-md);max-width:600px;padding:var(--trivia-spacing-md)}.finance-trivia .options-section{grid-gap:var(--trivia-spacing-md);display:grid;gap:var(--trivia-spacing-md);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:var(--trivia-spacing-xl);max-width:800px;min-height:200px;width:100%}.finance-trivia .option-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:var(--trivia-border-radius-lg);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--trivia-spacing-md);height:100%;min-height:80px;overflow:hidden;padding:var(--trivia-spacing-lg);position:relative;text-align:left;transition:var(--trivia-transition);width:100%}.finance-trivia .option-button:before{background:linear-gradient(90deg,#0000,#667eea0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.finance-trivia .option-button:hover:before{left:100%}.finance-trivia .option-button:hover{border-color:var(--trivia-primary);box-shadow:var(--trivia-shadow-md);transform:translateY(-2px)}.finance-trivia .option-button:disabled{cursor:not-allowed;opacity:.6}.finance-trivia .option-button:disabled:hover{box-shadow:none;transform:none}.finance-trivia .option-button.selected{background:#667eea0d;border-color:var(--trivia-primary);box-shadow:var(--trivia-shadow-md)}.finance-trivia .option-letter{align-items:center;background:var(--trivia-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--trivia-font-size-lg);font-weight:700;height:40px;justify-content:center;width:40px}.finance-trivia .option-button.selected .option-letter{background:var(--trivia-dark);transform:scale(1.1)}.finance-trivia .option-text{word-wrap:break-word;color:var(--trivia-dark);flex:1 1;font-size:var(--trivia-font-size-base);font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word}.finance-trivia .feedback{word-wrap:break-word;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);background:var(--trivia-card-bg);border-radius:var(--trivia-border-radius-lg);box-shadow:var(--trivia-shadow-md);box-sizing:border-box;margin:var(--trivia-spacing-md) 0;max-width:100%;overflow:hidden;overflow-wrap:break-word;padding:var(--trivia-spacing-lg);position:relative;width:100%}.finance-trivia .feedback:before{border-radius:var(--trivia-border-radius-lg) var(--trivia-border-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.finance-trivia .feedback.correct:before{background:var(--trivia-correct)}.finance-trivia .feedback.incorrect:before{background:var(--trivia-incorrect)}.finance-trivia .feedback-header{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--trivia-spacing-sm);margin-bottom:var(--trivia-spacing-md);max-width:100%;width:100%}.finance-trivia .feedback-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--trivia-font-size-lg);font-weight:700;height:40px;justify-content:center;min-width:40px;width:40px}.finance-trivia .feedback.correct .feedback-icon{background:var(--trivia-correct)}.finance-trivia .feedback.incorrect .feedback-icon{background:var(--trivia-incorrect)}.finance-trivia .feedback-title{word-wrap:break-word;color:var(--trivia-dark);flex:1 1;font-size:var(--trivia-font-size-lg);font-weight:700;min-width:0;overflow-wrap:break-word}.finance-trivia .feedback.correct .feedback-title{color:var(--trivia-correct)}.finance-trivia .feedback.incorrect .feedback-title{color:var(--trivia-incorrect)}.finance-trivia .feedback-points{background:var(--trivia-gradient);border-radius:var(--trivia-border-radius-md);color:#fff;font-size:var(--trivia-font-size-sm);font-weight:600;padding:var(--trivia-spacing-xs) var(--trivia-spacing-sm)}.finance-trivia .feedback-explanation{word-wrap:break-word;background:var(--trivia-light);border-left:4px solid var(--trivia-primary);border-radius:var(--trivia-border-radius-md);box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin-bottom:var(--trivia-spacing-md);max-width:100%;overflow-wrap:break-word;width:100%}.finance-trivia .correct-answer-display,.finance-trivia .feedback-explanation{color:var(--trivia-dark);font-size:var(--trivia-font-size-base);padding:var(--trivia-spacing-md)}.finance-trivia .correct-answer-display{background:#10b9811a;border:1px solid var(--trivia-correct);border-radius:var(--trivia-border-radius-md);font-weight:600}.finance-trivia .trivia-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--trivia-spacing-xl);text-align:center}.finance-trivia .loading-text{color:var(--trivia-dark);font-size:var(--trivia-font-size-lg);font-weight:500;margin:0}.finance-trivia .trivia-error{background:var(--trivia-card-bg);border-radius:var(--trivia-border-radius-xl);box-shadow:var(--trivia-shadow-lg);margin:0 auto;max-width:600px;padding:var(--trivia-spacing-xl);text-align:center}.finance-trivia .error-icon{font-size:4rem;margin-bottom:var(--trivia-spacing-md)}.finance-trivia .error-title{color:var(--trivia-dark);font-size:var(--trivia-font-size-2xl);font-weight:700;margin-bottom:var(--trivia-spacing-md)}.finance-trivia .error-description{color:var(--trivia-neutral);font-size:var(--trivia-font-size-base);line-height:1.6;margin-bottom:var(--trivia-spacing-md)}.finance-trivia .error-details{background:var(--trivia-light);border-radius:var(--trivia-border-radius-md);margin-bottom:var(--trivia-spacing-lg);padding:var(--trivia-spacing-md);text-align:left}.finance-trivia .error-details p{color:var(--trivia-dark);font-weight:600;margin-bottom:var(--trivia-spacing-sm)}.finance-trivia .error-details ul{color:var(--trivia-neutral);padding-left:var(--trivia-spacing-md)}.finance-trivia .error-details li{margin-bottom:var(--trivia-spacing-xs)}.finance-trivia.result{margin:0 auto;max-width:1000px;overflow-x:hidden}.finance-trivia .result-header{animation:resultAppear .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #667eea33;border-radius:var(--trivia-border-radius-xl);box-shadow:var(--trivia-shadow-lg);overflow:hidden;padding:var(--trivia-spacing-xl);position:relative}.finance-trivia .result-header:before{background:var(--trivia-gradient);border-radius:var(--trivia-border-radius-xl) var(--trivia-border-radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.finance-trivia .result-header h3{-webkit-text-fill-color:#0000;background:var(--trivia-gradient);-webkit-background-clip:text;background-clip:text;color:var(--trivia-dark);font-size:var(--trivia-font-size-3xl);font-weight:700;margin:0 0 var(--trivia-spacing-lg) 0}.finance-trivia .result-stats{margin-top:var(--trivia-spacing-lg)}.finance-trivia .stat{animation:statSlideIn .8s cubic-bezier(.4,0,.2,1) calc(var(--stat-index)*.1s) both;background:#fff;border:1px solid #667eea33;border-radius:15px;padding:var(--trivia-spacing-lg);text-align:center;transition:var(--trivia-transition)}@keyframes statSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.finance-trivia .stat:hover{box-shadow:var(--trivia-shadow-md);transform:translateY(-3px)}.finance-trivia .stat-value{font-size:2.2em;line-height:1.1;text-shadow:0 2px 4px #0000001a}.finance-trivia .stat-label{display:block;font-size:.9em;line-height:1.2}.finance-trivia .result-analysis{animation:slideInUp .6s cubic-bezier(.4,0,.2,1) .2s both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #667eea33;border-radius:var(--trivia-border-radius-xl);box-shadow:var(--trivia-shadow-lg);margin-bottom:var(--trivia-spacing-xl);padding:var(--trivia-spacing-xl)}.finance-trivia .result-analysis h4{color:var(--trivia-dark);font-size:var(--trivia-font-size-xl);font-weight:700;margin-bottom:var(--trivia-spacing-lg);text-align:center}.finance-trivia .analysis-section{box-sizing:border-box;margin-bottom:var(--trivia-spacing-lg);width:100%}.finance-trivia .analysis-section:last-child{margin-bottom:0}.finance-trivia .analysis-section h5{word-wrap:break-word;align-items:center;border-bottom:2px solid #667eea1f;color:var(--trivia-secondary);display:flex;font-size:var(--trivia-font-size-lg);font-weight:600;gap:var(--trivia-spacing-xs);margin:0 0 var(--trivia-spacing-md) 0;overflow-wrap:break-word;padding:var(--trivia-spacing-sm) 0}.finance-trivia .question-list{grid-gap:var(--trivia-spacing-sm);box-sizing:border-box;display:grid;gap:var(--trivia-spacing-sm);width:100%}.finance-trivia .question-item{align-items:flex-start;animation:itemSlideIn .4s ease-out;animation-delay:calc(var(--item-index)*.05s);animation-fill-mode:both;background:#fff;border-left:4px solid #0000;border-radius:var(--trivia-border-radius-md);box-shadow:var(--trivia-shadow-sm);box-sizing:border-box;display:flex;gap:var(--trivia-spacing-md);min-height:44px;overflow:hidden;padding:var(--trivia-spacing-md);transition:var(--trivia-transition);width:100%}@keyframes itemSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.finance-trivia .question-item:hover{box-shadow:var(--trivia-shadow-md);transform:translateX(4px)}.finance-trivia .question-item.correct{background:linear-gradient(135deg,#d4f4dd,#a8e6cf);border-left-color:#28a745}.finance-trivia .question-item.incorrect{background:linear-gradient(135deg,#ffe5e5,#fcc);border-left-color:#dc3545}.finance-trivia .question-item.timeout{background:linear-gradient(135deg,#fff4e5,#ffe8cc);border-left-color:var(--trivia-warning)}.finance-trivia .question-number{align-items:center;background:var(--trivia-gradient);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:var(--trivia-font-size-sm);font-weight:700;height:40px;justify-content:center;width:40px}.finance-trivia .question-content{flex:1 1;min-width:0}.finance-trivia .question-title{color:var(--trivia-dark);font-size:var(--trivia-font-size-base);font-weight:600;line-height:1.4;margin-bottom:var(--trivia-spacing-sm)}.finance-trivia .question-answer{color:var(--trivia-neutral);font-size:var(--trivia-font-size-sm);line-height:1.4;margin-bottom:var(--trivia-spacing-xs)}.finance-trivia .question-answer.wrong{color:#dc3545;font-weight:500}.finance-trivia .question-answer.correct-ans{color:#28a745;font-weight:600}.finance-trivia .question-answer.timeout-msg{color:var(--trivia-warning);font-style:italic;font-weight:500}.finance-trivia .question-time{color:var(--trivia-neutral);font-size:var(--trivia-font-size-xs);font-style:italic}.finance-trivia .no-items-message{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#d4f4dd,#a8e6cf);border:2px solid #28a745;border-radius:var(--trivia-border-radius-md);padding:var(--trivia-spacing-lg);text-align:center}.finance-trivia .no-items-message p{color:var(--trivia-dark);font-size:var(--trivia-font-size-base);font-weight:600;margin:0}.finance-trivia .result-actions{animation:fadeIn .8s ease-out .4s both;display:flex;flex-wrap:wrap;gap:var(--trivia-spacing-md);justify-content:center;margin-left:auto;margin-right:auto;margin-top:var(--trivia-spacing-xl);max-width:500px}.trivia-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.trivia-modal{animation:modalBounce .5s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:var(--trivia-border-radius-xl);box-shadow:0 20px 60px #0000004d;max-width:500px;min-width:320px;padding:var(--trivia-spacing-xl);text-align:center}@keyframes modalBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.trivia-modal.correct{background:linear-gradient(135deg,#fff,#d4f4dd);border-top:6px solid #28a745}.trivia-modal.incorrect{background:linear-gradient(135deg,#fff,#ffe5e5);border-top:6px solid #dc3545}.trivia-modal .modal-icon{align-items:center;animation:iconPulse .6s ease-out;border-radius:50%;color:#fff;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto var(--trivia-spacing-md);width:80px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.trivia-modal.correct .modal-icon{background:#28a745;box-shadow:0 4px 20px #28a74566}.trivia-modal.incorrect .modal-icon{background:#dc3545;box-shadow:0 4px 20px #dc354566}.trivia-modal .modal-message{color:var(--trivia-dark);font-size:var(--trivia-font-size-lg);font-weight:600;line-height:1.5;margin:0}.finance-trivia .trivia-result{animation:slideInUp .6s cubic-bezier(.4,0,.2,1);background:var(--trivia-card-bg);border-radius:var(--trivia-border-radius-xl);box-shadow:var(--trivia-shadow-lg);padding:var(--trivia-spacing-xl)}.finance-trivia .result-header{margin-bottom:var(--trivia-spacing-xl);text-align:center}.finance-trivia .result-title{-webkit-text-fill-color:#0000;background:var(--trivia-gradient);-webkit-background-clip:text;background-clip:text;color:var(--trivia-dark);font-size:var(--trivia-font-size-3xl);font-weight:700;margin-bottom:var(--trivia-spacing-lg)}.finance-trivia .result-stats{grid-gap:var(--trivia-spacing-md);display:grid;gap:var(--trivia-spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--trivia-spacing-xl)}.finance-trivia .stat-card{background:#fff;border:1px solid #667eea1a;border-radius:var(--trivia-border-radius-lg);box-shadow:var(--trivia-shadow-sm);padding:var(--trivia-spacing-lg);text-align:center;transition:var(--trivia-transition)}.finance-trivia .stat-card:hover{box-shadow:var(--trivia-shadow-md);transform:translateY(-2px)}.finance-trivia .stat-value{color:var(--trivia-primary);display:block;font-size:var(--trivia-font-size-2xl);font-weight:700;margin-bottom:var(--trivia-spacing-xs)}.finance-trivia .stat-label{color:var(--trivia-neutral);font-size:var(--trivia-font-size-sm);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.finance-trivia .result-performance{margin-bottom:var(--trivia-spacing-xl)}.finance-trivia .performance-title{color:var(--trivia-dark);font-size:var(--trivia-font-size-xl);margin-bottom:var(--trivia-spacing-md);text-align:center}.finance-trivia .performance-card{align-items:center;background:var(--trivia-light);border-radius:var(--trivia-border-radius-lg);display:flex;gap:var(--trivia-spacing-md);padding:var(--trivia-spacing-lg);text-align:left}.finance-trivia .performance-card.excellent{background:#10b9811a;border-left:4px solid var(--trivia-correct)}.finance-trivia .performance-card.good{background:#667eea1a;border-left:4px solid var(--trivia-primary)}.finance-trivia .performance-card.needs-improvement{background:#f59e0b1a;border-left:4px solid var(--trivia-warning)}.finance-trivia .performance-icon{flex-shrink:0;font-size:2.5rem}.finance-trivia .performance-card p{color:var(--trivia-dark);font-size:var(--trivia-font-size-base);line-height:1.5;margin:0}.finance-trivia .result-review{margin-bottom:var(--trivia-spacing-xl)}.finance-trivia .review-title{color:var(--trivia-dark);font-size:var(--trivia-font-size-xl);margin-bottom:var(--trivia-spacing-md);text-align:center}.finance-trivia .questions-review{display:flex;flex-direction:column;gap:var(--trivia-spacing-md);max-height:400px;overflow-y:auto;padding:var(--trivia-spacing-sm)}.finance-trivia .question-review-card{background:#fff;border-left:4px solid #0000;border-radius:var(--trivia-border-radius-md);box-shadow:var(--trivia-shadow-sm);padding:var(--trivia-spacing-md)}.finance-trivia .question-review-card.correct{border-left-color:var(--trivia-correct)}.finance-trivia .question-review-card.incorrect{border-left-color:var(--trivia-incorrect)}.finance-trivia .question-review-text{color:var(--trivia-dark);font-size:var(--trivia-font-size-base);font-weight:600}.finance-trivia .question-review-answers,.finance-trivia .question-review-text{margin-bottom:var(--trivia-spacing-sm)}.finance-trivia .user-answer{color:var(--trivia-neutral);font-size:var(--trivia-font-size-sm);margin-bottom:var(--trivia-spacing-xs)}.finance-trivia .user-answer.timeout{color:var(--trivia-warning);font-style:italic}.finance-trivia .correct-answer{color:var(--trivia-correct);font-size:var(--trivia-font-size-sm);font-weight:600}.finance-trivia .answer-time{color:var(--trivia-neutral);font-size:var(--trivia-font-size-xs);text-align:right}.finance-trivia .submit-section{margin-top:var(--trivia-spacing-xl);text-align:center}.finance-trivia .submit-section .btn{min-width:200px}.finance-trivia.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.finance-trivia .loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea1a;border-left:4px solid var(--trivia-primary);border-radius:50%;height:60px;margin-bottom:var(--trivia-spacing-md);width:60px}.finance-trivia.loading p{color:var(--trivia-dark);font-size:var(--trivia-font-size-lg);font-weight:500}.finance-trivia .error-message{background:var(--trivia-card-bg);border-radius:var(--trivia-border-radius-xl);box-shadow:var(--trivia-shadow-lg);margin:0 auto;max-width:600px;padding:var(--trivia-spacing-xl);text-align:center}.finance-trivia .error-message h3{color:var(--trivia-dark);font-size:var(--trivia-font-size-2xl);margin-bottom:var(--trivia-spacing-md)}.finance-trivia .error-message p{color:var(--trivia-neutral);line-height:1.6;margin-bottom:var(--trivia-spacing-md)}.finance-trivia .error-message ul{color:var(--trivia-neutral);margin-bottom:var(--trivia-spacing-lg);text-align:left}.finance-trivia .error-message li{margin-bottom:var(--trivia-spacing-xs)}@media (max-width:1024px) and (min-width:769px){.finance-trivia .options-section{gap:var(--trivia-spacing-sm);max-width:700px}.finance-trivia .option-button{min-height:75px}.finance-trivia .option-text{font-size:var(--trivia-font-size-sm)}}@media (max-width:768px){.finance-trivia{padding:var(--trivia-spacing-sm)}.finance-trivia .game-header{gap:var(--trivia-spacing-sm);grid-template-columns:1fr;justify-items:center;text-align:center}.finance-trivia .game-header .btn{justify-self:center;order:2}.finance-trivia .progress-info{max-width:100%;order:1}.finance-trivia .game-stats{justify-content:center;order:3}.finance-trivia .trivia-content{padding:var(--trivia-spacing-lg)}.finance-trivia .question-text{font-size:var(--trivia-font-size-xl)}.finance-trivia .options-section{gap:var(--trivia-spacing-sm);grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);max-width:100%;min-height:320px}.finance-trivia .option-button{min-height:70px;padding:var(--trivia-spacing-md)}.finance-trivia .result-stats{gap:var(--trivia-spacing-sm);grid-template-columns:repeat(2,1fr)}.finance-trivia .question-item{align-items:stretch;flex-direction:column}.finance-trivia .question-number{align-self:flex-start}.trivia-modal{max-width:90%;min-width:280px;padding:var(--trivia-spacing-lg)}.trivia-modal .modal-icon{font-size:2.5rem;height:70px;width:70px}.trivia-modal .modal-message{font-size:var(--trivia-font-size-base)}}@media (max-width:480px){.finance-trivia{padding:var(--trivia-spacing-xs)}.finance-trivia .game-header{padding:var(--trivia-spacing-sm)}.finance-trivia .trivia-content{padding:var(--trivia-spacing-md)}.finance-trivia .question-text{font-size:var(--trivia-font-size-lg)}.finance-trivia .option-text{font-size:var(--trivia-font-size-sm)}.finance-trivia .submit-section .btn{min-width:150px}.finance-trivia .result-stats{grid-template-columns:1fr}.finance-trivia .result-analysis,.finance-trivia .result-header{padding:var(--trivia-spacing-md)}.finance-trivia .result-title{font-size:var(--trivia-font-size-2xl)}.finance-trivia .result-icon{font-size:3rem}.trivia-modal{min-width:260px;padding:var(--trivia-spacing-md)}.trivia-modal .modal-icon{font-size:2rem;height:60px;width:60px}.trivia-modal .modal-message{font-size:var(--trivia-font-size-sm)}}@media (max-width:320px){.finance-trivia .options-section{min-height:280px}.finance-trivia .option-button{flex-direction:column;gap:var(--trivia-spacing-sm);min-height:60px;padding:var(--trivia-spacing-sm);text-align:center}.finance-trivia .option-letter{font-size:var(--trivia-font-size-base);height:35px;margin-bottom:0;width:35px}.finance-trivia .option-text{font-size:var(--trivia-font-size-xs);text-align:center}}:root{--finance-primary:#667eea;--finance-secondary:#764ba2;--finance-accent:#a8b5ff;--finance-light:#f0f2ff;--finance-dark:#4a4d7a;--finance-gradient:linear-gradient(135deg,#667eea,#764ba2);--finance-card-bg:#ffffffd9;--finance-shadow:0 8px 32px #1f268726;--finance-backdrop-filter:blur(7px);--finance-success:#4caf50;--finance-incorrect:#f44336}.finance-game{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--finance-gradient);font-family:Arial,sans-serif;min-height:100vh;overflow:hidden;padding:20px;position:relative}.finance-game:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 15% 25%,#fff3 0,#0000 20%),radial-gradient(circle at 85% 75%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.finance-game>*{position:relative;z-index:1}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.game-header{align-items:center;animation:slideIn .8s ease-out;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-backdrop-filter);backdrop-filter:var(--finance-backdrop-filter);background:#ffffffd9;background:var(--finance-card-bg);border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-shadow);color:#4a4d7a;color:var(--finance-dark);display:flex;justify-content:space-between;margin-bottom:30px;padding:20px;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.game-header:hover{box-shadow:0 12px 40px #1f268733;transform:translateY(-2px)}.game-header h2{font-size:1.8em;font-weight:600;margin:0}.btn-back{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-backdrop-filter);backdrop-filter:var(--finance-backdrop-filter);background:#ffffffd9;background:var(--finance-card-bg);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-shadow);color:#4a4d7a;color:var(--finance-dark);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-back:hover{background:#fffffff2;box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.progress-info{align-items:center;display:flex;flex-direction:column;gap:10px}.progress-bar{background:#ffffff4d;border-radius:4px;height:8px;overflow:hidden;width:200px}.progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);height:100%;transition:width .3s ease}.score,.timer{font-size:1.2em;font-weight:700}.timer-value.warning{animation:pulse .5s infinite alternate;color:#ff6b6b}.finance-classification{margin:0 auto;max-width:800px}.classification-content{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:40px}.instruction{margin-bottom:30px;text-align:center}.instruction h3{color:#333;margin-bottom:10px}.item-card{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-radius:15px;margin-bottom:30px;padding:30px;text-align:center}.item-image{align-items:center;background:#fff;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 20px;overflow:hidden;width:120px}.item-image img{height:100%;object-fit:cover;width:100%}.item-info h4{color:#333;font-size:1.4em;margin-bottom:10px}.item-cost{background:#007bff;border-radius:20px;color:#fff;display:inline-block;font-weight:700;margin-top:15px;padding:8px 16px}.classification-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.btn-desire,.btn-necessity{background:#fff;border:3px solid #ddd;border-radius:15px;cursor:pointer;padding:30px 20px;text-align:center;transition:all .3s ease}.btn-necessity:hover{background:linear-gradient(135deg,#f8fff8,#e8ffe8);border-color:#28a745;transform:translateY(-3px)}.btn-desire:hover{background:linear-gradient(135deg,#fffef8,#fff8e8);border-color:#ffc107;transform:translateY(-3px)}.option-icon{display:block;font-size:2em;margin-bottom:10px}.option-text{display:block;font-size:1.2em;font-weight:700;margin-bottom:5px}.option-description{color:#666;font-size:.9em}.feedback{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:20px;margin:20px 0;padding:30px}.feedback.correct{background:linear-gradient(135deg,#f8fff8,#e8ffe8);border-left:5px solid #28a745}.feedback.incorrect{background:linear-gradient(135deg,#fff8f8,#ffe8e8);border-left:5px solid #dc3545}.feedback-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2em;font-weight:700;height:60px;justify-content:center;width:60px}.feedback.correct .feedback-icon{background:#28a745}.feedback.incorrect .feedback-icon{background:#dc3545}.feedback-content{flex:1 1}.feedback-result{font-size:1.2em;font-weight:700;margin-bottom:10px}.feedback.correct .feedback-result{color:#28a745}.feedback.incorrect .feedback-result{color:#dc3545}.feedback-points{color:#007bff;font-weight:700;margin-top:10px}.finance-trivia{margin:0 auto;max-width:900px}.game-stats{align-items:center;display:flex;gap:20px}.trivia-content{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:40px}.question-section{margin-bottom:30px;text-align:center}.question-category{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.9em;font-weight:500;margin-bottom:20px;padding:8px 20px}.question-text{color:#333;font-size:1.3em;line-height:1.4;margin-bottom:15px}.question-context{background:#667eea1a;border-radius:10px;color:#555;font-style:italic;padding:15px}.options-section{grid-gap:15px;display:grid;gap:15px}.option-button{align-items:center;background:#fff;border:3px solid #ddd;border-radius:15px;cursor:pointer;display:flex;gap:15px;padding:20px;text-align:left;transition:all .3s ease}.option-button:hover{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-color:#007bff;transform:translateY(-2px)}.option-button.selected{background:linear-gradient(135deg,#e8f2ff,#d1e7ff);border-color:#007bff}.option-letter{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.option-text{color:#333;font-size:1.1em}.submit-section{margin-top:30px;text-align:center}.result{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:40px;text-align:center}.result-header h3{color:#333;font-size:2em;margin-bottom:30px}.result-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:40px}.stat{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-radius:15px;padding:20px;text-align:center}.stat-value{color:#007bff;font-size:2em;margin-bottom:5px}.stat-label{color:#666;font-size:.9em;letter-spacing:1px;text-transform:uppercase}.performance{align-items:center;background:#fff;border-radius:15px;display:flex;gap:20px;margin:20px 0;padding:30px}.performance.excellent{background:linear-gradient(135deg,#f8fff8,#e8ffe8);border-left:5px solid #28a745}.performance.good{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-left:5px solid #007bff}.performance.needs-improvement{background:linear-gradient(135deg,#fffef8,#fff8e8);border-left:5px solid #ffc107}.performance-icon{font-size:2em}.result-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.btn{border:none;border-radius:25px;cursor:pointer;display:inline-block;font-weight:400;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:2px solid #ddd;color:#333}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-2px)}.btn-large{font-size:1.1em;padding:16px 32px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.game-actions{background:#f8f9fa;border-radius:15px;margin-top:30px;padding:20px;text-align:center}.choices-review,.questions-review{margin:20px 0;max-height:300px;overflow-y:auto}.choice-review,.question-review{align-items:center;background:#fff;border-left:4px solid #ddd;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.choice-review.correct,.question-review.correct{background:linear-gradient(135deg,#f8fff8,#e8ffe8);border-left-color:#28a745}.choice-review.incorrect,.question-review.incorrect{background:linear-gradient(135deg,#fff8f8,#ffe8e8);border-left-color:#dc3545}.result-analysis{margin:30px 0;text-align:left}.analysis-section{margin-bottom:25px}.analysis-section h5{color:#333;font-size:1.1em;margin-bottom:15px}.purchase-list{grid-gap:10px;display:grid;gap:10px}.purchase-item{align-items:center;background:#fff;border-left:4px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.purchase-item.correct{background:linear-gradient(135deg,#f8fff8,#e8ffe8);border-left-color:#28a745}.purchase-item.incorrect{background:linear-gradient(135deg,#fff8f8,#ffe8e8);border-left-color:#dc3545}.purchase-item.missed{background:linear-gradient(135deg,#fffef8,#fff8e8);border-left-color:#ffc107}@media (max-width:768px){.finance-game{padding:10px}.game-header{flex-direction:column;gap:15px;text-align:center}.classification-options,.mode-grid,.purchases-grid,.purchases-summary,.stage-grid{grid-template-columns:1fr}.purchases-summary{text-align:center}.result-stats{grid-template-columns:repeat(2,1fr)}.game-stats,.result-actions{flex-direction:column}.game-stats{gap:10px}.progress-info{order:-1}.finance-results{border-radius:20px;margin:10px;padding:25px;text-align:center}.finance-results h2{flex-direction:column;font-size:2em;gap:8px;margin-bottom:20px}.finance-results h2:after{font-size:.7em}.score-display{margin-bottom:20px;padding:20px}.score-display h3{flex-direction:column;font-size:1.4em;gap:10px}.detailed-results{margin:15px auto;padding:20px}.detailed-results p{align-items:center;flex-direction:column;font-size:1em;gap:5px;padding:8px 0;text-align:center}.detailed-results p span,.detailed-results p strong{text-align:center}.results-actions{flex-direction:column;gap:12px;margin-top:25px}.results-actions,.results-actions .btn{align-items:center;display:flex;justify-content:center;width:100%}.results-actions .btn{box-sizing:border-box;font-size:.95em;letter-spacing:.2px;max-width:300px;min-width:100%;overflow:hidden;padding:10px 16px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.results-actions .btn span{font-size:1em;margin-right:5px}.error-card{margin:20px 10px;padding:25px}.error-content h3{flex-direction:column;font-size:1.5em;gap:8px}.error-content p{font-size:1em}}@media (max-width:1024px) and (min-width:769px){.finance-results{max-width:700px;padding:35px;text-align:center}.finance-results h2{font-size:2.2em}.score-display h3{font-size:1.6em}.detailed-results{margin:20px auto}.results-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px;width:100%}.results-actions .btn{align-items:center;box-sizing:border-box;display:flex;font-size:.98em;justify-content:center;letter-spacing:.3px;max-width:250px;min-width:140px;overflow:hidden;padding:11px 18px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.error-card{margin:30px auto;padding:35px}}@media (max-width:480px){.finance-game{padding:5px}.finance-results{border-radius:15px;margin:5px;padding:20px;text-align:center}.finance-results h2{flex-direction:column;font-size:1.8em;gap:6px;margin-bottom:15px}.finance-results h2:after{display:none}.score-display{margin-bottom:15px;padding:15px}.score-display h3{flex-direction:column;font-size:1.2em;gap:8px}.detailed-results{margin:12px auto;padding:15px}.detailed-results p{align-items:center;flex-direction:column;font-size:.9em;gap:4px;padding:6px 0;text-align:center}.detailed-results p span,.detailed-results p strong{text-align:center}.results-actions{flex-direction:column;gap:10px;margin-top:20px}.results-actions,.results-actions .btn{align-items:center;display:flex;justify-content:center;width:100%}.results-actions .btn{border-radius:20px;box-sizing:border-box;font-size:.85em;letter-spacing:.1px;line-height:1.2;max-width:280px;min-width:100%;overflow:hidden;padding:9px 14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.results-actions .btn span{font-size:.9em;margin-right:4px}.error-card{margin:15px 5px;padding:20px}.error-content h3{font-size:1.4em}.error-content p{font-size:.9em}}@media (max-width:360px){.finance-results{margin:2px;padding:15px;text-align:center}.finance-results h2{flex-direction:column;font-size:1.6em;gap:5px}.score-display{margin-bottom:12px;padding:12px}.score-display h3{flex-direction:column;font-size:1.1em;gap:6px}.detailed-results{margin:10px auto;padding:12px}.detailed-results p{align-items:center;flex-direction:column;font-size:.85em;gap:3px;padding:5px 0;text-align:center}.detailed-results p span,.detailed-results p strong{text-align:center}.results-actions{flex-direction:column;gap:8px;margin-top:15px}.results-actions,.results-actions .btn{align-items:center;display:flex;justify-content:center;width:100%}.results-actions .btn{border-radius:18px;box-sizing:border-box;font-size:.8em;letter-spacing:0;line-height:1.1;max-width:250px;min-width:100%;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.results-actions .btn span{font-size:.85em;margin-right:3px}.error-card{margin:10px 2px;padding:15px}.error-content h3{font-size:1.3em}.error-content p{font-size:.85em}.error-content .btn{font-size:.9em;padding:10px 20px}}.finance-results{align-items:center;animation:resultAppear .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-backdrop-filter);backdrop-filter:var(--finance-backdrop-filter);background:#ffffffd9;background:var(--finance-card-bg);border:1px solid #fff3;border-radius:25px;box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-shadow);display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:800px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.finance-results:before{border-radius:25px 25px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.finance-results h2,.finance-results:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--finance-gradient)}.finance-results h2{-webkit-text-fill-color:#0000;align-items:center;-webkit-background-clip:text;background-clip:text;color:#4a4d7a;color:var(--finance-dark);display:flex;font-size:2.5em;font-weight:700;gap:10px;justify-content:center;margin-bottom:30px;position:relative;text-align:center}.finance-results h2:after{animation:bounce 2s infinite;content:"🎉";font-size:.8em}.results-summary{margin-bottom:40px}.results-summary,.score-display{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.score-display{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:2px solid #667eea1a;border-radius:20px;margin:0 auto 25px;max-width:100%;overflow:hidden;padding:30px;position:relative}.score-display:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--finance-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.score-display h3{align-items:center;color:#4a4d7a;color:var(--finance-dark);display:flex;flex-shrink:0;font-size:1.8em;font-weight:600;gap:15px;justify-content:center;margin:0;text-align:center;width:100%}.score-display h3:before{content:"🏆";font-size:1.2em}.detailed-results{background:#fffc;border:1px solid #667eea1a;border-radius:15px;margin:20px auto;max-width:100%;padding:25px;text-align:left}.detailed-results p{align-items:center;border-bottom:1px solid #667eea1a;color:#4a4d7a;color:var(--finance-dark);display:flex;font-size:1.1em;gap:15px;justify-content:space-between;margin:12px 0;padding:10px 0}.detailed-results p:last-child{border-bottom:none}.detailed-results p span{flex:1 1;text-align:left}.detailed-results p strong{color:#667eea;color:var(--finance-primary);flex-shrink:0;font-weight:600;text-align:right}.results-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;width:100%}.results-actions,.results-actions .btn{align-items:center;justify-content:center}.results-actions .btn{border-radius:25px;box-sizing:border-box;display:inline-flex;font-size:1em;font-weight:600;letter-spacing:.5px;max-width:300px;min-width:150px;overflow:hidden;padding:12px 20px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);white-space:nowrap;word-break:keep-all}.results-actions .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.results-actions .btn:hover:before{left:100%}.results-actions .btn[variant=primary]{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--finance-gradient);border:none;box-shadow:0 4px 15px #667eea4d;color:#fff}.results-actions .btn[variant=primary]:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.results-actions .btn[variant=secondary]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #667eea4d;color:#4a4d7a;color:var(--finance-dark)}.results-actions .btn[variant=secondary]:hover{background:#fff;border-color:#667eea;border-color:var(--finance-primary);box-shadow:0 6px 20px #667eea33;transform:translateY(-2px)}.results-actions .btn[variant=outline]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;border:2px solid #667eea;border:2px solid var(--finance-primary);color:#4a4d7a;color:var(--finance-dark)}.results-actions .btn[variant=outline]:hover{background:#667eea;background:var(--finance-primary);box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.results-actions .btn span{display:inline-block;font-size:.8em;margin-right:6px;transition:transform .3s ease}.results-actions .btn:hover span{transform:scale(1.1)}@keyframes resultAppear{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.error-card{animation:errorShake .6s ease-in-out;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-backdrop-filter);backdrop-filter:var(--finance-backdrop-filter);background:#ffffffd9;background:var(--finance-card-bg);border:1px solid #f4433633;border-left:6px solid #f44336;border-radius:20px;box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-shadow);margin:50px auto;max-width:600px;padding:40px}.error-content{text-align:center}.error-content h3{align-items:center;color:#f44336;display:flex;font-size:1.8em;gap:10px;justify-content:center;margin-bottom:15px}.error-content h3:before{content:"⚠️";font-size:1.2em}.error-content p{color:#4a4d7a;color:var(--finance-dark);font-size:1.1em;line-height:1.5;margin-bottom:25px}.error-content .btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--finance-gradient);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.error-content .btn:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@media (min-width:1025px){.finance-results{margin:0 auto;max-width:900px;padding:50px;text-align:center}.finance-results h2{font-size:2.8em;gap:12px;margin-bottom:35px}.finance-results h2,.score-display{align-items:center;display:flex;justify-content:center;text-align:center}.score-display{flex-direction:column;margin:0 auto 30px;max-width:100%;padding:40px}.score-display h3{align-items:center;display:flex;font-size:2em;gap:18px;justify-content:center;margin:0;text-align:center;width:100%}.detailed-results{margin:25px auto;max-width:100%;padding:30px;text-align:left}.detailed-results p{align-items:center;display:flex;font-size:1.2em;gap:20px;justify-content:space-between;padding:12px 0}.results-actions{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:35px}.results-actions .btn{font-size:1.1em;min-width:180px;padding:14px 25px}.results-actions .btn span{font-size:.9em;margin-right:8px}}@media (min-width:1441px){.finance-results{margin:0 auto;max-width:1000px;padding:60px;text-align:center}.finance-results h2{font-size:3em;margin-bottom:40px}.score-display{flex-direction:column;margin:0 auto 35px;max-width:800px;padding:50px}.score-display,.score-display h3{align-items:center;display:flex;justify-content:center;text-align:center}.score-display h3{font-size:2.2em;gap:20px;margin:0;width:100%}.detailed-results{margin:30px auto;max-width:800px;padding:35px}.detailed-results p{font-size:1.3em;padding:15px 0}.results-actions{gap:30px;margin-top:40px}.results-actions .btn{font-size:1.2em;min-width:200px;padding:16px 30px}}@media (max-width:768px) and (min-width:481px){.finance-results{margin:15px auto;max-width:600px;padding:30px;text-align:center}.finance-results h2{flex-direction:row;font-size:2em;gap:10px}.score-display h3{flex-direction:row;font-size:1.5em;gap:12px}.detailed-results{margin:18px auto;padding:22px}.detailed-results p{flex-direction:row;justify-content:space-between;padding:9px 0;text-align:left}.detailed-results p span{text-align:left}.detailed-results p strong{text-align:right}.results-actions{flex-direction:row;flex-wrap:wrap;gap:15px;margin-top:25px;width:100%}.results-actions,.results-actions .btn{align-items:center;display:flex;justify-content:center}.results-actions .btn{font-size:.92em;max-width:200px;min-width:130px;padding:10px 16px;text-align:center}.results-actions .btn span{font-size:1em;margin-right:5px}}:root{--sidebar-width:220px;--sidebar-bg:linear-gradient(180deg,#071022,#081428);--sidebar-hover-bg:#ffffff08;--sidebar-active-bg:#6c5ce71f;--sidebar-backdrop:#0009;--sidebar-border:#ffffff0a;--sidebar-shadow:0 10px 30px #02061799;--sidebar-backdrop-filter:blur(10px);--sidebar-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--sidebar-text:#dbe9ff;--sidebar-text-muted:#ffffffa6;--sidebar-active-text:#eaf0ff}.admin-sidebar{align-items:stretch;backdrop-filter:blur(10px);backdrop-filter:var(--sidebar-backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--sidebar-backdrop-filter);background:linear-gradient(180deg,#071022,#081428);background:var(--sidebar-bg);border-right:1px solid #ffffff0a;border-right:1px solid var(--sidebar-border);bottom:0;box-shadow:0 10px 30px #02061799;box-shadow:var(--sidebar-shadow);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-family);height:100dvh;left:0;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 0;position:fixed;scrollbar-color:var(--primary-color-light) #0000;scrollbar-width:thin;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:220px;width:var(--sidebar-width);z-index:var(--z-index-fixed)}.admin-sidebar::-webkit-scrollbar{width:5px}.admin-sidebar::-webkit-scrollbar-track{background:#0000}.admin-sidebar::-webkit-scrollbar-thumb{background-color:var(--primary-color-light);border-radius:10px}.admin-sidebar-header{align-items:center;background:linear-gradient(180deg,#071022,#081428);background:var(--sidebar-bg);border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 1.5rem 1.5rem;position:relative}.admin-sidebar-header:after{background:linear-gradient(90deg,#0000,#3f51b54d,#3f51b580,#3f51b54d,#0000);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:100%}.admin-sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#b8c4ff);background:linear-gradient(135deg,var(--sidebar-accent),#b8c4ff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-weight:700;margin:0;transition:all .18s ease-in-out}.admin-sidebar nav{flex:1 1;overflow-y:auto;padding:0 .5rem}.admin-sidebar nav ul{list-style:none;margin:0;padding:0}.admin-sidebar nav ul li{margin-bottom:.3rem}.admin-sidebar a{align-items:center;border-radius:var(--border-radius);color:#dbe9ff;color:var(--sidebar-text);display:flex;font-weight:var(--font-weight-medium);overflow:hidden;padding:.9rem 1rem;position:relative;text-decoration:none;transition:all .18s ease-in-out;z-index:1}.admin-sidebar a:before{background-color:#ffffff08;background-color:var(--sidebar-hover-bg);content:"";height:100%;left:0;position:absolute;top:0;transition:width .18s ease;width:0;z-index:-1}.admin-sidebar a:hover:before{width:100%}.admin-sidebar a:focus,.admin-sidebar a:hover{color:#6c63ff;color:var(--sidebar-accent);transform:translateX(3px)}.admin-sidebar a.active{background-color:#6c5ce71f;background-color:var(--sidebar-active-bg);border-radius:var(--border-radius);box-shadow:0 4px 18px #080c1466;color:#eaf0ff;color:var(--sidebar-active-text);font-weight:var(--font-weight-semibold)}.admin-sidebar a.active:after{animation:slideIn .28s forwards;background:linear-gradient(180deg,color-mix(in srgb,#6c63ff 60%,#fff 20%),#6c63ff);background:linear-gradient(to bottom,color-mix(in srgb,var(--sidebar-accent) 60%,#fff 20%),var(--sidebar-accent));border-radius:0 4px 4px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.menu-icon{align-items:center;display:flex;font-size:1.2rem;height:26px;justify-content:center;margin-right:.9rem;transition:transform .2s ease;width:26px}.admin-sidebar a:hover .menu-icon{transform:scale(1.15)}.menu-text{font-size:.95rem;transition:color .2s ease}.menu-group{position:relative}.menu-group-header{align-items:center;border-radius:var(--border-radius);color:#dbe9ff;color:var(--sidebar-text);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);justify-content:space-between;margin:.25rem 0;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.menu-group-header:hover{background-color:#ffffff08;background-color:var(--sidebar-hover-bg);color:#6c63ff;color:var(--sidebar-accent);transform:translateX(3px)}.menu-group-header.active{background-color:#6c5ce71f;background-color:var(--sidebar-active-bg);box-shadow:0 4px 18px #080c1466;color:#eaf0ff;color:var(--sidebar-active-text);font-weight:var(--font-weight-semibold)}.menu-group-header.active:after{animation:slideIn .28s forwards;background:linear-gradient(180deg,color-mix(in srgb,#6c63ff 60%,#fff 20%),#6c63ff);background:linear-gradient(to bottom,color-mix(in srgb,var(--sidebar-accent) 60%,#fff 20%),var(--sidebar-accent));border-radius:0 4px 4px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.submenu-toggle{color:#ffffffa6;color:var(--sidebar-text-muted);font-size:.8rem;margin-left:auto;transition:transform .2s ease,color .2s ease}.submenu-toggle.open{color:#6c63ff;color:var(--sidebar-accent);transform:rotate(0deg)}.submenu{background-color:#ffffff05;border-radius:0 0 var(--border-radius) var(--border-radius);list-style:none;margin:0 .5rem .5rem;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease,padding .3s ease}.submenu.open{max-height:500px;padding:.5rem 0}.submenu li{margin:0;padding:0}.submenu li a{align-items:center;border-radius:0;display:flex;font-size:.9rem;margin:.1rem 0;padding:.6rem 1.5rem .6rem 2.5rem;position:relative}.submenu li a:hover{background-color:#ffffff0d;transform:translateX(5px)}.submenu li a.active{background-color:#6c5ce726;color:#eaf0ff;color:var(--sidebar-active-text);font-weight:var(--font-weight-medium)}.submenu li a.active:after{background:linear-gradient(180deg,color-mix(in srgb,#6c63ff 60%,#fff 20%),#6c63ff);background:linear-gradient(to bottom,color-mix(in srgb,var(--sidebar-accent) 60%,#fff 20%),var(--sidebar-accent));border-radius:0 2px 2px 0;content:"";height:100%;left:1rem;position:absolute;top:0;width:3px}.admin-logout-btn{align-items:center;background:linear-gradient(135deg,#ff7a6b,#ff4a4a);border:none;border-radius:var(--border-radius);box-shadow:0 6px 18px #00000052;color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);justify-content:center;margin:1rem 1.5rem;overflow:hidden;padding:.9rem 1rem;position:relative;text-align:center;text-shadow:0 1px 1px #00000040;transition:all .28s ease}.admin-logout-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.admin-logout-btn:hover{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 4px 15px #f443364d;transform:translateY(-2px)}.admin-logout-btn:hover:before{left:100%}.admin-logout-btn:active{box-shadow:0 2px 5px #f4433633;transform:translateY(0)}.admin-logout-btn .menu-icon{font-size:1.1rem;margin-right:.7rem}.admin-sidebar-toggle{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:none;font-size:1.5rem;height:50px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:all .3s ease;width:50px;z-index:var(--z-index-fixed)}.admin-sidebar-toggle:hover{box-shadow:0 5px 20px #00000040;transform:scale(1.05)}.admin-sidebar-toggle:active{transform:scale(.95)}.admin-sidebar-backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#0009;background-color:var(--sidebar-backdrop);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:calc(var(--z-index-fixed) - 1)}.close-sidebar{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-sidebar:hover{background-color:#0000000d;color:var(--primary-color-dark);transform:rotate(90deg)}@media (min-width:1024px) and (max-width:1199px) and (orientation:landscape){.admin-sidebar{width:200px}.admin-sidebar-header{padding:0 1.2rem 1.2rem}.admin-sidebar a{padding:.8rem .9rem}.menu-text{font-size:.9rem}}@media (min-width:820px) and (max-width:1080px){.admin-sidebar{width:240px}.admin-sidebar-header h2{font-size:var(--font-size-base)}.admin-sidebar a{padding:.85rem 1rem}.menu-icon{font-size:1.25rem;height:28px;width:28px}}@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){.admin-sidebar{width:260px}.admin-sidebar a{padding:1rem 1.1rem}.menu-icon{font-size:1.4rem;height:32px;width:32px}.menu-text{font-size:1.05rem}}@media (max-width:768px){.admin-sidebar-toggle{display:flex}.admin-sidebar.mobile{transform:translateX(-100%);width:280px}.admin-sidebar.mobile.open{box-shadow:0 10px 30px #02061799;box-shadow:var(--sidebar-shadow);transform:translateX(0)}.admin-sidebar-backdrop{display:block;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.admin-sidebar.mobile.open~.admin-sidebar-backdrop{opacity:1;pointer-events:auto;visibility:visible}.admin-sidebar{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.admin-sidebar nav ul li{margin-bottom:.5rem}.admin-sidebar a{padding:1rem 1.2rem}.menu-icon{font-size:1.3rem;height:30px;width:30px}.menu-text{font-size:1rem}}@media (max-width:480px){.admin-sidebar.mobile{padding:1rem 0;width:85vw}.admin-sidebar-header{margin-bottom:1rem;padding:0 1rem 1rem}.admin-sidebar-header h2{font-size:var(--font-size-md)}.admin-logout-btn,.admin-sidebar a{padding:.8rem 1rem}.admin-logout-btn{margin:.8rem 1rem}.admin-sidebar-toggle{font-size:1.3rem;height:45px;width:45px}.close-sidebar{font-size:1.3rem;height:32px;width:32px}}@media (max-height:500px) and (orientation:landscape) and (max-width:768px){.admin-sidebar.mobile{padding:.8rem 0;width:70vw}.admin-sidebar-header{margin-bottom:.8rem;padding:0 .8rem .8rem}.admin-sidebar-header h2{font-size:var(--font-size-sm)}.admin-sidebar nav ul li{margin-bottom:.3rem}.admin-sidebar a{padding:.6rem .8rem}.menu-icon{font-size:1.1rem;height:24px;width:24px}.menu-text{font-size:.85rem}.admin-logout-btn{font-size:.85rem;margin:.6rem .8rem;padding:.6rem .8rem}.admin-sidebar-toggle{font-size:1.2rem;height:42px;left:.6rem;top:.6rem;width:42px}}@media (max-width:380px){.admin-sidebar.mobile{padding:.8rem 0;width:90vw}.admin-sidebar-header{margin-bottom:.8rem;padding:0 .8rem .8rem}.admin-sidebar-header h2{font-size:var(--font-size-base)}.admin-sidebar a{font-size:.9rem;padding:.7rem .8rem}.menu-icon{font-size:1.1rem;height:24px;margin-right:.7rem;width:24px}.admin-logout-btn{font-size:.9rem;margin:.5rem .8rem;padding:.7rem .8rem}.admin-sidebar-toggle{font-size:1.2rem;height:40px;left:.8rem;top:.8rem;width:40px}}.admin-container{align-items:center;background:linear-gradient(135deg,var(--bg-color) 0,var(--secondary-color-bg) 100%)}@media (prefers-reduced-motion:reduce){.admin-sidebar,.admin-sidebar a{transition:none}.admin-sidebar a:hover{transform:none}.admin-sidebar-toggle{transition:transform .1s ease}.admin-sidebar-backdrop{transition:opacity .1s ease}.close-sidebar:hover{transform:none}@keyframes slideIn{0%{transform:none}to{transform:none}}}@media (prefers-contrast:high){.admin-sidebar{background:#fffffffa;border-right:2px solid var(--primary-color)}.admin-sidebar a{border:1px solid #0000}.admin-sidebar a:focus,.admin-sidebar a:hover{background-color:#ffffff08;background-color:var(--sidebar-hover-bg);border:1px solid var(--primary-color)}.admin-sidebar a.active{background-color:#6c5ce71f;background-color:var(--sidebar-active-bg);border:2px solid var(--primary-color-dark)}}@media (pointer:coarse){.admin-sidebar a{min-height:44px;padding:1rem 1.2rem}.admin-sidebar-toggle{-webkit-tap-highlight-color:transparent;min-height:48px;min-width:48px;touch-action:manipulation}.close-sidebar{min-width:44px}.admin-logout-btn,.close-sidebar{min-height:44px;touch-action:manipulation}.admin-sidebar nav ul li{margin-bottom:.4rem}}@media (prefers-color-scheme:dark){:root{--sidebar-bg:#1e1e1ef2;--sidebar-hover-bg:#3f51b533;--sidebar-active-bg:#3f51b540;--sidebar-backdrop:#000000b3;--sidebar-border:#3f51b54d}}@media (min-width:720px) and (max-width:820px){.admin-sidebar-toggle{display:flex!important;z-index:calc(var(--z-index-fixed) + 5)!important}.admin-sidebar{max-width:380px;transform:translateX(-100%);transition:transform .28s ease;width:78vw}.admin-sidebar.open{transform:translateX(0);z-index:calc(var(--z-index-fixed) + 2)}.admin-sidebar-backdrop{display:block;opacity:0;transition:opacity .28s ease,visibility .28s ease;visibility:hidden;z-index:calc(var(--z-index-fixed) + 1)}.admin-sidebar.mobile.open~.admin-sidebar-backdrop,.admin-sidebar.open~.admin-sidebar-backdrop{opacity:1;visibility:visible}.admin-sidebar a{padding:.8rem .95rem}}body.admin-sidebar-open{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}:root{--admin-settings-primary:#5c6bc0;--admin-settings-secondary:#7986cb;--admin-settings-accent:#9fa8da;--admin-settings-light:#e8eaf6;--admin-settings-dark:#1a237e;--admin-settings-gradient:linear-gradient(135deg,#667eea,#764ba2);--admin-settings-card-bg:#ffffffd9;--admin-settings-shadow:0 8px 32px #1f268726;--admin-settings-backdrop-filter:blur(7px);--admin-settings-success-color:#4caf50;--admin-settings-error-color:#f44336;--admin-settings-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.admin-settings-page{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--admin-settings-gradient);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.admin-settings-page:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.admin-settings-card{animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--admin-settings-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--admin-settings-backdrop-filter);background:#ffffffd9;background:var(--admin-settings-card-bg);border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--admin-settings-shadow);box-sizing:border-box;margin:0 auto;max-width:1000px;overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative;transform-origin:center bottom;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-settings-transition);width:100%;z-index:1}.admin-settings-card:hover{box-shadow:0 12px 36px #1f268740;transform:translateY(-3px)}.admin-settings-card h2{animation:slideInDown .8s ease-out forwards;border-bottom:none;color:#5c6bc0;color:var(--admin-settings-primary);font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin-bottom:1.8rem;padding-bottom:1rem;position:relative;text-align:left;text-shadow:0 2px 4px #00000014;transform-origin:left top}.admin-settings-card h2:after{animation:expandWidth 1.2s ease-out .3s forwards;background:linear-gradient(90deg,#7986cb,#9fa8da);background:linear-gradient(90deg,var(--admin-settings-secondary),var(--admin-settings-accent));border-radius:2px;bottom:0;box-shadow:0 2px 8px #5c6bc033;content:"";height:3px;left:0;position:absolute;transform:translateX(0);width:0}.setting-header h4{align-items:center;animation:fadeInRight .6s ease-out forwards;animation-delay:0s;animation-delay:calc(.15s*var(--item-index, 0));color:#1a237e;color:var(--admin-settings-dark);display:flex;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;opacity:0;position:relative;transform:translateX(-15px)}.setting-header h4:before{animation:rotateIn .8s ease-out forwards;animation-delay:.3s;animation-delay:calc(.15s*var(--item-index, 0) + .3s);content:"⚙️";font-size:1.1rem;margin-right:.7rem;opacity:0;transform-origin:center}.setting-description{animation:fadeIn .8s ease-out forwards;animation-delay:.4s;animation-delay:calc(.15s*var(--item-index, 0) + .4s);color:var(--text-muted);font-size:.95rem;line-height:1.5;margin-top:0;opacity:0;padding-left:1.8rem}.success-message{align-items:center;animation:slideInRight .5s ease-out;background-color:#4caf501a;border-left:4px solid #4caf50;border-left:4px solid var(--admin-settings-success-color);color:#4caf50;color:var(--admin-settings-success-color);display:flex;font-weight:500;overflow:hidden;padding:1rem 1.5rem;position:relative}.success-message:before{content:"✓";font-size:1.2rem;font-weight:700;margin-right:.8rem}.success-message:after{animation:rippleEffect 1.5s ease-out;background:radial-gradient(circle at center,#fff3 0,#0000 60%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:scale(0);width:200%}.error-message{align-items:center;background-color:#f443361a;border-left:4px solid var(--admin-settings-error-color);color:var(--admin-settings-error-color);display:flex;padding:1rem 1.5rem}.error-message:before{font-size:1.2rem;margin-right:.8rem}.error-message:after{animation:rippleEffect 1.5s ease-out;background:radial-gradient(circle at center,#fff3 0,#0000 60%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:scale(0);width:200%}.setting-item{--item-index:0;animation:fadeInUp .8s ease-out;background-color:#ffffff80;border:1px solid #00000008;border-radius:var(--border-radius);box-shadow:0 4px 15px #00000008;box-sizing:border-box;flex-direction:column;margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-settings-transition)}.setting-control,.setting-item{display:flex;gap:var(--spacing-md)}.setting-control{align-items:center;flex-wrap:nowrap;justify-content:space-between;width:100%}.setting-control .input-field{background-color:#fff;border-color:#0000001a;flex-grow:1;flex-shrink:1;min-width:0;transition:all .3s ease}.checkbox-control{align-items:center;display:flex;gap:0;justify-content:flex-start;position:relative;width:100%}.toggle-container{align-items:center;display:flex;flex-wrap:nowrap;margin-right:auto}.toggle-switch{display:block;flex-shrink:0;height:30px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 5px #0003;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.toggle-slider{background:linear-gradient(90deg,#7986cb,#5c6bc0);background:linear-gradient(to right,var(--admin-settings-secondary),var(--admin-settings-primary))}input:focus+.toggle-slider{box-shadow:0 0 1px #5c6bc0;box-shadow:0 0 1px var(--admin-settings-primary)}input:checked+.toggle-slider:before{transform:translateX(30px)}.toggle-label{color:#1a237e;color:var(--admin-settings-dark);display:inline-block;flex-shrink:0;font-weight:500;margin-left:12px;order:2;-webkit-user-select:none;user-select:none;white-space:nowrap}.setting-control button{align-self:flex-end;background:linear-gradient(135deg,#7986cb,#5c6bc0);background:linear-gradient(135deg,var(--admin-settings-secondary),var(--admin-settings-primary));border:none;border-radius:var(--border-radius);box-shadow:0 4px 10px #5c6bc04d;color:#fff;font-size:var(--font-size-base);font-weight:600;margin-left:auto;min-height:44px;min-width:120px;overflow:hidden;padding:.8rem 1.2rem;position:relative;transition:all .3s ease}@media (max-width:1024px){.admin-settings-card{max-width:95%;padding:var(--spacing-lg) var(--spacing-md)}.setting-item{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:900px){.admin-settings-page{padding:var(--spacing-lg) var(--spacing-sm)}.admin-settings-card{margin:0 auto;max-width:95vw;padding:var(--spacing-lg) var(--spacing-md)}.setting-item{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.setting-control{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);width:100%}.setting-control button{align-self:flex-end;font-size:var(--font-size-base);margin-left:auto;margin-top:var(--spacing-xs);min-width:110px;padding:.7rem 1rem}.checkbox-control{align-items:center;flex-direction:row;flex-wrap:nowrap}.category-tabs{flex-wrap:wrap;gap:var(--spacing-xs)}.tab-button{min-width:120px;text-align:center}}@media (max-width:768px){.admin-settings-page{padding:var(--spacing-md) var(--spacing-xs)}.admin-settings-card{border-radius:var(--border-radius-md);margin:0;max-width:none;padding:var(--spacing-md) var(--spacing-sm);width:100%}.admin-settings-card h2{font-size:1.6rem;margin-bottom:1.6rem;text-align:center}.admin-settings-card h2:after{left:50%;transform:translateX(-50%);width:100px}.setting-header h4{font-size:1.05rem}.setting-description{font-size:.92rem;padding-left:1.6rem}.category-manager{padding:var(--spacing-sm)}.category-tabs{flex-direction:column;gap:var(--spacing-xxs);margin-bottom:var(--spacing-sm)}.tab-button{border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);text-align:left;width:100%}.tab-button.active:after{display:none}.edit-buttons{justify-content:stretch;width:100%}.edit-buttons button{flex:1 1}.category-actions{align-self:center;justify-content:center;margin-top:var(--spacing-sm)}.category-actions button{flex:0 0 auto;min-width:80px}}@media (max-width:600px){.admin-settings-page{padding:var(--spacing-sm) var(--spacing-xs)}.admin-settings-card{border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-sm)}.admin-settings-card h2{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.8rem}.admin-settings-card h2:after{height:2px;width:90px}.setting-header h4{font-size:1rem}.setting-description{font-size:.9rem;padding-left:1.5rem}.setting-control button{font-size:var(--font-size-sm);min-width:100px;padding:.7rem .9rem}.error-message,.success-message{font-size:.9rem;padding:.8rem 1.2rem}}@media (max-width:480px){.admin-settings-page{padding:var(--spacing-md) var(--spacing-xs)}.admin-settings-card{border-radius:var(--border-radius);padding:var(--spacing-sm)}.admin-settings-card h2{font-size:1.3rem;margin-bottom:1.2rem;padding-bottom:.7rem}.admin-settings-card h2:after{width:80px}.setting-item{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.setting-header h4{font-size:.95rem}.setting-header h4:before{font-size:1rem;margin-right:.5rem}.setting-description{font-size:.85rem;padding-left:1.3rem}.toggle-switch{height:26px;width:52px}.toggle-slider:before{bottom:4px;height:18px;left:4px;width:18px}input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{font-size:.9rem;margin-left:10px}.setting-control button{font-size:.9rem;min-height:40px;min-width:90px;padding:.6rem .8rem}.category-manager{margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.tab-button{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.category-item{padding:var(--spacing-sm)}.category-name{font-size:.9rem;margin-bottom:var(--spacing-xs)}.category-actions{justify-content:center;margin-top:var(--spacing-xs)}.category-actions button{font-size:.8rem;min-width:70px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:380px){.admin-settings-page{padding:var(--spacing-sm) var(--spacing-xs)}.admin-settings-card{border-radius:calc(var(--border-radius)/2);padding:var(--spacing-xs) var(--spacing-sm)}.admin-settings-card h2{font-size:1.2rem;margin-bottom:1rem;padding-bottom:.6rem}.admin-settings-card h2:after{height:2px;width:70px}.setting-item{margin-bottom:var(--spacing-sm);padding:var(--spacing-xxs) var(--spacing-xs)}.setting-header h4{font-size:.9rem}.setting-header h4:before{font-size:.9rem;margin-right:.4rem}.setting-description{font-size:.8rem;padding-left:1.2rem}.toggle-switch{height:22px;width:46px}.toggle-slider:before{bottom:3px;height:16px;left:3px;width:16px}input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-label{font-size:.85rem;margin-left:8px}.setting-control button{border-radius:calc(var(--border-radius) - 2px);font-size:.85rem;min-height:38px;min-width:80px;padding:.5rem .6rem}.error-message,.success-message{font-size:.8rem;padding:.7rem 1rem}.error-message:before,.success-message:before{font-size:1rem;margin-right:.6rem}.category-name-container{margin-bottom:var(--spacing-xxs)}.category-name{font-size:.85rem}.category-actions button{font-size:.75rem;min-width:60px;padding:var(--spacing-xxs) var(--spacing-xs)}}@media (max-width:330px){.admin-settings-card,.admin-settings-page{padding:var(--spacing-xs)}.admin-settings-card h2{font-size:1.1rem;margin-bottom:.8rem}.admin-settings-card h2:after{width:60px}.setting-item{padding:var(--spacing-xxs)}.setting-header h4{font-size:.85rem}.setting-description{font-size:.75rem;padding-left:1rem}.toggle-switch{height:20px;width:40px}.toggle-slider:before{bottom:3px;height:14px;left:3px;width:14px}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{font-size:.8rem;margin-left:6px}.setting-control button{font-size:.8rem;min-height:36px;min-width:70px;padding:.45rem .5rem}.category-manager{padding:var(--spacing-xxs)}.tab-button{font-size:.8rem;padding:var(--spacing-xxs) var(--spacing-xs)}.category-item{padding:var(--spacing-xxs)}.category-name{font-size:.8rem;line-height:1.3}.category-name-container{margin-bottom:var(--spacing-xxs);padding:var(--spacing-xxs) 0}.category-actions button{font-size:.7rem;min-width:50px;padding:var(--spacing-xxs)}}@media (min-width:1200px){.admin-settings-card{max-width:1100px;padding:var(--spacing-xl) var(--spacing-xl)}.setting-item{padding:var(--spacing-lg) var(--spacing-xl)}.admin-settings-card h2{font-size:2rem;margin-bottom:2rem}.admin-settings-card h2:after{height:4px;width:140px}}.category-manager{animation:fadeInUp .5s ease-out;background:#ffffffb3;border:1px solid #0000000d;border-radius:var(--border-radius);margin-top:var(--spacing-md);overflow:hidden;padding:var(--spacing-md);position:relative}.category-tabs{border-bottom:2px solid #0000001a;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.tab-button{background:#0000;border:none;border-radius:var(--border-radius) var(--border-radius) 0 0;color:#5c6bc0;color:var(--admin-settings-primary);cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-settings-transition)}.tab-button:hover{background:#5c6bc01a;color:#1a237e;color:var(--admin-settings-dark);transform:translateY(-1px)}.tab-button.active{box-shadow:0 2px 8px #5c6bc04d;color:#fff;font-weight:600}.tab-button.active,.tab-button.active:after{background:#5c6bc0;background:var(--admin-settings-primary)}.tab-button.active:after{bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.category-content{min-height:200px;padding:var(--spacing-sm) 0}.categories-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-style:italic;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center}.categories-loading:before{animation:spin 2s linear infinite;content:"🔄";font-size:2rem}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-item{animation:fadeInUp .3s ease-out;animation-delay:0s;animation-delay:calc(.05s*var(--item-index, 0));animation-fill-mode:both;background:#fff;border:1px solid #0000000d;border-radius:var(--border-radius);overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-settings-transition)}.category-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.category-item:before{background:#5c6bc0;background:var(--admin-settings-primary);content:"";height:30%;left:0;position:absolute;top:50%;transform:scaleY(0) translateY(-50%);transform-origin:center;transition:transform .3s ease;width:4px}.category-item:hover:before{transform:scaleY(1) translateY(-50%)}.category-display{align-items:center;display:flex;flex-direction:column;gap:0;text-align:center;width:100%}.category-name-container{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) 0;position:relative;text-align:center;width:100%}.category-name-container:after{background:#0000000d;bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:25%}.category-name{color:#1a237e;color:var(--admin-settings-dark);display:block;font-size:1rem;font-weight:500;letter-spacing:-.25px;line-height:1.4;width:100%}.category-actions{align-self:center;display:flex;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-xs);width:100%}.category-actions button{background:#7986cb;background:var(--admin-settings-secondary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;min-width:70px;padding:var(--spacing-xs) var(--spacing-md);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-settings-transition)}.category-actions button:hover{background:#5c6bc0;background:var(--admin-settings-primary);box-shadow:0 2px 8px #5c6bc04d;transform:translateY(-1px)}.category-edit{animation:slideDown .3s ease-out;display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-edit .input-field{background:#fff;border:2px solid #5c6bc033;border-radius:var(--border-radius);box-sizing:border-box;font-size:1rem;font-weight:500;padding:var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-settings-transition);width:100%}.category-edit .input-field:focus{border-color:#5c6bc0;border-color:var(--admin-settings-primary);box-shadow:0 0 0 3px #5c6bc01a;outline:none}.edit-buttons{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xs)}.edit-buttons button{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-settings-transition)}.edit-buttons .save-btn{background:#4caf50;background:var(--admin-settings-success-color);color:#fff}.edit-buttons .save-btn:hover{background:#45a049;box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.edit-buttons .cancel-btn{background:#f5f5f5;border:1px solid #0000001a;color:#1a237e;color:var(--admin-settings-dark)}.edit-buttons .cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.no-categories{align-items:center;background:#00000005;border:2px dashed #0000001a;border-radius:var(--border-radius);color:var(--text-muted);display:flex;flex-direction:column;font-style:italic;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center}.no-categories:before{content:"📂";font-size:3rem;opacity:.5}.no-categories p{font-size:1rem;font-weight:500;margin:0}.no-categories small{color:var(--text-muted);font-size:.85rem;opacity:.8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.setting-item:first-child{--item-index:1}.setting-item:nth-child(2){--item-index:2}.setting-item:nth-child(3){--item-index:3}.setting-item:nth-child(4){--item-index:4}.setting-item:nth-child(5){--item-index:5}.setting-item:nth-child(6){--item-index:6}.setting-item:nth-child(7){--item-index:7}.setting-item:nth-child(8){--item-index:8}.category-item:first-child{--item-index:1}.category-item:nth-child(2){--item-index:2}.category-item:nth-child(3){--item-index:3}.category-item:nth-child(4){--item-index:4}.category-item:nth-child(5){--item-index:5}.category-item:nth-child(6){--item-index:6}.category-item:nth-child(7){--item-index:7}.category-item:nth-child(8){--item-index:8}.category-item:nth-child(9){--item-index:9}.category-item:nth-child(10){--item-index:10}:root{--admin-light:#e8eaf6;--admin-dark:#1a237e;--admin-card-bg:#ffffffd9;--admin-shadow:0 8px 32px #1f268726;--admin-backdrop-filter:blur(7px)}.dark-mode{--admin-primary:#7986cb;--admin-secondary:#5c6bc0;--admin-accent:#3f51b5;--admin-light:#1a237e;--admin-dark:#e8eaf6;--admin-gradient:linear-gradient(135deg,#1a237e,#303f9f);--admin-card-bg:#263238d9;--admin-shadow:0 8px 32px #0000004d}.admin-dashboard-page{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--admin-gradient);flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:1rem .8rem;position:relative}.admin-dashboard-page:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.admin-dashboard-card{animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--admin-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--admin-backdrop-filter);background:#ffffffd9;background:var(--admin-card-bg);border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--admin-shadow);flex-grow:1;height:auto;margin:0 auto;max-width:1200px;overflow-x:hidden;overflow-y:visible;padding:1.5rem 1.2rem;position:relative;transform-origin:center bottom;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:1}.admin-dashboard-card:hover{box-shadow:0 12px 36px #1f268740}.admin-summary{animation:fadeIn 1s ease-out;gap:.8rem;margin-bottom:1.5rem}.admin-summary-header{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.admin-summary-header h2{animation:fadeIn 1s ease-out;color:#5c6bc0;color:var(--admin-primary);font-family:var(--font-family-heading);font-size:2.2rem;font-weight:var(--font-weight-bold);margin-bottom:.3rem;position:relative;text-align:center;text-shadow:0 2px 3px #0000001a}.admin-summary-header h2:after{animation:expandWidth 1s ease-out forwards;background:linear-gradient(90deg,#7986cb,#9fa8da);background:linear-gradient(90deg,var(--admin-secondary),var(--admin-accent));border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.admin-role{animation:fadeIn 1.2s ease-out;background:linear-gradient(135deg,#4a148c,#7b1fa2);border:1px solid #fff3;border-radius:30px;box-shadow:0 3px 10px #7b1fa24d;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.25rem .8rem;text-shadow:0 1px 2px #0003;transition:all .3s ease}.admin-role:hover{box-shadow:0 5px 15px #7b1fa266;transform:translateY(-2px)}.admin-summary-info{grid-gap:1rem;animation:fadeIn 1.4s ease-out;background:#3949ab0d;border-left:4px solid #9fa8da;border-left:4px solid var(--admin-accent);border-radius:var(--border-radius-lg);box-shadow:inset 0 1px 3px #0000000d;color:var(--text-color);display:grid;font-size:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.8rem;max-width:800px;overflow:hidden;padding:1rem 1.2rem;place-items:center;position:relative;text-align:center;width:100%}.admin-summary-info:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.admin-summary-info div{position:relative;z-index:2}.admin-summary-info b{color:#5c6bc0;color:var(--admin-primary);font-weight:600;margin-right:.3rem}.admin-dashboard-widgets{grid-gap:1rem;animation:fadeInUp 1.6s ease-out;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:.8rem;max-width:1000px}.admin-widget-container{cursor:pointer;display:flex;flex-grow:1;height:100%;outline:none;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.admin-widget-container:focus{outline:none}.admin-widget-container:focus .admin-widget{box-shadow:0 0 0 3px #9fa8da,var(--shadow-lg);box-shadow:0 0 0 3px var(--admin-accent),var(--shadow-lg);transform:translateY(-5px)}.admin-widget{align-items:center;background:var(--card-bg-color);border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:140px;overflow:hidden;padding:1.2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.admin-widget:before{background:linear-gradient(135deg,#0000,#3949ab08);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:1}.admin-widget:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-8px)}.admin-widget:hover:before{opacity:1}.admin-widget h3{border-bottom:2px solid #e8eaf6;border-bottom:2px solid var(--admin-light);color:#5c6bc0;color:var(--admin-primary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:.6rem;padding-bottom:.5rem;width:100%}.admin-widget h3,.admin-widget p{position:relative;text-align:center;z-index:2}.admin-widget p{color:var(--text-color);flex-grow:1;font-size:.95rem;line-height:1.4;margin-bottom:.8rem}.admin-widget:after{bottom:.8rem;color:#5c6bc0;color:var(--admin-primary);content:"→";font-size:1.5rem;opacity:0;position:absolute;right:50%;transform:translateX(50%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:2}.admin-widget:hover:after{opacity:1;transform:translateX(50%)}@media (min-width:1440px){.admin-dashboard-page{margin:0 auto;max-width:1800px;padding:2rem 1.5rem}.admin-dashboard-card{margin:0 auto;max-width:1400px;padding:2rem}.admin-dashboard-widgets{gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:1.2rem auto 0;max-width:1200px}.admin-widget{min-height:160px;padding:1.8rem}.admin-summary-header h2{font-size:2.5rem;margin-bottom:.6rem;text-align:center}.admin-summary-info{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(2,1fr);margin:1rem auto;max-width:800px;text-align:center}}@media (min-width:1200px) and (max-width:1439px){.admin-dashboard-page{justify-content:flex-start;padding:1.8rem 1.2rem}.admin-dashboard-card,.admin-dashboard-page{align-items:center;display:flex;flex-direction:column}.admin-dashboard-card{margin:0 auto;max-width:98%;padding:1.5rem;width:100%}.admin-summary{margin-bottom:1.2rem;max-width:900px;text-align:center;width:100%}.admin-dashboard-widgets{gap:1.2rem;grid-template-columns:repeat(3,1fr);justify-items:center;max-width:1000px;width:100%}.admin-widget{max-width:320px;min-height:150px;padding:1.5rem;width:100%}}@media (min-width:992px) and (max-width:1199px){.admin-dashboard-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:1.5rem .8rem}.admin-dashboard-card{margin:0 auto;max-width:950px;padding:1.3rem;width:95%}.admin-summary{margin-bottom:1.2rem}.admin-summary,.admin-summary-header{text-align:center}.admin-summary-header h2{font-size:2rem}.admin-summary-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);justify-items:center;text-align:center}.admin-dashboard-widgets{gap:1.2rem;grid-template-columns:repeat(2,1fr);justify-items:center}.admin-widget{min-height:140px;padding:1.3rem}}@media (min-width:768px) and (max-width:991px){.admin-dashboard-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:1.2rem .6rem}.admin-dashboard-card{margin:0 auto;max-width:750px;padding:1.2rem;width:98%}.admin-summary{margin-bottom:1.5rem;text-align:center}.admin-summary-header h2{font-size:1.8rem}.admin-summary-info{grid-gap:.8rem;align-items:center;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);justify-content:center;text-align:center}.admin-summary-info div{background:#ffffff1a;border-radius:8px;padding:.6rem}.admin-dashboard-widgets{gap:1rem;grid-template-columns:repeat(2,1fr);width:100%}.admin-widget{min-height:130px;padding:1.2rem;text-align:center}}@media (min-width:576px) and (max-width:767px){.admin-dashboard-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem .4rem}.admin-dashboard-card{margin:0 auto;max-width:550px;padding:1rem;width:100%}.admin-summary{margin-bottom:1.2rem;text-align:center}.admin-summary-header h2{font-size:1.7rem;line-height:1.2}.admin-role{display:block;margin:.8rem auto 0;width:-webkit-fit-content;width:fit-content}.admin-summary-info{grid-gap:.6rem;align-items:center;display:grid;gap:.6rem;grid-template-columns:1fr;text-align:center}.admin-summary-info div{background:#ffffff1a;border-radius:8px;margin:0 auto;max-width:300px;padding:.4rem;width:100%}.admin-dashboard-widgets{gap:.8rem;grid-template-columns:1fr;width:100%}.admin-widget{margin:0 auto;max-width:400px;min-height:120px;padding:1rem;text-align:center}}@media (min-width:480px) and (max-width:575px){.admin-dashboard-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:.8rem .2rem}.admin-dashboard-card{border-radius:12px;margin:0 auto;max-width:460px;padding:.8rem;width:100%}.admin-summary{margin-bottom:1rem;text-align:center}.admin-summary-header h2{font-size:1.5rem;line-height:1.1;margin-bottom:.6rem}.admin-role{display:block;font-size:.85rem;margin:.6rem auto 0;padding:.25rem .7rem;width:-webkit-fit-content;width:fit-content}.admin-summary-info{grid-gap:.5rem;display:grid;font-size:.9rem;gap:.5rem;grid-template-columns:1fr;text-align:center}.admin-summary-info div{background:#ffffff0f;border-left:2px solid #9fa8da;border-left:2px solid var(--admin-accent);border-radius:6px;padding:.5rem}.admin-dashboard-widgets{gap:.6rem;grid-template-columns:1fr;width:100%}.admin-widget{min-height:110px;padding:.8rem;text-align:center;width:100%}.admin-widget h3{font-size:1.1rem;margin-bottom:.5rem}.admin-widget p{font-size:.85rem;line-height:1.3}}@media (min-width:400px) and (max-width:479px){.admin-dashboard-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:.8rem .2rem}.admin-dashboard-card{border-radius:10px;margin:0 auto;max-width:380px;padding:.8rem;width:100%}.admin-summary-header h2{font-size:1.4rem;line-height:1.2;text-align:center}.admin-role{display:block;font-size:.85rem;margin:.6rem auto 0;padding:.25rem .7rem;width:-webkit-fit-content;width:fit-content}.admin-summary-info{font-size:.9rem;gap:.5rem;text-align:center}.admin-summary-info div{background:#ffffff0f;border-radius:6px;padding:.5rem}.admin-widget{min-height:110px;padding:.8rem;text-align:center}.admin-widget h3{font-size:1.1rem;margin-bottom:.5rem}.admin-widget p{font-size:.85rem;line-height:1.3}.admin-widget:after{bottom:.6rem;font-size:1.3rem;right:.8rem}}@media (min-width:350px) and (max-width:399px){.admin-dashboard-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:.6rem .1rem}.admin-dashboard-card{border-radius:8px;margin:0 auto;max-width:340px;padding:.6rem;width:100%}.admin-summary-header h2{font-size:1.3rem;line-height:1.1;text-align:center;word-break:break-word}.admin-role{display:block;font-size:.8rem;margin:.5rem auto 0;padding:.2rem .6rem;width:-webkit-fit-content;width:fit-content}.admin-summary-info{font-size:.85rem;gap:.4rem;text-align:center}.admin-summary_info div{background:#ffffff0d;border-radius:6px;padding:.4rem;word-break:break-word}.admin-widget{min-height:100px;padding:.7rem;text-align:center}.admin-widget h3{font-size:1rem;line-height:1.2;margin-bottom:.4rem}.admin-widget p{font-size:.8rem;line-height:1.25}}@media (max-width:349px){.admin-dashboard-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:.5rem .05rem}.admin-dashboard-card{border-radius:6px;margin:0 auto;max-width:320px;padding:.5rem;width:100%}.admin-summary{margin-bottom:1rem}.admin-summary-header h2{font-size:1.2rem;line-height:1.1;margin-bottom:.6rem;text-align:center;word-break:break-word}.admin-role{display:block;font-size:.75rem;margin:.4rem auto 0;padding:.15rem .5rem;width:-webkit-fit-content;width:fit-content}.admin-summary-info{font-size:.8rem;gap:.3rem;text-align:center}.admin-summary_info div{background:#ffffff0a;border-radius:4px;line-height:1.2;padding:.3rem;word-break:break-word}.admin-dashboard-widgets{gap:.6rem}.admin-widget{min-height:90px;padding:.6rem;text-align:center}.admin-widget h3{font-size:.95rem;line-height:1.1;margin-bottom:.3rem}.admin-widget p{font-size:.75rem;line-height:1.2;margin-bottom:.5rem}.admin-widget:after{bottom:.4rem;font-size:1.1rem;right:.6rem}}@media (max-height:500px) and (orientation:landscape){.admin-dashboard-page{justify-content:flex-start;overflow-y:auto;padding:.5rem}.admin-dashboard-card{margin-bottom:.5rem;margin-top:.5rem;padding:.8rem}.admin-summary{margin-bottom:1rem}.admin-summary-header h2{font-size:1.3rem;margin-bottom:.5rem}.admin-summary-info{grid-gap:.5rem;display:grid;font-size:.85rem;gap:.5rem;grid-template-columns:repeat(2,1fr)}.admin-dashboard-widgets{gap:.8rem;grid-template-columns:repeat(3,1fr)}.admin-widget{min-height:80px;padding:.6rem}.admin-widget h3{font-size:.9rem;margin-bottom:.3rem}.admin-widget p{font-size:.75rem;line-height:1.2}}@media (pointer:coarse){.admin-widget,.admin-widget-container{min-height:48px}.admin-widget{-webkit-tap-highlight-color:rgba(92,107,192,.3);cursor:pointer}.admin-widget:active{transform:scale(.98);transition:transform .1s ease}.admin-dashboard-widgets{gap:1rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.admin-summary-header h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.admin-widget{border:.5px solid #ffffff1a}.admin-widget h3{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}}@media (prefers-reduced-motion:reduce){.admin-dashboard-card,.admin-dashboard-page,.admin-dashboard-page:before,.admin-widget{animation:none;transition:none}.admin-widget:hover{transform:none}.admin-widget:after{transition:opacity .1s ease}}@media (prefers-contrast:high){.admin-dashboard-card{background:#fffffff2;border:2px solid #5c6bc0;border:2px solid var(--admin-primary)}.admin-widget{background:#fffffffa;border:1px solid #5c6bc0;border:1px solid var(--admin-primary)}.admin-summary-info{background:#ffffff1a;border:1px solid #9fa8da;border:1px solid var(--admin-accent)}}.admin-widget-container:focus-visible{border-radius:var(--border-radius-lg);outline:3px solid #5c6bc0;outline:3px solid var(--admin-primary);outline-offset:2px}.admin-widget-container:focus-visible .admin-widget{box-shadow:0 0 0 3px #5c6bc04d,0 8px 32px #1f268726;box-shadow:0 0 0 3px #5c6bc04d,var(--admin-shadow);transform:translateY(-2px)}@media (hover:hover) and (pointer:fine){.admin-widget:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-8px)}.admin-widget:hover:before{opacity:1}.admin-widget:hover:after{opacity:1;transform:translateX(0)}}@media (hover:none){.admin-widget:after{opacity:1;transform:translateX(0)}}.admin-dashboard-page{min-height:100vh}.admin-dashboard-card,.admin-dashboard-page{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.admin-dashboard-card{margin-left:auto;margin-right:auto}.admin-summary{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.admin-dashboard-widgets{align-content:start;display:grid;justify-content:center;place-items:center;width:100%}@supports (-webkit-touch-callout:none){.admin-dashboard-page{-webkit-overflow-scrolling:touch;min-height:-webkit-fill-available}.admin-widget{transform:translateZ(0)}.admin-dashboard-card{backdrop-filter:blur(7px);backdrop-filter:var(--admin-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--admin-backdrop-filter)}}@media print{.admin-dashboard-page{background:#fff;padding:1rem}.admin-dashboard-card{background:#fff;border:1px solid #000;box-shadow:none}.admin-widget{background:#fff;border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}.admin-widget:after{display:none}}.pagination-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f0f2f5f2);border:1px solid #e0e6edcc;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem}.pagination-info{align-items:center;display:flex;gap:.5rem}.pagination-text{color:#4a5568;font-size:.9rem;line-height:1.5}.pagination-text strong{color:#2d3748;font-weight:600}.pagination-controls{flex-wrap:wrap;gap:1rem}.pagination-items-per-page{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:.5rem}.pagination-items-per-page label,.pagination-select{color:#2d3748;font-weight:500}.pagination-select{background-color:#fff;border:1.5px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.pagination-select:hover:not(:disabled){border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.pagination-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.pagination-select:disabled{background-color:#edf2f7;cursor:not-allowed;opacity:.6}.pagination-buttons{align-items:center;display:flex;gap:.25rem}.pagination-button{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:2.25rem;justify-content:center;min-width:2.25rem;padding:0 .5rem;transition:all .2s ease}.pagination-button:hover:not(:disabled):not(.active){background:linear-gradient(135deg,#4299e1,#3182ce);border-color:#3182ce;box-shadow:0 4px 8px #4299e14d;color:#fff;transform:translateY(-1px)}.pagination-button:active:not(:disabled){box-shadow:0 2px 4px #4299e133;transform:translateY(0)}.pagination-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#764ba2;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:default;font-weight:600}.pagination-button:disabled{background-color:#f7fafc;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;opacity:.5}.pagination-button:focus{box-shadow:0 0 0 3px #4299e14d;outline:none}.pagination-ellipsis{align-items:center;color:#a0aec0;display:inline-flex;font-size:1rem;font-weight:600;height:2.25rem;justify-content:center;min-width:2.25rem;-webkit-user-select:none;user-select:none}.pagination-page-indicator{align-items:center;display:flex}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:1rem}.pagination-controls,.pagination-info,.pagination-page-indicator{justify-content:center}.pagination-controls{flex-direction:column;gap:.75rem}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-button{font-size:.85rem;height:2rem;min-width:2rem}.pagination-text{font-size:.85rem;text-align:center}}.pagination-container{animation:fadeIn .3s ease}.pagination-container.loading{opacity:.6;pointer-events:none}.pagination-button:focus-visible{outline:2px solid #4299e1;outline-offset:2px}.pagination-select:focus-visible{outline:2px solid #4299e1;outline-offset:2px}:root{--admin-reports-primary:#5c6bc0;--admin-reports-secondary:#7986cb;--admin-reports-accent:#9fa8da;--admin-reports-light:#e8eaf6;--admin-reports-dark:#1a237e;--admin-reports-gradient:linear-gradient(135deg,#667eea,#764ba2);--admin-reports-card-bg:#ffffffd9;--admin-reports-shadow:0 8px 32px #1f268726;--admin-reports-backdrop-filter:blur(7px);--admin-reports-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.dark-mode{--admin-reports-primary:#7986cb;--admin-reports-secondary:#5c6bc0;--admin-reports-accent:#3f51b5;--admin-reports-light:#1a237e;--admin-reports-dark:#e8eaf6;--admin-reports-gradient:linear-gradient(135deg,#1a237e,#303f9f);--admin-reports-card-bg:#263238d9;--admin-reports-shadow:0 8px 32px #0000004d}.admin-reports-page{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--admin-reports-gradient);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.admin-reports-page:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.admin-reports-page h2{animation:slideInDown .8s ease-out forwards;color:#1a237e;color:var(--admin-reports-dark);font-family:var(--font-family-heading);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);padding-bottom:.8rem;position:relative;text-align:left;text-shadow:0 2px 4px #00000014;z-index:1}.admin-reports-page h2:after{animation:expandWidth 1.2s ease-out .3s forwards;background:linear-gradient(90deg,#7986cb,#9fa8da);background:linear-gradient(90deg,var(--admin-reports-secondary),var(--admin-reports-accent));border-radius:2px;bottom:0;box-shadow:0 2px 8px #5c6bc033;content:"";height:3px;left:0;position:absolute;width:0}.admin-reports-filters{align-items:flex-end;animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--admin-reports-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--admin-reports-backdrop-filter);background:#ffffffd9;background:var(--admin-reports-card-bg);border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--admin-reports-shadow);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-width:800px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-reports-transition);width:100%;z-index:1}.admin-reports-filters:hover{box-shadow:0 12px 36px #1f268740;transform:translateY(-3px)}.admin-reports-filters label{animation:fadeIn .6s ease-out forwards;animation-delay:.3s;color:#1a237e;color:var(--admin-reports-dark);display:flex;flex:1 1;flex-direction:column;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:8px;min-width:150px;opacity:0}.admin-reports-filters label:nth-child(2){animation-delay:.5s}.admin-reports-filters input[type=date],.admin-reports-filters select{-webkit-appearance:none;appearance:none;background:#ffffffe6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em;border:1.5px solid #0000001a;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;color:var(--text-color);cursor:pointer;font-size:var(--font-size-base);padding:.7em 2.5em .7em .9em;position:relative;transition:all .3s ease,box-shadow .2s ease;will-change:transform,box-shadow}.admin-reports-filters select:hover{box-shadow:0 5px 15px #5c6bc033;transform:translateY(-2px)}.admin-reports-filters input[type=date]{background-image:none;padding-right:.9em}.admin-reports-filters input[type=date]:focus,.admin-reports-filters select:focus{border-color:#5c6bc0;border-color:var(--admin-reports-primary);box-shadow:0 0 0 3px #5c6bc033;outline:none;transform:translateY(-2px)}.admin-reports-filters button{align-items:center;animation:fadeIn .6s ease-out forwards;animation-delay:.7s;background:linear-gradient(135deg,#7986cb,#5c6bc0);background:linear-gradient(135deg,var(--admin-reports-secondary),var(--admin-reports-primary));border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:44px;justify-content:center;min-width:120px;opacity:0;overflow:hidden;padding:.8em 1.4em;position:relative;transition:all .3s ease;z-index:1}.admin-reports-filters button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:-1}.admin-reports-filters button:hover{box-shadow:0 6px 15px #5c6bc066;transform:translateY(-3px)}.admin-reports-filters button:hover:before{left:100%}.admin-reports-filters button:active{transform:translateY(0)}.admin-reports-filters button:disabled{background:linear-gradient(135deg,#9fa8da,#7986cb);cursor:not-allowed;opacity:.8;transform:none}.admin-reports-table-container{animation:fadeInUp 1s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--admin-reports-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--admin-reports-backdrop-filter);background:#ffffffd9;background:var(--admin-reports-card-bg);border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--admin-reports-shadow);margin-top:var(--spacing-md);max-width:1000px;overflow-x:auto;position:relative;scrollbar-color:#7986cb #0000;scrollbar-color:var(--admin-reports-secondary) #0000;scrollbar-width:thin;width:100%;z-index:1}.admin-reports-table-container::-webkit-scrollbar{height:8px}.admin-reports-table-container::-webkit-scrollbar-track{background:#0000;border-radius:4px}.admin-reports-table-container::-webkit-scrollbar-thumb{background-color:#7986cb;background-color:var(--admin-reports-secondary);border-radius:4px}.admin-reports-table{border-collapse:initial;border-spacing:0;margin:0;overflow:hidden;width:100%}.admin-reports-table td,.admin-reports-table th{border-bottom:1px solid #0000000d;font-size:var(--font-size-base);padding:1em 1.2em;text-align:left}.admin-reports-table th{background:#5c6bc01a;color:#1a237e;color:var(--admin-reports-dark);font-size:.9rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding-right:2em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;transition:background-color .3s ease;white-space:nowrap;z-index:10}.admin-reports-table th:hover{background:#5c6bc026}.admin-reports-table tbody tr{position:relative;transition:all .3s ease}.admin-reports-table tr:last-child td{border-bottom:none}.admin-reports-table tr:nth-child(2n){background:#fff6}.admin-reports-table tbody tr:hover{background:#5c6bc00d;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px);z-index:5}.empty-data{animation:pulseLight 2s infinite alternate;background:#ffffff80;border:1px dashed #5c6bc04d;box-shadow:inset 0 0 15px #00000008;font-size:1.1rem;font-weight:var(--font-weight-medium);margin:1.5rem;padding:3em 2em}.empty-data,.loading-indicator{color:#5c6bc0;color:var(--admin-reports-primary)}.loading-indicator{align-items:center;display:flex;font-weight:var(--font-weight-semibold);justify-content:center;padding:3em 1em;position:relative}.loading-indicator:after{animation:spin 1s linear infinite;border:3px solid #5c6bc033;border-radius:50%;border-top-color:#5c6bc0;border-top:3px solid var(--admin-reports-primary);content:"";height:24px;margin-left:12px;width:24px}.error{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background:#f443361a;border-left:4px solid var(--danger-color);border-radius:var(--border-radius);box-shadow:0 4px 15px #f443361a;color:var(--danger-color);font-weight:var(--font-weight-semibold);margin:var(--spacing-md) auto;max-width:600px;overflow:hidden;padding:1em 1.2em;position:relative;text-align:center;width:100%;z-index:1}.error:before{align-items:center;background:var(--danger-color);border-radius:50%;color:#fff;content:"!";display:inline-flex;font-weight:700;height:24px;justify-content:center;margin-right:10px;width:24px}.error:after{animation:rippleEffect 1.5s ease-out;background:radial-gradient(circle at center,#fff3 0,#0000 60%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:scale(0);width:200%}@keyframes rippleEffect{0%{opacity:.3;transform:scale(0)}to{opacity:0;transform:scale(1)}}@media (min-width:1200px){.admin-reports-page{padding:var(--spacing-xxl) var(--spacing-xl)}.admin-reports-filters{max-width:900px;padding:var(--spacing-lg) var(--spacing-xl)}.admin-reports-table-container{max-width:1200px}.admin-reports-page h2{font-size:var(--font-size-xxxl)}}@media (min-width:992px) and (max-width:1199.98px){.admin-reports-page{padding:var(--spacing-xl) var(--spacing-lg)}.admin-reports-filters{max-width:850px}.admin-reports-table-container{max-width:1000px}}@media (min-width:768px) and (max-width:860px){.admin-reports-page{padding:var(--spacing-lg) var(--spacing-md)}.admin-reports-filters{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;max-width:750px;padding:var(--spacing-md) var(--spacing-lg)}.admin-reports-filters button{grid-column:1/-1;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.admin-reports-table td,.admin-reports-table th{font-size:.9rem;padding:.8em .6em}.admin-reports-table td:nth-child(4),.admin-reports-table th:nth-child(4){display:none}}@media (min-width:820px) and (max-width:1080px){.admin-reports-filters,.admin-reports-page{padding:var(--spacing-lg) var(--spacing-xl)}.admin-reports-filters{grid-gap:var(--spacing-lg);align-items:end;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr auto;max-width:950px}.admin-reports-filters label{min-width:200px}.admin-reports-filters button{height:48px;min-width:140px;padding:.8em 1.6em}.admin-reports-table-container{overflow-x:auto;scrollbar-color:#7986cb #0000;scrollbar-color:var(--admin-reports-secondary) #0000;scrollbar-width:thin}.admin-reports-table{min-width:700px}.admin-reports-table td,.admin-reports-table th{font-size:.98rem;padding:1em 1.1em;white-space:nowrap}.admin-reports-table td:first-child,.admin-reports-table th:first-child{min-width:120px}.admin-reports-table td:nth-child(2),.admin-reports-table th:nth-child(2){min-width:180px}.admin-reports-table td:nth-child(3),.admin-reports-table th:nth-child(3){min-width:100px}}@media (min-width:1080px) and (max-width:1199px){.admin-reports-page{padding:var(--spacing-xl) var(--spacing-lg)}.admin-reports-filters{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr) auto;max-width:1000px;padding:var(--spacing-lg) var(--spacing-xl)}.admin-reports-filters button{grid-column:4;height:44px;min-width:120px}.admin-reports-table td,.admin-reports-table th{font-size:.95rem;padding:1em .9em}}@media (min-width:768px) and (max-width:991.98px){.admin-reports-page{padding:var(--spacing-lg) var(--spacing-md)}.admin-reports-filters{flex-wrap:wrap;gap:var(--spacing-md);max-width:750px}.admin-reports-filters label{flex:1 1 calc(50% - var(--spacing-sm));min-width:180px}.admin-reports-filters button{flex:1 1 100%;margin-top:var(--spacing-sm)}.admin-reports-table td,.admin-reports-table th{font-size:.95rem;padding:.9em .8em}}@media (min-width:576px) and (max-width:767.98px){.admin-reports-page{padding:var(--spacing-md)}.admin-reports-page h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);text-align:center}.admin-reports-filters{flex-direction:column;gap:var(--spacing-md);max-width:100%;padding:var(--spacing-md)}.admin-reports-filters label{min-width:0;min-width:auto;width:100%}.admin-reports-filters button{height:48px;margin-top:var(--spacing-sm);width:100%}.admin-reports-table td,.admin-reports-table th{font-size:var(--font-size-sm);padding:.8em .6em}.admin-reports-table-container:after{background:#ffffff80;border-top:1px solid #0000000d;bottom:0;color:#5c6bc0;color:var(--admin-reports-primary);content:"← Desliza para ver más →";display:block;font-size:var(--font-size-xs);left:0;padding:.5em;position:-webkit-sticky;position:sticky;text-align:center;width:100%}.admin-reports-table td:nth-child(3),.admin-reports-table th:nth-child(3){display:none}}@media (max-width:575.98px){.admin-reports-page{padding:var(--spacing-sm)}.admin-reports-page h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);text-align:center}.admin-reports-filters{border-radius:var(--border-radius);gap:var(--spacing-sm);padding:var(--spacing-sm)}.admin-reports-filters label{font-size:var(--font-size-sm)}.admin-reports-filters input[type=date],.admin-reports-filters select{font-size:var(--font-size-sm);padding:.7em .8em}.admin-reports-filters button{font-size:var(--font-size-sm);height:44px;padding:.7em 1.2em}.admin-reports-table-container{border-radius:var(--border-radius)}.admin-reports-table td,.admin-reports-table th{font-size:var(--font-size-xs);padding:.7em .5em}.admin-reports-table td:nth-child(2),.admin-reports-table td:nth-child(4),.admin-reports-table th:nth-child(2),.admin-reports-table th:nth-child(4){display:none}.empty-data{font-size:.9rem;margin:1rem;padding:2em 1em}}@media (max-width:400px){.admin-reports-page{padding:var(--spacing-xs)}.admin-reports-filters{padding:.6rem}.admin-reports-filters input[type=date],.admin-reports-filters select{font-size:.825rem;padding:.6em .7em}.admin-reports-filters button{font-size:.825rem;height:40px}.admin-reports-page h2{font-size:1.125rem}.admin-reports-table td,.admin-reports-table th{font-size:.7rem;max-width:80px;overflow:hidden;padding:.6em .4em;text-overflow:ellipsis;white-space:nowrap}.admin-reports-table td:nth-child(5),.admin-reports-table th:nth-child(5){display:none}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.admin-reports-page{padding:var(--spacing-md) var(--spacing-lg)}.admin-reports-filters{grid-gap:var(--spacing-sm);align-items:end;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr) auto;max-width:100%;padding:var(--spacing-sm) var(--spacing-md)}.admin-reports-filters button{font-size:.9rem;grid-column:5;height:40px;min-width:100px}.admin-reports-table-container{max-height:60vh;overflow-y:auto}.admin-reports-table td,.admin-reports-table th{font-size:.85rem;padding:.6em .8em}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.admin-reports-filters{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;padding:var(--spacing-md)}.admin-reports-filters button{grid-column:1/-1;margin-top:var(--spacing-sm);width:100%}.admin-reports-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-reports-table{min-width:600px}}@media (min-width:820px) and (max-width:1080px) and (orientation:landscape){.admin-reports-filters{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr) auto}.admin-reports-table td,.admin-reports-table th{font-size:.9rem;padding:.8em}}@media (max-height:500px) and (orientation:landscape) and (max-width:768px){.admin-reports-page{padding:var(--spacing-sm) var(--spacing-md)}.admin-reports-page h2{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.admin-reports-filters{padding:var(--spacing-sm)}.admin-reports-table-container{max-height:300px;overflow-y:auto}}@media (pointer:coarse){.admin-reports-filters button,.admin-reports-filters input[type=date],.admin-reports-filters select,.admin-reports-table td,.admin-reports-table th{min-height:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.admin-reports-filters select{background-size:.875em}}@media (prefers-reduced-motion:reduce){.admin-reports-filters,.admin-reports-page,.admin-reports-page:before,.admin-reports-table tbody tr,.loading-indicator:after{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.admin-reports-filters{border:2px solid #5c6bc0;border:2px solid var(--admin-reports-primary)}.admin-reports-table tbody tr:hover,.admin-reports-table th{background:#5c6bc0;background:var(--admin-reports-primary);color:#fff}}.admin-reports-table tbody tr{animation:fadeIn .5s ease-out forwards;opacity:0}.admin-reports-table tbody tr:first-child{animation-delay:.1s}.admin-reports-table tbody tr:nth-child(2){animation-delay:.2s}.admin-reports-table tbody tr:nth-child(3){animation-delay:.3s}.admin-reports-table tbody tr:nth-child(4){animation-delay:.4s}.admin-reports-table tbody tr:nth-child(5){animation-delay:.5s}.admin-reports-table tbody tr:nth-child(6){animation-delay:.6s}.admin-reports-table tbody tr:nth-child(7){animation-delay:.7s}.admin-reports-table tbody tr:nth-child(8){animation-delay:.8s}.admin-reports-table tbody tr:nth-child(9){animation-delay:.9s}.admin-reports-table tbody tr:nth-child(10){animation-delay:1s}.admin-page{background:linear-gradient(135deg,#8f94fb,#4e54c8);height:100%;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl);width:100%}.admin-page-header{align-items:center;border-bottom:1px solid var(--secondary-color-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.admin-page-title{color:var(#000);font-size:var(--font-size-xxl);margin:0}.admin-page-actions{display:flex;gap:var(--spacing-sm)}.admin-page-content{border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}@media (max-width:1200px){.admin-page{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width:900px){.admin-page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.admin-page-actions{justify-content:flex-end;width:100%}.admin-page-content{padding:var(--spacing-md)}}@media (max-width:600px){.admin-page{padding:var(--spacing-md) var(--spacing-sm)}.admin-page-title{font-size:var(--font-size-xl)}.admin-page-actions{flex-wrap:wrap;gap:var(--spacing-xs)}.admin-page-content{padding:var(--spacing-sm)}}@media (max-width:400px){.admin-page{padding:var(--spacing-sm)}.admin-page-title{font-size:var(--font-size-lg)}.admin-page-content{border-radius:var(--border-radius);padding:var(--spacing-xs)}}:root{--admin-modal-overlay-bg:#0c121e99;--admin-modal-overlay-blur:8px;--admin-modal-bg:#fff;--admin-modal-border-radius:16px;--admin-modal-shadow:0 20px 60px #0000004d;--admin-modal-padding:var(--spacing-lg);--admin-modal-max-width-sm:400px;--admin-modal-max-width-md:600px;--admin-modal-max-width-lg:800px;--admin-modal-max-width-xl:1000px;--admin-modal-max-width-full:95vw;--admin-modal-header-height:60px;--admin-modal-footer-height:70px;--admin-modal-max-height:calc(100vh - 40px);--admin-modal-animation-duration:0.3s;--admin-modal-animation-timing:cubic-bezier(0.4,0,0.2,1);--admin-modal-z-overlay:99999;--admin-modal-z-container:100000;--admin-modal-danger-border:var(--danger-color);--admin-modal-danger-header-bg:#dc26260d;--admin-modal-success-border:var(--success-color);--admin-modal-warning-border:var(--warning-color)}.admin-modal-overlay{animation:adminModalOverlayFadeIn .3s cubic-bezier(.4,0,.2,1);animation:adminModalOverlayFadeIn var(--admin-modal-animation-duration) var(--admin-modal-animation-timing);backdrop-filter:blur(8px);backdrop-filter:blur(var(--admin-modal-overlay-blur));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--admin-modal-overlay-blur));background:#0c121e99;background:var(--admin-modal-overlay-bg);inset:0;padding:20px;z-index:var(--admin-modal-z-overlay)}@keyframes adminModalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.admin-modal-container{animation:adminModalSlideIn .3s cubic-bezier(.4,0,.2,1);animation:adminModalSlideIn var(--admin-modal-animation-duration) var(--admin-modal-animation-timing);background:#fff;background:var(--admin-modal-bg);border-radius:16px;border-radius:var(--admin-modal-border-radius);box-shadow:0 20px 60px #0000004d;box-shadow:var(--admin-modal-shadow);display:flex;flex-direction:column;margin:auto;max-height:calc(100vh - 40px);max-height:var(--admin-modal-max-height);overflow:hidden;position:relative;width:600px;z-index:100000;z-index:var(--admin-modal-z-container)}@keyframes adminModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal--sm{max-width:400px;max-width:var(--admin-modal-max-width-sm)}.admin-modal--md{max-width:600px;max-width:var(--admin-modal-max-width-md)}.admin-modal--lg{max-width:800px;max-width:var(--admin-modal-max-width-lg)}.admin-modal--xl{max-width:1000px;max-width:var(--admin-modal-max-width-xl)}.admin-modal--full{max-height:calc(100vh - 20px);max-width:95vw;max-width:var(--admin-modal-max-width-full)}.admin-modal--danger .admin-modal-header{background:#dc26260d;background:var(--admin-modal-danger-header-bg);border-bottom:2px solid var(--admin-modal-danger-border)}.admin-modal--danger .admin-modal-title{color:var(--danger-color)}.admin-modal--success .admin-modal-header{border-bottom:2px solid var(--admin-modal-success-border)}.admin-modal--success .admin-modal-title{color:var(--success-color)}.admin-modal--warning .admin-modal-header{border-bottom:2px solid var(--admin-modal-warning-border)}.admin-modal--warning .admin-modal-title{color:var(--warning-color)}.admin-modal-header{background:#fff;border-bottom:1px solid var(--border-color);min-height:60px;min-height:var(--admin-modal-header-height);padding:var(--spacing-md) var(--admin-modal-padding)}.admin-modal-title{align-items:center;color:var(--text-color-dark);display:flex;flex:1 1;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);line-height:1.3}.admin-modal-icon{align-items:center;display:flex;font-size:1.5em;justify-content:center;line-height:1}.admin-modal-title-text{flex:1 1}.admin-modal-close{-webkit-tap-highlight-color:transparent;background:#0000;flex-shrink:0;font-size:24px;height:44px;line-height:1;min-height:44px;min-width:44px;padding:0;width:44px}.admin-modal-close:hover{background:var(--secondary-color-bg);color:var(--text-color);transform:rotate(90deg)}.admin-modal-close:active{transform:rotate(90deg) scale(.95)}.admin-modal-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.admin-modal-close:disabled{cursor:not-allowed;opacity:.4}.admin-modal-close:disabled:hover{background:#0000;transform:none}.admin-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--admin-modal-padding)}.admin-modal-body::-webkit-scrollbar{width:8px}.admin-modal-body::-webkit-scrollbar-track{background:var(--secondary-color-bg);border-radius:10px}.admin-modal-body::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:10px}.admin-modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color-light)}.admin-modal-footer{align-items:center;background:var(--secondary-color-bg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;min-height:70px;min-height:var(--admin-modal-footer-height);padding:var(--spacing-md) var(--admin-modal-padding)}.admin-modal--loading .admin-modal-body{align-items:center;display:flex;justify-content:center;min-height:200px}.admin-modal-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl)}.admin-modal-spinner{animation:adminModalSpin .8s linear infinite;border:4px solid var(--secondary-color-light);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}@keyframes adminModalSpin{to{transform:rotate(1turn)}}.admin-modal-loading p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}@media (max-width:480px){.admin-modal-overlay{padding:10px}.admin-modal-container{border-radius:12px;max-height:calc(100vh - 20px);max-width:100%!important}.admin-modal-header{min-height:50px;padding:var(--spacing-sm) var(--spacing-md)}.admin-modal-title{font-size:var(--font-size-lg)}.admin-modal-close{height:40px;min-height:40px;min-width:40px;width:40px}.admin-modal-body{padding:var(--spacing-md)}.admin-modal-footer{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.admin-modal-footer button{width:100%}}@media (min-width:481px) and (max-width:767px){.admin-modal-container{max-width:95vw!important}.admin-modal-header{padding:var(--spacing-sm) var(--spacing-md)}.admin-modal-body{padding:var(--spacing-md)}.admin-modal-footer{padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width:768px) and (max-width:820px){.admin-modal-overlay{padding:max(15px,2vh);z-index:99999!important}.admin-modal-container{max-height:calc(100vh - 30px);z-index:100000!important}.admin-modal--sm{max-width:90%}.admin-modal--md{max-width:85%}.admin-modal--lg,.admin-modal--xl{max-width:90%}}@media (min-width:992px){.admin-modal-container{transition:transform .2s ease}.admin-modal-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.admin-modal-close,.admin-modal-container,.admin-modal-overlay,.admin-modal-spinner{animation:none;transition:none}.admin-modal-close:hover{transform:none}}body.modal-open{overflow:hidden!important}.admin-modal-body form{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-modal-body .input-field,.admin-modal-body select,.admin-modal-body textarea{border-color:var(--secondary-color-light);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-modal-body .input-field:focus,.admin-modal-body select:focus,.admin-modal-body textarea:focus{border-color:var(--text-color);box-shadow:0 0 0 1px var(--text-color);outline:none}.admin-modal-body .input-field:focus-visible,.admin-modal-body select:focus-visible,.admin-modal-body textarea:focus-visible{border-color:var(--text-color);box-shadow:0 0 0 1px var(--text-color)}.admin-modal-body .error-message,.admin-modal-body .success-message{margin-bottom:var(--spacing-md)}.admin-modal-footer>*{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@media (max-width:480px){.admin-modal-footer>*{flex-direction:column;width:100%}.admin-modal-footer>*>button{width:100%}}:root{--admin-users-primary:#5c6bc0;--admin-users-secondary:#7986cb;--admin-users-accent:#9fa8da;--admin-users-light:#e8eaf6;--admin-users-dark:#1a237e;--admin-users-gradient:linear-gradient(135deg,#8f94fb,#4e54c8);--admin-users-card-bg:#ffffffd9;--admin-users-shadow:0 8px 32px #1f268726;--admin-users-backdrop-filter:blur(7px);--admin-users-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--admin-users-success:#4caf50;--admin-users-error:#f44336}.admin-users-page{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#8f94fb,#4e54c8)!important;background:var(--admin-users-gradient)!important;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.admin-users-page:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.admin-users-page .admin-card,.admin-users-page .card,.admin-users-page .card.admin-card{animation:fadeInUp .8s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--admin-users-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--admin-users-backdrop-filter);background:#ffffffd9;background:var(--admin-users-card-bg);border:1px solid #fff3!important;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--admin-users-shadow);flex-grow:1;height:auto;margin:0 auto;max-width:1200px;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-lg);position:relative;transform-origin:center bottom;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-users-transition);width:100%;z-index:1}.admin-users-page .admin-card:hover,.admin-users-page .card.admin-card:hover,.admin-users-page .card:hover{box-shadow:0 12px 36px #1f268740;transform:translateY(-3px)}.admin-users-page>.admin-card,.admin-users-page>.card,div.admin-users-page .admin-card,div.admin-users-page .card{border:1px solid #fff3!important}.admin-users-header{align-items:center;animation:slideInDown .8s ease-out;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative;width:100%}.admin-users-header:after{animation:expandWidth 1.2s ease-out .3s forwards;background:linear-gradient(90deg,#7986cb,#9fa8da);background:linear-gradient(90deg,var(--admin-users-secondary),var(--admin-users-accent));border-radius:2px;bottom:-1px;box-shadow:0 2px 8px #5c6bc033;content:"";height:3px;left:0;position:absolute;width:0}.admin-users-header h2{align-items:center;color:#1a237e;color:var(--admin-users-dark);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;padding-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a}.admin-users-header h2:before{animation:rotateIn .8s ease-out forwards;animation-delay:.3s;display:inline-block;margin-right:.7rem;opacity:0;transform-origin:center}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg) scale(.6)}to{opacity:.9;transform:rotate(0) scale(1)}}.create-user-btn{background:linear-gradient(135deg,#7986cb,#5c6bc0);background:linear-gradient(135deg,var(--admin-users-secondary),var(--admin-users-primary));border-radius:var(--border-radius);box-shadow:0 4px 15px #596abc4d;overflow:hidden;position:relative;transition:all .3s ease}.create-user-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:0}.create-user-btn:hover{box-shadow:0 6px 20px #596abc66;transform:translateY(-3px)}.create-user-btn:hover:before{left:100%}.create-user-btn:active{transform:translateY(-1px)}.admin-users-table-wrapper{animation:fadeInUp 1s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--admin-users-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--admin-users-backdrop-filter);background:#ffffffb3;border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:0 8px 20px #1f268714;margin-bottom:var(--spacing-lg);overflow-x:auto;position:relative;scrollbar-color:#7986cb #0000;scrollbar-color:var(--admin-users-secondary) #0000;scrollbar-width:thin;width:100%}.admin-users-table-wrapper::-webkit-scrollbar{height:8px}.admin-users-table-wrapper::-webkit-scrollbar-track{background:#0000;border-radius:4px}.admin-users-table-wrapper::-webkit-scrollbar-thumb{background-color:#7986cb;background-color:var(--admin-users-secondary);border-radius:4px}.admin-users-table{background:#0000;border-collapse:initial;border-spacing:0;margin:0;width:100%}.admin-users-table th{background:#596abc1a;border-bottom:2px solid #596abc33;color:#1a237e;color:var(--admin-users-dark);font-size:.9rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:1em 1.2em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:background-color .3s ease;white-space:nowrap;z-index:10}.admin-users-table th:hover{background:#596abc26}.admin-users-table td{border-bottom:1px solid #596abc1a;padding:1em 1.2em;text-align:left;transition:all .3s ease}.admin-users-table tr:last-child td{border-bottom:none}.admin-users-table tbody tr{animation:fadeIn .5s ease-out forwards;opacity:0;position:relative;transition:all .3s ease}.admin-users-table tbody tr:first-child{animation-delay:.1s}.admin-users-table tbody tr:nth-child(2){animation-delay:.2s}.admin-users-table tbody tr:nth-child(3){animation-delay:.3s}.admin-users-table tbody tr:nth-child(4){animation-delay:.4s}.admin-users-table tbody tr:nth-child(5){animation-delay:.5s}.admin-users-table tbody tr:nth-child(6){animation-delay:.6s}.admin-users-table tbody tr:nth-child(7){animation-delay:.7s}.admin-users-table tbody tr:nth-child(8){animation-delay:.8s}.admin-users-table tbody tr:nth-child(9){animation-delay:.9s}.admin-users-table tbody tr:nth-child(10){animation-delay:1s}.admin-users-table tr:nth-child(2n){background:#fff6}.admin-users-table tbody tr:hover{background:#596abc0d;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px);z-index:5}.user-status{align-items:center;animation:fadeIn .5s ease-out;border-radius:20px;box-shadow:0 2px 5px #0000000d;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.3rem .7rem;text-transform:capitalize;transition:all .3s ease}.user-status:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.user-status.active{background:linear-gradient(135deg,#4caf501a,#4caf5033);border:1px solid #4caf504d;color:#2e7d32}.user-status.inactive{background:linear-gradient(135deg,#f443361a,#f4433633);border:1px solid #f443364d;color:#c62828}.user-status:before{animation:pulse 2s infinite;border-radius:50%;box-shadow:0 0 5px #0000001a;content:"";display:inline-block;height:8px;margin-right:6px;width:8px}.user-status.active:before{background-color:#4caf50}.user-status.inactive:before{background-color:#f44336}.admin-users-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.admin-users-actions button{max-width:120px;min-width:80px;overflow:hidden;padding:.5rem .8rem;position:relative;transition:all .3s ease}.admin-users-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.admin-users-actions button:hover:before{left:100%}.admin-modal-overlay{background-color:#1a237e66;height:100%;padding:var(--spacing-sm);width:100%;z-index:9999}.admin-modal{animation:slideIn .5s ease;backdrop-filter:var(--admin-users-backdrop-filter);-webkit-backdrop-filter:var(--admin-users-backdrop-filter);background:var(--admin-users-card-bg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--admin-users-shadow);margin:auto;max-height:calc(100vh - 60px);max-width:min(480px,90vw);z-index:10000}.admin-modal-header{border-bottom:1px solid #fff3;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.admin-modal-content{margin-right:-4px;max-height:calc(100vh - 180px);min-height:200px;padding-right:4px;scrollbar-color:var(--admin-users-primary) #0000}.admin-modal-content::-webkit-scrollbar-thumb{background:var(--admin-users-primary)}.admin-modal-content::-webkit-scrollbar-thumb:hover{background:var(--admin-users-secondary)}.admin-modal-footer{background:#ffffffd9;background:var(--admin-users-card-bg);border-top:1px solid #fff3;bottom:0;flex-shrink:0;margin-top:var(--spacing-sm);padding-top:var(--spacing-md);position:-webkit-sticky;position:sticky;z-index:10}.admin-modal h3{animation:fadeIn .8s ease;color:#5c6bc0;color:var(--admin-users-primary);margin-bottom:var(--spacing-lg);position:relative;text-align:center}.admin-modal h3:after{animation:expandModalWidth .8s ease-out .3s forwards;background:linear-gradient(90deg,#7986cb,#9fa8da);background:linear-gradient(90deg,var(--admin-users-secondary),var(--admin-users-accent));border-radius:2px;bottom:-.5rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes expandModalWidth{0%{width:0}to{width:80px}}.enhanced-form{animation:fadeInUp .8s ease;display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{animation:fadeIn .5s ease forwards;gap:var(--spacing-md);opacity:0}.form-row:first-child{animation-delay:.1s}.form-row:nth-child(2){animation-delay:.2s}.form-row:nth-child(3){animation-delay:.3s}.form-row:nth-child(4){animation-delay:.4s}.form-row:nth-child(5){animation-delay:.5s}.input-wrapper{animation:fadeIn .5s ease forwards;animation-delay:.2s;opacity:0}.input-wrapper .input-label{color:#1a237e;color:var(--admin-users-dark);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);transition:color .3s ease}.input-wrapper:focus-within .input-label{color:#5c6bc0;color:var(--admin-users-primary)}.required-indicator{animation:pulse 2s infinite;color:#f44336;color:var(--admin-users-error);margin-left:.25rem}.input-container{position:relative}.input-field{background:#fffc;border:1.5px solid #0000001a;box-shadow:0 2px 6px #00000008;transition:all .3s ease}.input-field:hover{border-color:#596abc4d;box-shadow:0 4px 10px #0000000f}.input-field:focus{border-color:#5c6bc0;border-color:var(--admin-users-primary);box-shadow:0 0 0 3px #5c6bc033;transform:translateY(-1px)}.input-field[name=is_active],.input-field[name=role]{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em;cursor:pointer;padding-right:2.5em;transition:all .3s ease,background-position .3s ease}.input-field[name=is_active]:focus,.input-field[name=role]:focus{background-position:right 8px center}.admin-modal-actions{animation:fadeIn .5s ease forwards;animation-delay:.5s;opacity:0;position:relative;z-index:11}.admin-modal-actions button{min-width:120px;overflow:hidden;position:relative;transition:all .3s ease}.admin-modal-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.admin-modal-actions button:hover{box-shadow:0 6px 15px #0000001a;transform:translateY(-2px)}.admin-modal-actions button:hover:before{left:100%}.error-message{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background:#f443361a;border-left:4px solid #f44336;border-left:4px solid var(--admin-users-error);box-shadow:0 4px 15px #f443361a;color:#f44336;color:var(--admin-users-error);font-weight:var(--font-weight-semibold);overflow:hidden;padding:1em 1.2em;position:relative}.error-message:before{align-items:center;background:#f44336;background:var(--admin-users-error);border-radius:50%;color:#fff;content:"!";display:inline-flex;font-weight:700;height:24px;justify-content:center;margin-right:10px;width:24px}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}.password-strength-bar-wrapper{animation:fadeIn .5s ease-out;margin:.5rem 0}.password-strength-bar{background:#0000000f;border-radius:3px;display:flex;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.bar-segment{animation:scaleSegment 1s forwards;border-radius:3px;flex:1 1;margin-right:2px;transform:scaleX(0);transform-origin:left;transition:all .5s cubic-bezier(.4,0,.2,1)}@keyframes scaleSegment{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bar-segment.filled{transform:scaleX(1)}.bar-segment:last-child{margin-right:0}.password-strength-label{font-size:var(--font-size-sm);font-weight:500;text-align:right;transition:all .3s ease}.password-recommendation{animation:fadeIn .5s ease;border-left:2px solid #9fa8da;border-left:2px solid var(--admin-users-accent);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:.5rem;margin-top:-.5rem;padding:0 .5rem}.empty-data,.error-cell,.loading-cell{animation:pulseLight 2s infinite alternate;background:#ffffff80;border-radius:var(--border-radius);box-shadow:inset 0 0 15px #00000008;color:#5c6bc0;color:var(--admin-users-primary);font-weight:var(--font-weight-medium);margin:1.5rem;padding:3em 2em;text-align:center}.loading-container{gap:.5rem}@keyframes pulseLight{0%{background:#ffffff80}to{background:#fffc}}.loading-spinner{border:3px solid #596abc33;border-top-color:#5c6bc0;border-top:3px solid var(--admin-users-primary);height:24px;width:24px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px) and (min-width:768px){.admin-users-actions button{font-size:var(--font-size-sm);max-width:100px;min-width:70px;padding:.4rem .6rem}}@media (max-width:900px){.admin-users-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.admin-users-actions{flex-wrap:wrap}.admin-users-actions button{font-size:var(--font-size-sm);max-width:90px;min-width:65px;padding:.4rem .5rem}.admin-users-table td,.admin-users-table th{font-size:var(--font-size-sm);padding:.8em .6em}.admin-modal{max-height:calc(100vh - 40px);max-width:min(420px,85vw);min-height:380px;padding:var(--spacing-md)}.admin-modal-content{margin-right:-2px;max-height:calc(100vh - 140px);min-height:180px;padding-right:2px}.form-row{flex-direction:column;gap:var(--spacing-sm)}.admin-modal-actions{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.admin-modal-actions button{flex:1 1;max-width:150px;min-width:100px}.admin-users-table-wrapper:after{background:#ffffff80;border-top:1px solid #596abc1a;bottom:0;color:#5c6bc0;color:var(--admin-users-primary);content:"← Desliza para ver más →";display:block;font-size:var(--font-size-xs);left:0;padding:.5em;position:-webkit-sticky;position:sticky;text-align:center;width:100%}}@media (max-width:768px) and (min-width:601px){.admin-users-actions button{font-size:var(--font-size-sm);max-width:85px;min-width:65px;padding:.4rem .5rem}.admin-users-table td,.admin-users-table th{font-size:var(--font-size-sm);padding:.75em .55em}}@media (max-width:600px){.admin-users-page{padding:var(--spacing-sm)}.admin-users-table td:nth-child(2),.admin-users-table th:nth-child(2){display:none}.admin-users-table td,.admin-users-table th{font-size:var(--font-size-xs);padding:.7em .5em}.admin-users-header h2{font-size:var(--font-size-lg)}.admin-users-actions{flex-direction:column;gap:.5rem}.admin-users-actions button{align-self:flex-end;font-size:var(--font-size-xs);max-width:80px;min-width:60px;padding:.35rem .4rem;width:auto}.admin-modal{border-radius:var(--border-radius);max-height:calc(100vh - 30px);max-width:min(360px,95vw);min-height:350px;padding:var(--spacing-sm)}.admin-modal-content{margin-right:-2px;max-height:calc(100vh - 110px);min-height:150px;padding-right:2px}.admin-modal h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.admin-modal-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.admin-modal-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.admin-modal-actions{flex-direction:column;gap:var(--spacing-sm)}.admin-modal-actions button{margin-bottom:0;min-width:auto;padding:var(--spacing-sm);width:100%}}@media (max-width:400px){.admin-users-page{padding:var(--spacing-xs)}.admin-users-header h2{font-size:var(--font-size-md)}.admin-users-actions button{font-size:var(--font-size-xxs);max-width:70px;min-width:50px;padding:.3rem .35rem}.admin-users-table td,.admin-users-table th{font-size:var(--font-size-xxs);padding:.6em .4em}.user-status{font-size:var(--font-size-xxs);padding:.2rem .4rem}.admin-modal{border-radius:var(--border-radius-sm);max-height:calc(100vh - 20px);max-width:min(320px,98vw);min-height:300px;padding:var(--spacing-xs)}.admin-modal-content{margin-right:-1px;max-height:calc(100vh - 90px);min-height:120px;padding-right:1px}.admin-modal-header{margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.admin-modal h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.admin-modal-footer{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.admin-modal-actions{flex-direction:column;gap:var(--spacing-xs)}.admin-modal-actions button{font-size:var(--font-size-sm);min-height:36px;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.input-field{font-size:var(--font-size-sm);padding:var(--spacing-xs)}.input-label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xxs)}.password-strength-bar{height:4px}}@media screen and (min-width:768px) and (max-width:820px){.admin-modal-overlay{padding:max(15px,3vh) max(15px,3vw);z-index:99999!important}.admin-modal{max-height:calc(100vh - 30px);max-width:min(650px,90vw);z-index:100000!important}.admin-modal-content{max-height:calc(100vh - 160px)}.form-row{flex-direction:column;gap:var(--spacing-sm)}.admin-modal-actions{flex-direction:row;gap:var(--spacing-md);justify-content:center}.admin-modal-actions button{flex:0 1 auto;min-width:140px}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.admin-modal{max-height:calc(100vh - 20px);max-width:min(700px,85vw)}.admin-modal-content{max-height:calc(100vh - 120px)}.form-row{flex-direction:row;gap:var(--spacing-md)}.form-row .input-wrapper{flex:1 1}}@media screen and (min-width:540px) and (max-width:720px){.admin-modal-overlay{z-index:99999!important}.admin-modal{max-width:min(600px,95vw);z-index:100000!important}}.quiz-answer-list{animation:fadeIn .3s ease;background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:900px;padding:var(--spacing-lg)}.quiz-answer-header{align-items:flex-start;border-bottom:1px solid var(--secondary-color-light);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);width:100%}.quiz-answer-header h4{color:var(--primary-color-dark);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.question-container{background-color:var(--secondary-color-bg);border-left:3px solid var(--primary-color);border-radius:var(--border-radius);max-width:100%;padding:var(--spacing-xs) var(--spacing-md);width:100%}.question-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin:0}.question-text-preview{color:var(--text-color);font-size:var(--font-size-base);line-height:1.4;margin:var(--spacing-xxs) 0 0 0;overflow-wrap:break-word;white-space:normal;width:100%;word-break:break-word}.quiz-answer-actions{align-items:center;align-self:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.create-answer-panel{animation:slideDown .3s ease;background-color:var(--primary-color-bg);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.create-answer-panel h5{color:var(--primary-color-dark);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);margin-top:0}.create-answer-form{gap:var(--spacing-md)}.create-answer-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-group label{color:var(--text-color);font-size:var(--font-size-base)}.form-group textarea{border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);min-height:80px;padding:var(--spacing-sm);resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-bg);outline:none}.checkbox-group{margin-top:var(--spacing-xs)}.checkbox-label{gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);height:18px;width:18px}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.answers-table-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-md);overflow-x:auto}.answers-table{border-collapse:initial;border-spacing:0;min-width:380px;width:100%}.answers-table th{background-color:var(--secondary-color-bg);border-bottom:2px solid var(--secondary-color-light);color:var(--text-color);font-weight:var(--font-weight-semibold);text-align:left}.answers-table td,.answers-table th{padding:var(--spacing-sm) var(--spacing-md)}.answers-table td{border-bottom:1px solid var(--secondary-color-light);vertical-align:top}.answers-table tr:last-child td{border-bottom:none}.answers-table tr:hover{background-color:var(--primary-color-bg)}.answer-text-column{width:60%}.answer-correct-column{width:15%}.answer-actions-column{width:25%}.correct-answer{background-color:rgba(var(--success-color-rgb),.05)}.answer-text{line-height:1.4;word-break:break-word}.status-badge{align-items:center;border-radius:30px;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-content:center;padding:4px 12px}.status-badge.correct{background-color:var(--success-color-bg);color:var(--success-color)}.status-badge.incorrect{background-color:var(--secondary-color-bg);color:var(--text-muted)}.edit-answer-form{animation:fadeIn .2s;background-color:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.edit-answer-input{border:1px solid var(--primary-color-light);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-sm);min-height:60px;padding:var(--spacing-sm);resize:vertical;width:100%}.edit-checkbox{margin:0}.edit-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.spinner{border-top:3px solid var(--primary-color-bg);border:3px solid var(--primary-color-bg);border-top-color:var(--primary-color);height:30px;margin-bottom:var(--spacing-md);width:30px}.empty-data{border-radius:var(--border-radius-lg);padding:var(--spacing-xl) var(--spacing-md)}.empty-data p:first-child{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-modal{animation:modalSlideIn .3s ease;background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:450px;overflow:hidden;width:90%}.answer-modal-header{align-items:center;background-color:var(--primary-color-bg);border-bottom:1px solid var(--secondary-color-light);display:flex;justify-content:space-between;margin-bottom:0;padding:var(--spacing-sm) var(--spacing-lg)}.answer-modal-header h3{color:var(--primary-color-dark);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.answer-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.answer-modal-close:hover{background-color:var(--secondary-color-light);color:var(--text-color-dark)}.answer-modal-body{max-height:50vh;overflow-y:auto;padding:var(--spacing-lg);width:100%}.answer-form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.answer-form-group{margin-bottom:var(--spacing-md);width:100%}.answer-form-group:last-child{margin-bottom:0}.answer-form-group label{color:var(--text-color);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.answer-textarea{background-color:#fff;border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);min-height:100px;padding:var(--spacing-sm);resize:vertical;transition:all var(--transition-fast);width:100%}.answer-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-bg);outline:none}.answer-textarea::placeholder{color:var(--text-muted);opacity:.7}.checkbox-container{margin-top:var(--spacing-sm)}.checkbox-label{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-size-base);gap:var(--spacing-md);padding:var(--spacing-xs) 0;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:var(--primary-color)}.answer-checkbox{accent-color:var(--primary-color);border:2px solid var(--secondary-color);border-radius:3px;cursor:pointer;height:20px;width:20px}.answer-modal-footer{background-color:var(--secondary-color-bg);border-top:1px solid var(--secondary-color-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}@media (max-width:768px){.answer-modal{max-width:500px;width:95%}.answer-modal-body{padding:var(--spacing-md)}.answer-checkbox{height:18px;width:18px}}@media (max-width:480px){.answer-modal{margin:var(--spacing-xs);max-width:95%;width:100%}.answer-modal-header{padding:var(--spacing-sm)}.answer-modal-header h3{font-size:var(--font-size-md)}.answer-modal-body,.answer-modal-footer{padding:var(--spacing-sm)}.answer-modal-footer{flex-direction:column}.answer-modal-footer button{width:100%}.answer-textarea{min-height:80px}.answer-form-group label,.checkbox-label{font-size:var(--font-size-sm)}.checkbox-label{gap:var(--spacing-sm)}.answer-checkbox{height:16px;width:16px}}@media (max-width:768px){.quiz-answer-list{border-radius:var(--border-radius);padding:var(--spacing-md)}.quiz-answer-header{align-items:flex-start;flex-direction:column}.quiz-answer-actions{margin-top:var(--spacing-sm);width:100%}.answer-correct-column{width:20%}.answer-text-column{width:50%}.form-actions{flex-direction:column;width:100%}.form-actions button{width:100%}.answer-modal{width:95%}.answer-modal-header{padding:var(--spacing-sm) var(--spacing-md)}.answer-modal-body{padding:var(--spacing-md)}.answer-modal-footer{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}.answers-table td,.answers-table th{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:576px){.quiz-answer-list{padding:var(--spacing-sm)}.quiz-answer-actions{flex-direction:column;width:100%}.quiz-answer-actions button{width:100%}.quiz-answer-header h4{font-size:var(--font-size-md)}.answers-table-container{overflow-x:visible}.answers-table{border-spacing:0 var(--spacing-sm);min-width:0;min-width:auto}.answers-table thead{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.answers-table tr{background-color:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:block;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs)}.answers-table tr.correct-answer{border-left:3px solid var(--success-color)}.answers-table td{border-bottom:1px solid var(--secondary-color-light);display:block;padding:var(--spacing-xs);padding-left:var(--spacing-xs);position:relative;text-align:left}.answers-table td:before{color:var(--text-muted);content:attr(data-label);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xxs)}.answers-table td:last-child{border-bottom:0}.edit-answer-form{padding:var(--spacing-xs)}.edit-actions{flex-direction:row}.edit-actions button{flex:1 1;font-size:var(--font-size-xs)}.question-container{padding:var(--spacing-xs)}.question-text-preview{font-size:var(--font-size-sm)}.quiz-answer-actions{align-self:stretch;margin-top:var(--spacing-sm)}.answer-modal-header h3{font-size:var(--font-size-md)}.answer-modal_body{padding:var(--spacing-sm)}.answer-modal-footer{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.answer-modal-footer button{width:100%}.answer-textarea{min-height:80px}}@media (max-width:380px){.quiz-answer-list{padding:var(--spacing-xs)}.quiz-answer-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.create-answer-panel{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.create-answer-panel h5{font-size:var(--font-size-base)}.form-group label,.form-group textarea{font-size:var(--font-size-xs)}.form-group textarea{min-height:60px;padding:var(--spacing-xs)}.checkbox-label input[type=checkbox]{height:16px;width:16px}.answers-table td:before{font-size:9px}.answer-text{font-size:var(--font-size-xs)}.status-badge{font-size:9px}.question-container{padding:var(--spacing-xxs) var(--spacing-xs)}.question-text-preview{font-size:var(--font-size-xs)}.answer-modal{max-height:95vh;width:98%}.answer-modal-header h3{font-size:var(--font-size-base)}.answer-form-group label{font-size:var(--font-size-sm)}.checkbox-label{font-size:var(--font-size-xs)}.answer-checkbox{height:16px;width:16px}.answers-table th{display:none}.answers-table tr{border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);display:block;margin-bottom:var(--spacing-xs)}.answers-table td{border-bottom:1px solid var(--secondary-color-light);display:block;font-size:var(--font-size-xs);padding-left:50%;position:relative;text-align:right}.answers-table td:last-child{border-bottom:none}.answers-table td:before{content:attr(data-label);font-weight:var(--font-weight-bold);left:var(--spacing-xs);padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:45%}.status-badge{font-size:10px;padding:2px 8px}}.quiz-questions{margin-bottom:var(--spacing-lg)}.quiz-questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.quiz-questions-header h4{color:var(--primary-color-dark);font-size:var(--font-size-lg);margin:0}.quiz-questions-category-title{align-items:center;color:var(--primary-color);display:flex;font-size:var(--font-size-md);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.quiz-questions-category-title .back-button{background:var(--primary-color-bg);border:none;border-radius:var(--border-radius);color:var(--primary-color);cursor:pointer;padding:4px 8px;transition:background var(--transition-fast)}.quiz-questions-category-title .back-button:hover{background:var(--primary-color-light)}.quiz-questions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.quiz-question-card{background-color:var(--card-bg-color);border-left:4px solid var(--secondary-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.quiz-question-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quiz-question-text{color:var(--text-color);font-size:var(--font-size-md);line-height:1.5;margin-bottom:var(--spacing-md);padding-right:50px}.quiz-question-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:space-between;margin-bottom:var(--spacing-sm)}.quiz-question-meta span{align-items:center;display:flex;gap:4px}.quiz-question-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.quiz-question-status{border-radius:50%;height:12px;position:absolute;right:10px;top:10px;width:12px}.quiz-question-status.active{background-color:var(--success-color)}.quiz-question-status.inactive{background-color:var(--danger-color)}.quiz-question-form{gap:var(--spacing-md)}.quiz-question-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.quiz-question-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.quiz-difficulty-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-content:center;padding:4px 8px}.quiz-difficulty-badge.easy{background-color:var(--success-color-bg);color:var(--success-color)}.quiz-difficulty-badge.medium{background-color:var(--warning-color-bg);color:var(--warning-color)}.quiz-difficulty-badge.hard{background-color:var(--danger-color-bg);color:var(--danger-color)}@media (max-width:768px){.quiz-questions-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.quiz-question-actions{margin-top:var(--spacing-sm)}}@media (max-width:480px){.quiz-question-card{padding:var(--spacing-sm)}.quiz-question-text{font-size:var(--font-size-base);padding-right:20px}.quiz-question-meta{flex-direction:column;gap:2px}.quiz-question-actions{flex-wrap:wrap}.quiz-question-actions button{flex:1 1;font-size:var(--font-size-xs);min-width:80px;padding:4px 8px}}.quiz-modal{animation:modalSlideIn .3s ease;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:450px;overflow:hidden;width:95%}.quiz-modal-header{align-items:center;border-bottom:1px solid var(--secondary-color-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.quiz-modal-header h3{color:var(--primary-color-dark);font-size:var(--font-size-lg);margin:0}.quiz-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem}.quiz-modal-body{flex-grow:1;max-height:60vh;overflow-y:auto;padding:var(--spacing-lg)}.quiz-modal-footer{background-color:var(--secondary-color-bg);border-top:1px solid var(--secondary-color-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.quiz-question-form{display:flex;flex-direction:column;width:100%}.quiz-question-form-group{margin-bottom:var(--spacing-md);width:100%}.quiz-question-form-group:last-child{margin-bottom:0}.quiz-question-form-group label{color:var(--text-color);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.quiz-question-form-group textarea{border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);min-height:100px;padding:var(--spacing-sm);resize:vertical;transition:all .2s ease;width:100%}.quiz-question-form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-bg);outline:none}.select-wrapper{position:relative}.select-wrapper:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--text-muted);content:"";height:0;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0}.quiz-question-form-group select{-webkit-appearance:none;appearance:none;background-color:#fff;height:42px;padding-right:30px;width:100%}@media (max-width:768px){.quiz-modal{width:95%}.quiz-modal-header{padding:var(--spacing-sm) var(--spacing-md)}.quiz-modal-body{padding:var(--spacing-md)}.quiz-modal-footer{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.quiz-modal{max-width:95%;padding:var(--spacing-xs)}.quiz-modal-header h3{font-size:var(--font-size-md)}.quiz-modal-body{padding:var(--spacing-sm)}.quiz-modal-footer{flex-direction:column;gap:var(--spacing-sm)}.quiz-modal-footer button{width:100%}}@media (max-width:380px){.quiz-modal{max-height:95vh;width:98%}.quiz-modal-header h3{font-size:var(--font-size-base)}.quiz-question-form-group label{font-size:var(--font-size-sm)}.quiz-modal-close{font-size:20px;height:28px;width:28px}.quiz-question-form-group textarea{font-size:var(--font-size-sm);min-height:80px}}.quiz-categories{margin-bottom:var(--spacing-lg)}.quiz-categories-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.quiz-categories-header h4{color:var(--text-color-dark);font-size:var(--font-size-md);margin:0}.quiz-policy-info{background-color:var(--info-color-bg);border-left:3px solid var(--info-color);border-radius:var(--border-radius);color:var(--text-color-dark);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.quiz-policy-info p{align-items:center;display:flex;gap:var(--spacing-sm);margin:0}.quiz-categories-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.quiz-category-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.quiz-category-card,.quiz-category-card--active{border-left:4px solid var(--primary-color)}.quiz-category-card--inactive{border-left:4px solid var(--danger-color)}.quiz-category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.quiz-category-name{color:var(--text-color);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.quiz-category-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex-grow:1;line-height:1.4;margin-bottom:var(--spacing-md);overflow:hidden;text-overflow:ellipsis}.quiz-category-description,.quiz-category-stats{color:var(--text-muted);font-size:var(--font-size-sm)}.quiz-category-stats{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing-sm)}.quiz-category-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.quiz-category-status{border-radius:30px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 8px;position:absolute;right:10px;top:10px}.quiz-category-status.active{background-color:var(--success-color-bg);color:var(--success-color)}.quiz-category-status.inactive{background-color:var(--danger-color-bg);color:var(--danger-color)}.quiz-category-modal{margin:0 auto;max-width:450px;overflow-y:auto;padding:var(--spacing-md);width:95%}.quiz-category-form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.quiz-category-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}@media (max-width:992px){.quiz-categories-grid{gap:var(--spacing-md)}}@media (max-width:768px){.quiz-categories-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.quiz-categories-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.quiz-category-actions{flex-wrap:wrap}.quiz-category-actions button{flex:1 1 auto;font-size:var(--font-size-xs);min-width:70px}}@media (max-width:576px){.quiz-categories-grid{grid-template-columns:1fr}.quiz-category-actions{flex-wrap:nowrap}.quiz-category-actions button{flex:1 1;min-width:0;min-width:auto}}@media (max-width:480px){.quiz-categories-grid{grid-template-columns:1fr}.quiz-category-card{padding:var(--spacing-sm)}.quiz-category-actions{flex-direction:column;flex-wrap:nowrap;gap:var(--spacing-xxs)}.quiz-category-actions button{flex:initial;width:100%}.quiz-category-modal{max-width:95%;padding:var(--spacing-sm)}}:root{--quiz-admin-primary:#4e54c8;--quiz-admin-secondary:#8f94fb;--quiz-admin-gradient:linear-gradient(135deg,#8f94fb,#4e54c8);--quiz-admin-card-bg:#ffffffd9;--quiz-admin-shadow:0 8px 32px #1f268726;--quiz-admin-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--quiz-admin-border:1px solid #fff3;--quiz-admin-button-shadow:0 4px 15px #4e54c833;--quiz-admin-button-shadow-hover:0 6px 20px #4e54c866}.quiz-management{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--quiz-admin-gradient);margin:0 auto;max-width:100%;min-height:100vh;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.quiz-management-header{align-items:flex-start;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.quiz-management-header .header-left{display:flex;flex-direction:column}.quiz-management-header .header-right{display:flex;gap:var(--spacing-sm)}.quiz-management-header h3{color:#fff;display:inline-block;font-size:var(--font-size-lg);margin:0;position:relative}.quiz-management-header h3:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.quiz-management-header .subtitle{color:#fff;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.quiz-content-container{background:#ffffffd9;background:var(--quiz-admin-card-bg);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px #1f268726;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:1400px;padding:var(--spacing-xl);width:100%}.quiz-content-container>*{margin-bottom:var(--spacing-md)}.quiz-content-container>:last-child{margin-bottom:0}.quiz-info-card{background-color:#fff;border-left:4px solid var(--primary-color);margin-bottom:var(--spacing-lg)}.quiz-info-card h3{color:var(--primary-color);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.quiz-management-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--secondary-color-light);display:flex;margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:1px;scrollbar-color:var(--secondary-color) var(--card-bg-color);scrollbar-width:thin}.quiz-management-tab{border-bottom:3px solid #0000;cursor:pointer;margin-right:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .3s ease;white-space:nowrap}.quiz-management-tab.active{border-bottom:3px solid var(--primary-color);color:var(--primary-color);font-weight:var(--font-weight-semibold)}.quiz-management-tab:hover:not(.active){background-color:var(--secondary-color-bg);color:var(--primary-color-dark)}.quiz-management-content{padding:var(--spacing-md) 0}@media (max-width:768px){.quiz-management{padding:var(--spacing-md) var(--spacing-sm)}.quiz-content-container{padding:var(--spacing-md)}.quiz-management-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.quiz-management-header .header-right{margin-top:var(--spacing-sm);width:100%}.quiz-management-header .header-right button{width:100%}.quiz-management-tab{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.quiz-content-container,.quiz-management{padding:var(--spacing-sm)}.quiz-content-container{margin-bottom:var(--spacing-md)}.quiz-management-header h3{font-size:var(--font-size-md)}.quiz-management-header .subtitle{font-size:var(--font-size-xs)}.quiz-info-card{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.quiz-management-tab{font-size:var(--font-size-sm);padding:.5rem .75rem}}.quiz-management .card{background:#fff;width:100%}.hangman-word-list{margin-bottom:var(--spacing-xl)}.hangman-word-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.hangman-word-list-header h4{color:var(--text-color-dark);font-size:var(--font-size-md);margin:0}.hangman-policy-info{background-color:var(--info-color-bg);border-left:3px solid var(--info-color);border-radius:var(--border-radius);color:var(--text-color-dark);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.hangman-policy-info p{align-items:center;display:flex;gap:var(--spacing-sm);margin:0}.hangman-word-filters{margin-bottom:var(--spacing-lg)}.hangman-word-filters .filter-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.hangman-word-filters .search-input{flex:2 1;min-width:200px}.hangman-word-filters .filter-select{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);flex:1 1;min-width:150px;padding:var(--spacing-xs) var(--spacing-sm)}.hangman-words-list{margin-top:var(--spacing-md)}.hangman-word-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.hangman-word-card{background-color:var(--card-bg-color);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all var(--transition-normal)}.hangman-word-card:hover{box-shadow:var(--shadow-md)}.hangman-word-card.inactive{border-left-color:var(--text-muted);opacity:.7}.word-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.word-header h4{color:var(--text-color);font-size:var(--font-size-md);margin:0}.hangman-difficulty-badge{border-radius:12px;display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px}.hangman-difficulty-badge.easy{background-color:var(--success-color-bg);color:var(--success-color)}.hangman-difficulty-badge.medium{background-color:var(--warning-color-bg);color:var(--warning-color)}.hangman-difficulty-badge.hard{background-color:var(--danger-color-bg);color:var(--danger-color)}.word-category{color:var(--primary-color);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.word-category,.word-hint{font-size:var(--font-size-sm)}.word-hint{color:var(--text-muted);font-style:italic;margin-bottom:var(--spacing-sm)}.word-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.hangman-word-modal{animation:modalFadeIn .3s ease;max-height:90vh;max-width:500px;width:90%}.hangman-modal-header{align-items:center;border-bottom:1px solid var(--secondary-color-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.hangman-modal-header h3{color:var(--primary-color-dark);margin:0}.hangman-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.hangman-modal-close:hover{background-color:var(--secondary-color-bg);color:var(--text-color)}.hangman-modal-body{overflow-y:auto;padding:var(--spacing-lg)}.hangman-modal-footer{background-color:var(--secondary-color-bg);border-top:1px solid var(--secondary-color-light);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.hangman-form-group{margin-bottom:var(--spacing-md)}.hangman-form-group label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.hangman-form-group input[type=text],.hangman-form-group select{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);padding:var(--spacing-sm);width:100%}.hangman-form-group.checkbox-group{align-items:center;display:flex;gap:var(--spacing-xs)}.hangman-form-group.checkbox-group label{margin:0}@media (max-width:768px){.hangman-word-filters .filter-row{flex-direction:column}.hangman-word-filters .filter-select,.hangman-word-filters .search-input{width:100%}.hangman-word-cards{grid-template-columns:1fr}.hangman-modal-body{padding:var(--spacing-md)}.hangman-modal-footer{flex-direction:column}.hangman-modal-footer button{width:100%}}@media (max-width:480px){.hangman-word-list-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.hangman-word-list-header h3{margin-bottom:var(--spacing-xs)}.hangman-word-list-header button{width:100%}.hangman-word-card{padding:var(--spacing-sm)}.word-header{align-items:flex-start;flex-direction:column}.word-header h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xxs)}.hangman-difficulty-badge{font-size:10px;margin-top:var(--spacing-xxs);padding:1px 6px}.word-category,.word-hint{font-size:var(--font-size-xs)}.word-actions{align-items:stretch;flex-direction:column;width:100%}.word-actions button{margin-bottom:var(--spacing-xxs);width:100%}.hangman-modal-header h3{font-size:var(--font-size-md)}}@media (max-width:380px){.hangman-word-filters,.hangman-word-list{margin-bottom:var(--spacing-md)}.hangman-word-filters .filter-row{gap:var(--spacing-xs)}.hangman-word-filters .filter-select,.hangman-word-filters .search-input{font-size:var(--font-size-xs);padding:8px 4px}.hangman-word-cards{gap:var(--spacing-sm)}.hangman-word-card{padding:var(--spacing-xs)}.hangman-word-modal{max-width:none;width:98%}.hangman-modal-header{padding:var(--spacing-xs) var(--spacing-sm)}.hangman-modal-header h3{font-size:var(--font-size-base)}.hangman-modal-close{font-size:20px;height:24px;width:24px}.hangman-modal-body{max-height:70vh;padding:var(--spacing-xs)}.hangman-form-group{margin-bottom:var(--spacing-sm)}.hangman-form-group label{font-size:var(--font-size-xs);margin-bottom:2px}.hangman-form-group input[type=text],.hangman-form-group select{font-size:var(--font-size-xs);padding:6px}.new-category-input-container{margin-top:var(--spacing-xs);padding:var(--spacing-xs)}.form-hint{font-size:10px;margin-top:2px}.hangman-modal-footer{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs)}.hangman-modal-footer button{font-size:var(--font-size-xs);width:100%}.empty-data,.loading-container{font-size:var(--font-size-xs);padding:var(--spacing-md)}}.new-category-input-container{background-color:var(--info-color-bg);border:1px solid var(--info-color);border-radius:var(--border-radius);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.new-category-input{margin-bottom:var(--spacing-xs)}.form-hint{color:var(--info-color-dark);display:block;font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-xs)}:root{--hangman-admin-primary:#4e54c8;--hangman-admin-secondary:#8f94fb;--hangman-admin-gradient:linear-gradient(135deg,#8f94fb,#4e54c8);--hangman-admin-card-bg:#ffffffd9;--hangman-admin-shadow:0 8px 32px #1f268726;--hangman-admin-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--hangman-admin-border:1px solid #fff3}.hangman-management{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--hangman-admin-gradient);margin:0 auto;max-width:100%;min-height:100vh;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.hangman-management-header{align-items:flex-start;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.hangman-management-header .header-left{display:flex;flex-direction:column}.hangman-management-header .header-right{display:flex;gap:var(--spacing-sm)}.hangman-management-header h3{color:#fff;display:inline-block;font-size:var(--font-size-lg);margin:0;position:relative}.hangman-management-header h3:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.hangman-management-header .subtitle{color:#fff;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.hangman-content-container{background:#ffffffd9;background:var(--hangman-admin-card-bg);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px #1f268726;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:1400px;padding:var(--spacing-xl);width:100%}.hangman-content-container>*{margin-bottom:var(--spacing-md)}.hangman-content-container>:last-child{margin-bottom:0}.hangman-info-card{background-color:#fff;border-left:4px solid var(--primary-color);margin-bottom:var(--spacing-lg)}.hangman-info-card h3{color:var(--primary-color);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}@media (max-width:768px){.hangman-management{padding:var(--spacing-md) var(--spacing-sm)}.hangman-content-container{padding:var(--spacing-md)}.hangman-management-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.hangman-management-header .header-right{margin-top:var(--spacing-sm);width:100%}.hangman-management-header .header-right button{width:100%}}@media (max-width:480px){.hangman-management{padding:var(--spacing-sm)}.hangman-content-container{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.hangman-management-header h3{font-size:var(--font-size-md)}.hangman-management-header .subtitle{font-size:var(--font-size-xs)}.hangman-info-card{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}}.hangman-management .card{background:#fff;width:100%}.ordering-sequence-form-container{margin:0 auto;max-width:600px;width:100%}.ordering-form-title{color:var(--text-color);margin-bottom:var(--spacing-lg);text-align:center}.ordering-sequence-form{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (max-width:480px){.ordering-form-title{font-size:var(--font-size-base)}.form-actions{flex-direction:column-reverse;gap:var(--spacing-xs)}.form-actions button{width:100%}}@media (max-width:380px){.ordering-sequence-form-container{margin:0;max-width:100%;padding:0;width:100%}.ordering-form-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.ordering-sequence-form{gap:var(--spacing-sm);padding:0 var(--spacing-xs)}.form-row{flex-direction:column;gap:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-xs)}.form-group label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xxs)}.form-select{font-size:var(--font-size-xs);height:36px;padding:.25rem 2rem .25rem .5rem}.new-category-container .form-hint{font-size:calc(var(--font-size-xs) - 1px);margin-top:var(--spacing-xxs);padding:var(--spacing-xxs)}.form-actions{background-color:#fff;background-color:var(--card-bg-color,#fff);border-top:1px solid var(--secondary-color-light);bottom:0;flex-direction:column-reverse;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs);position:-webkit-sticky;position:sticky}.form-actions button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%}.error-message{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}}@media (max-width:450px){.ordering-sequence-form-container{margin:0;max-width:100%;padding:0;width:100%}.ordering-form-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.ordering-sequence-form{gap:var(--spacing-md);padding:0 var(--spacing-sm)}.form-row{flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.form-select{font-size:var(--font-size-sm);height:38px;padding:.35rem 2.2rem .35rem .7rem}.new-category-container .form-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs)}.form-actions{background-color:#fff;background-color:var(--card-bg-color,#fff);border-top:1px solid var(--secondary-color-light);bottom:0;box-shadow:0 -2px 10px #0000001a;flex-direction:column-reverse;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);position:-webkit-sticky;position:sticky}.form-actions button{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);width:100%}}@media (max-width:400px){.ordering-sequence-form-container{margin:0;max-width:100%;padding:0;width:100%}.ordering-form-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.ordering-sequence-form{gap:var(--spacing-sm);padding:0 var(--spacing-xs)}.form-row{flex-direction:column;gap:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-xs)}.form-group label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xxs)}.form-select{font-size:var(--font-size-xs);height:36px;padding:.3rem 2rem .3rem .6rem}.new-category-container .form-hint{font-size:calc(var(--font-size-xs) - 1px);margin-top:var(--spacing-xxs);padding:var(--spacing-xxs)}.form-actions{background-color:#fff;background-color:var(--card-bg-color,#fff);border-top:1px solid var(--secondary-color-light);bottom:0;box-shadow:0 -3px 15px #00000026;flex-direction:column-reverse;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs);position:-webkit-sticky;position:sticky;z-index:10}.form-actions button{font-size:var(--font-size-sm);min-height:44px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.error-message{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}}@media (max-width:600px){.ordering-sequence-form-container{margin:0;max-width:100%;width:100%}.ordering-form-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.ordering-sequence-form{gap:var(--spacing-md);padding:0 var(--spacing-sm)}.form-row{flex-direction:column;gap:var(--spacing-sm)}.form-actions{background-color:#fff;background-color:var(--card-bg-color,#fff);border-top:1px solid var(--secondary-color-light);bottom:0;box-shadow:0 -2px 8px #0000001a;gap:var(--spacing-sm);justify-content:stretch;margin-top:var(--spacing-md);padding:var(--spacing-sm);position:-webkit-sticky;position:sticky}.form-actions button{flex:1 1;min-width:0}}@media (max-width:560px){.ordering-form-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.ordering-sequence-form{gap:var(--spacing-sm);padding:0 var(--spacing-xs)}.form-select{font-size:var(--font-size-sm);height:40px;padding:.4rem 2.3rem .4rem .8rem}.form-actions{background-color:#fff;background-color:var(--card-bg-color,#fff);border-top:1px solid var(--secondary-color-light);bottom:0;box-shadow:0 -3px 12px #0000001f;flex-direction:column-reverse;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);position:-webkit-sticky;position:sticky;z-index:5}.form-actions button{font-size:var(--font-size-base);min-height:42px;padding:var(--spacing-sm) var(--spacing-md);width:100%}}@media (max-width:520px){.ordering-sequence-form-container{margin:0;max-width:100%;padding:0;width:100%}.ordering-form-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.ordering-sequence-form{gap:var(--spacing-sm);padding:0 var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.form-select{font-size:var(--font-size-sm);height:38px;padding:.35rem 2.2rem .35rem .7rem}.new-category-container .form-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs)}.form-actions{background-color:#fff;background-color:var(--card-bg-color,#fff);border-top:1px solid var(--secondary-color-light);bottom:0;box-shadow:0 -4px 16px #00000026;flex-direction:column-reverse;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);position:-webkit-sticky;position:sticky;z-index:10}.form-actions button{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-sm) var(--spacing-md);width:100%}}.ordering-step-form-container{margin:0 auto;max-width:600px;padding:var(--spacing-md);width:100%}.ordering-step-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-modal.ordering-step-form-modal{padding:var(--spacing-md) var(--spacing-lg)}.ordering-step-image-preview{background-color:var(--secondary-color-bg);border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin:var(--spacing-md) 0;overflow:hidden;position:relative;text-align:center;transition:all var(--transition-normal)}.ordering-step-image-preview:hover{box-shadow:var(--shadow-md)}.ordering-step-image-preview label{background-color:var(--primary-color-bg);border-bottom:1px solid var(--primary-color-light);color:var(--primary-color-dark);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:0;padding:var(--spacing-xs) var(--spacing-sm)}.ordering-step-image-preview img{background-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:200px;max-width:100%;object-fit:contain;padding:var(--spacing-sm);transition:transform var(--transition-normal)}.ordering-step-image-preview img:hover{transform:scale(1.02)}.ordering-step-image-preview img.error{display:none}.ordering-step-image-preview.error{background-color:var(--danger-color-bg);border:1px solid var(--danger-color-light)}.ordering-step-image-preview.error:after{color:var(--danger-color);content:"Error al cargar la imagen";display:block;font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-md)}.ordering-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.error-message{animation:fadeIn .3s ease;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md)}.ordering-step-form-hint{background-color:var(--info-color-bg);border-left:2px solid var(--info-color);border-radius:var(--border-radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-xs)}@media (max-width:768px){.ordering-step-form-container{padding:var(--spacing-sm)}.ordering-step-form{gap:var(--spacing-sm)}.ordering-form-actions{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ordering-form-actions button{width:100%}.ordering-step-image-preview{margin:var(--spacing-sm) 0}.ordering-step-image-preview img{max-height:150px}.ordering-step-form-hint{font-size:var(--font-size-xs);padding:var(--spacing-xxs)}}@media (max-width:480px){.ordering-step-form-container{padding:var(--spacing-xs)}.ordering-step-image-preview{margin:var(--spacing-xs) 0}.ordering-step-image-preview label{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs)}.ordering-step-image-preview img{max-height:120px;padding:var(--spacing-xs)}.ordering-step-form-hint{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xxs)}.error-message{margin-bottom:var(--spacing-sm)}.error-message,input,select,textarea{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:380px){.ordering-step-form{gap:var(--spacing-xs)}.ordering-step-image-preview{margin:var(--spacing-xs) 0}.ordering-step-image-preview img{max-height:100px;padding:var(--spacing-xxs)}.ordering-step-image-preview.error:after{font-size:var(--font-size-xxs);padding:var(--spacing-sm)}.ordering-form-actions{gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.ordering-form-actions button{font-size:var(--font-size-xs);padding:calc(var(--spacing-xxs) + 1px) var(--spacing-xs)}.error-message,input,select,textarea{font-size:calc(var(--font-size-xs) - .05rem);padding:var(--spacing-xxs) var(--spacing-xs)}.error-message{margin-bottom:var(--spacing-xs)}.ordering-step-form-hint{font-size:calc(var(--font-size-xs) - .05rem)}}.ordering-step-list{margin:0 auto;max-width:800px;padding:var(--spacing-md);width:100%}.ordering-step-list-header{align-items:center;border-bottom:1px solid var(--secondary-color-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.ordering-step-list-title{align-items:center;display:flex;gap:var(--spacing-md)}.ordering-step-list-title h3{color:var(--primary-color-dark);font-size:var(--font-size-lg);margin:0}.ordering-step-list-title strong{color:var(--text-color);font-weight:var(--font-weight-bold)}.ordering-steps-help{align-items:center;background-color:var(--info-color-bg);border-left:3px solid var(--info-color);border-radius:var(--border-radius);color:var(--text-muted);display:flex;font-size:var(--font-size-sm);font-style:italic;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.ordering-steps-help:before{content:"💡";font-size:1.2em;margin-right:var(--spacing-sm)}.ordering-step-container{margin-top:var(--spacing-md)}.ordering-steps-list{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.ordering-step-item{align-items:stretch;animation:fadeIn .3s ease;background-color:#fff;border:1px solid var(--secondary-color-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:grab;display:flex;gap:var(--spacing-md);margin-bottom:0;padding:var(--spacing-md);position:relative;touch-action:none;transition:all .2s ease,transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.ordering-step-item:hover{border-color:var(--primary-color-light);box-shadow:0 8px 16px #0000001a;transform:translateY(-3px)}.ordering-step-item:active{box-shadow:0 4px 12px #0000001f;cursor:grabbing;transform:scale(1.01)}.ordering-step-item.dragging{background-color:var(--primary-color-bg);border:2px dashed var(--primary-color);box-shadow:0 12px 24px #00000026;opacity:.9;position:relative;transform:scale(1.03) rotate(-.5deg);z-index:100}.ordering-step-item.dragging:after{animation:pulse 1.5s infinite;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.15));border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.ordering-steps-list.droppable .drop-indicator{animation:scaleIn .3s ease;background-color:var(--primary-color);border-radius:3px;height:3px;margin:0;position:relative;transition:all .2s ease;width:100%}@keyframes scaleIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.ordering-step-item.inactive{background-color:var(--secondary-color-bg);border-style:dashed;opacity:.7}.ordering-step-number{align-items:center;background-color:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;flex-shrink:0;font-weight:var(--font-weight-bold);height:32px;justify-content:center;min-width:32px;transition:transform .2s ease,background-color .2s ease}.dragging .ordering-step-number{background-color:var(--primary-color-dark);transform:scale(1.1)}.ordering-step-content{align-items:center;display:flex;flex-grow:1;gap:var(--spacing-md);min-width:0;transition:all .2s ease}.ordering-step-image{background-color:var(--secondary-color-bg);border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:80px}.ordering-step-image:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:1}.ordering-step-item:hover .ordering-step-image{box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.ordering-step-item:hover .ordering-step-image:before{opacity:1}.ordering-step-image img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.ordering-step-item.moving-up{animation:moveUpEffect .5s ease forwards}.ordering-step-item.moving-down{animation:moveDownEffect .5s ease forwards}@keyframes moveUpEffect{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes moveDownEffect{0%{transform:translateY(0)}25%{transform:translateY(10px)}50%{transform:translateY(5px)}to{transform:translateY(0)}}.error-message{border-left:3px solid var(--danger-color);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.ordering-step-status{border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:.15rem .4rem;position:absolute;right:8px;top:8px}.ordering-step-status.active{background-color:var(--success-color-bg);color:var(--success-color)}.ordering-step-status.inactive{background-color:var(--danger-color-bg);color:var(--danger-color)}@media (max-width:768px){.ordering-step-list-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.ordering-step-item{padding:var(--spacing-sm)}.ordering-step-content,.ordering-step-item{align-items:flex-start;flex-direction:column}.ordering-step-content{gap:var(--spacing-sm);width:100%}.ordering-step-image{aspect-ratio:16/9;height:auto;width:100%}.ordering-step-actions{align-self:flex-end;justify-content:flex-end;margin-top:var(--spacing-sm);width:100%}.ordering-steps-help{font-size:var(--font-size-sm)}.ordering-steps-list{gap:var(--spacing-sm)}.ordering-step-item{cursor:move;cursor:grab;touch-action:pan-y}.ordering-step-item:active{cursor:move;cursor:grabbing}.ordering-step-image{height:70px;margin-right:0;width:70px}.ordering-step-actions button{min-height:44px;padding:10px 14px}}@media (max-width:480px){.ordering-step-list{padding:var(--spacing-sm)}.ordering-step-list-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.ordering-step-list-title{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.ordering-step-list-title h3{font-size:var(--font-size-md)}.ordering-steps-help{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.ordering-step-item,.ordering-steps-help{margin-bottom:var(--spacing-sm)}.ordering-step-number{font-size:var(--font-size-xs);height:24px;width:24px}.ordering-step-text{font-size:var(--font-size-sm)}.ordering-step-actions{flex-direction:column;width:100%}.ordering-step-actions button{width:100%}.empty-data{padding:var(--spacing-lg) var(--spacing-sm)}.empty-data,.error-message{font-size:var(--font-size-sm)}.error-message{margin:var(--spacing-sm) 0;padding:var(--spacing-sm)}.ordering-steps-list{gap:var(--spacing-xs)}.ordering-steps-help:before{content:"💡";font-size:1em}}@media (max-width:380px){.ordering-step-list{padding:var(--spacing-xs)}.ordering-step-list-title h3{font-size:var(--font-size-base)}.ordering-step-item{padding:var(--spacing-xs)}.ordering-step-image{height:120px}.ordering-step-text{font-size:var(--font-size-xs)}.loading-spinner{height:30px;width:30px}.loading-container{font-size:var(--font-size-xs);padding:var(--spacing-lg)}.ordering-steps-help{font-size:calc(var(--font-size-xs) - 1px)}.ordering-steps-list{gap:calc(var(--spacing-xs) - 2px)}.ordering-step-item{padding:var(--spacing-xxs) var(--spacing-xs)}.ordering-step-number{font-size:calc(var(--font-size-xxs) + 1px);height:22px;width:22px}.ordering-steps-help{margin-bottom:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs)}.empty-data,.ordering-steps-help{font-size:calc(var(--font-size-xs) - .05rem)}.empty-data{padding:var(--spacing-md) var(--spacing-xs)}.ordering-step-status{font-size:calc(var(--font-size-xxs) + 1px);padding:.1rem .3rem;right:5px;top:5px}}.ordering-sequences{width:100%}.ordering-sequences-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.ordering-sequences-header h4{color:var(--text-color-dark);font-size:var(--font-size-md);margin:0}.ordering-filter-section{background-color:var(--secondary-color-bg);background-color:var(--color-bg-light,var(--secondary-color-bg));border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.ordering-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.ordering-filter-select{-webkit-appearance:auto;appearance:auto;background-color:#fff;border:1px solid var(--border-color,var(--secondary-color-light));border-radius:var(--border-radius);color:var(--text-color);font-size:var(--font-size-base);min-width:180px;padding:.65rem 1rem}.ordering-filter-actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.ordering-sequences-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.ordering-sequence-card{background-color:#fff;border:1px solid var(--border-color,var(--secondary-color-light));border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-lg);position:relative;transition:all .2s ease}.ordering-sequence-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ordering-sequence-card--inactive{opacity:.7}.ordering-sequence-status{border-radius:1rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:.25rem .5rem;position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.ordering-sequence-status.active{background-color:var(--success-color-bg);color:var(--success-color)}.ordering-sequence-status.inactive{background-color:var(--danger-color-bg);color:var(--danger-color)}.ordering-sequence-name{color:var(--primary-color-dark);font-size:var(--font-size-md);margin:var(--spacing-xs) 0 var(--spacing-md);padding-right:50px}.ordering-sequence-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-size:var(--font-size-sm);height:2.8rem;margin:0 0 var(--spacing-md);overflow:hidden}.ordering-sequence-stats{color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-xxs);margin-bottom:var(--spacing-md)}.ordering-difficulty-badge{border-radius:var(--border-radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:.15rem .4rem}.ordering-difficulty-badge.easy{background-color:var(--success-color-bg);color:var(--success-color)}.ordering-difficulty-badge.medium{background-color:var(--warning-color-bg);color:var(--warning-color)}.ordering-difficulty-badge.hard{background-color:var(--danger-color-bg);color:var(--danger-color)}.ordering-sequence-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.ordering-policy-info{background-color:var(--info-color-bg);border-left:3px solid var(--info-color);border-radius:var(--border-radius);color:var(--text-color-dark);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.ordering-policy-info p{align-items:center;display:flex;gap:var(--spacing-sm);margin:0}.admin-modal-overlay{align-items:flex-start;animation:fadeIn .2s ease;background-color:#0009;z-index:var(--z-index-modal-backdrop)}.admin-modal{-webkit-overflow-scrolling:touch;animation:modalSlideUp .3s ease;background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);box-sizing:border-box;margin:var(--spacing-md) auto;max-height:calc(100vh - var(--spacing-md)*2);max-width:95%;min-height:-webkit-min-content;min-height:min-content;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-lg)}.admin-modal.ordering-sequence-modal{max-height:calc(100vh - var(--spacing-md)*2);max-width:800px;width:90%}.admin-modal.ordering-steps-modal{max-height:calc(100vh - var(--spacing-md)*2);max-width:900px;width:95%}.admin-modal.ordering-step-form-modal{max-height:calc(100vh - var(--spacing-md)*2);max-width:600px;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-modal h3{border-bottom:1px solid var(--secondary-color-light);color:var(--primary-color-dark);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);margin-top:0;padding-bottom:var(--spacing-sm)}@media (max-width:768px){.ordering-sequences-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.ordering-sequences-header button{width:100%}.ordering-filters{align-items:flex-start;flex-direction:column;width:100%}.ordering-filter-select{width:100%}.ordering-filter-actions{justify-content:space-between;margin:var(--spacing-xs) 0;width:100%}.ordering-filter-actions button{flex:1 1}.ordering-sequences-grid{gap:var(--spacing-md);grid-template-columns:1fr}.admin-modal-overlay{align-items:flex-start;padding:var(--spacing-sm);padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.admin-modal{border-radius:var(--border-radius);margin:auto;max-height:85vh;padding:var(--spacing-md);width:95%}.admin-modal.ordering-sequence-modal{max-height:85vh;max-width:95%;width:95%}.admin-modal h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}}@media (max-width:480px){.ordering-sequences-header h4{font-size:var(--font-size-md)}.ordering-filter-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.ordering-filter-select{font-size:var(--font-size-sm);padding:.5rem .7rem}.ordering-sequence-card{padding:var(--spacing-md)}.ordering-sequence-name{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.ordering-sequence-description{font-size:var(--font-size-xs);height:2.5rem}.ordering-sequence-stats{font-size:var(--font-size-xs)}.ordering-sequence-actions{flex-direction:column}.ordering-sequence-actions button{width:100%}.ordering-policy-info{font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.info-icon{font-size:var(--font-size-base)}.admin-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:var(--spacing-xs);padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.admin-modal{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-sm);margin:auto;max-height:80vh;padding:var(--spacing-sm)}.admin-modal.ordering-sequence-modal{max-height:80vh;max-width:98%;width:98%}.admin-modal h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}}@media (max-width:380px){.ordering-sequences-header h4{font-size:var(--font-size-base)}.ordering-filter-section{padding:var(--spacing-xs)}.ordering-filter-select{font-size:var(--font-size-xs);min-width:100%;padding:.4rem .5rem}.ordering-sequence-card{border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.ordering-sequence-status{font-size:calc(var(--font-size-xs) - 1px);padding:.2rem .4rem;right:var(--spacing-sm);top:var(--spacing-sm)}.ordering-sequence-name{font-size:var(--font-size-sm);padding-right:30px}.ordering-sequence-description{-webkit-line-clamp:2;line-clamp:2;font-size:calc(var(--font-size-xs) - 1px);height:2.2rem}.ordering-difficulty-badge{font-size:calc(var(--font-size-xxs) + 1px);padding:.1rem .3rem}.ordering-policy-info{font-size:calc(var(--font-size-xs) - 1px);padding:var(--spacing-xxs) var(--spacing-xs)}.info-icon{font-size:var(--font-size-sm)}.admin-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;bottom:0;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;position:fixed;right:0;top:0}.admin-modal{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-sm);padding-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}.admin-modal,.admin-modal.ordering-sequence-modal,.admin-modal.ordering-steps-modal{border-radius:0;max-height:none;max-width:100vw;min-height:100vh;width:100vw}.admin-modal h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);margin-top:0;padding-bottom:var(--spacing-xs)}}@media (max-width:768px) and (max-height:500px) and (orientation:landscape){.admin-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;padding:var(--spacing-xs);padding-bottom:var(--spacing-xxs);padding-top:var(--spacing-xxs)}.admin-modal{-webkit-overflow-scrolling:touch;margin:auto;max-height:90vh;padding:var(--spacing-sm)}.admin-modal.ordering-sequence-modal{max-height:90vh;max-width:95%;width:95%}.admin-modal h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xxs)}}@media (max-width:500px) and (max-height:600px){.admin-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;bottom:0;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;position:fixed;right:0;top:0}.admin-modal{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-xs);padding-bottom:var(--spacing-md);padding-top:var(--spacing-sm)}.admin-modal,.admin-modal.ordering-sequence-modal{border-radius:0;max-height:none;max-width:100vw;min-height:100vh;width:100vw}.admin-modal h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);margin-top:0;padding-bottom:var(--spacing-xxs)}}@media (max-width:450px){.ordering-sequences-header h4{font-size:var(--font-size-md)}.ordering-filter-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.ordering-filter-select{font-size:var(--font-size-sm);padding:.45rem .65rem}.ordering-sequence-card{padding:var(--spacing-md)}.admin-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0}.admin-modal{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-sm);padding-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}.admin-modal,.admin-modal.ordering-sequence-modal{border-radius:0;max-height:none;max-width:100vw;min-height:100vh;width:100vw}.admin-modal h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);margin-top:0;padding-bottom:var(--spacing-xs)}}@media (max-width:400px){.ordering-sequences-header h4{font-size:var(--font-size-base)}.ordering-filter-section{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs)}.ordering-filter-select{font-size:var(--font-size-xs);min-width:100%;padding:.4rem .5rem}.ordering-sequence-card{padding:var(--spacing-sm)}.admin-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;bottom:0;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;position:fixed;right:0;top:0}.admin-modal{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-sm);padding-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}.admin-modal,.admin-modal.ordering-sequence-modal{border-radius:0;max-height:none;max-width:100vw;min-height:100vh;width:100vw}.admin-modal h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);margin-top:0;padding-bottom:var(--spacing-xs)}}@media (max-width:900px){.admin-modal{max-height:calc(100vh - var(--spacing-lg));max-width:90%;padding:var(--spacing-md)}.admin-modal.ordering-sequence-modal{max-width:95%;width:95%}}@media (max-width:600px){.ordering-sequences-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.ordering-sequences-header button{width:100%}.ordering-filters{align-items:flex-start;flex-direction:column;width:100%}.ordering-filter-select{width:100%}.ordering-sequences-grid{gap:var(--spacing-md);grid-template-columns:1fr}.admin-modal-overlay{align-items:flex-start;padding:var(--spacing-sm)}.admin-modal{padding:var(--spacing-md)}.admin-modal,.admin-modal.ordering-sequence-modal{max-height:calc(100vh - var(--spacing-md));max-width:98%;width:98%}}@media (max-width:560px){.ordering-filter-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.ordering-filter-actions{justify-content:space-between;margin:var(--spacing-xs) 0;width:100%}.ordering-filter-actions button{flex:1 1}.admin-modal-overlay{align-items:flex-start;padding:var(--spacing-xs)}.admin-modal{border-radius:var(--border-radius);padding:var(--spacing-sm)}.admin-modal,.admin-modal.ordering-sequence-modal{max-height:calc(100vh - var(--spacing-xs));max-width:100%;width:100%}}@media (max-width:520px){.ordering-sequence-card{padding:var(--spacing-md)}.ordering-sequence-name{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.ordering-sequence-description{font-size:var(--font-size-xs);height:2.5rem}.admin-modal-overlay{align-items:flex-start;padding:0}.admin-modal{margin:0;padding:var(--spacing-sm)}.admin-modal,.admin-modal.ordering-sequence-modal{border-radius:0;max-height:none;max-width:100vw;min-height:100vh;width:100vw}}:root{--ordering-admin-primary:#4e54c8;--ordering-admin-secondary:#8f94fb;--ordering-admin-gradient:linear-gradient(135deg,#8f94fb,#4e54c8);--ordering-admin-card-bg:#ffffffd9;--ordering-admin-shadow:0 8px 32px #1f268726;--ordering-admin-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--ordering-admin-border:1px solid #fff3}.ordering-management{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--ordering-admin-gradient);margin:0 auto;max-width:100%;min-height:100vh;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.ordering-management-header{align-items:flex-start;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.ordering-management-header .header-left{display:flex;flex-direction:column}.ordering-management-header .header-right{display:flex;gap:var(--spacing-sm)}.ordering-management-header h3{color:#fff;display:inline-block;font-size:var(--font-size-lg);margin:0;position:relative}.ordering-management-header h3:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.ordering-management-header .subtitle{color:#fff;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.ordering-content-container{background:#ffffffd9;background:var(--ordering-admin-card-bg);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px #1f268726;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:1400px;padding:var(--spacing-xl);width:100%}.ordering-content-container>*{margin-bottom:var(--spacing-md)}.ordering-content-container>:last-child{margin-bottom:0}.ordering-info-card{background-color:#fff;border-left:4px solid var(--primary-color);margin-bottom:var(--spacing-lg)}.ordering-info-card h3{color:var(--primary-color);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.ordering-management-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--secondary-color-light);display:flex;margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:1px;scrollbar-color:var(--secondary-color) var(--card-bg-color);scrollbar-width:thin}.ordering-management-tab{border-bottom:3px solid #0000;cursor:pointer;margin-right:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .3s ease;white-space:nowrap}.ordering-management-tab.active{border-bottom:3px solid var(--primary-color);color:var(--primary-color);font-weight:var(--font-weight-semibold)}.ordering-management-tab:hover:not(.active){background-color:var(--secondary-color-bg);color:var(--primary-color-dark)}.ordering-management-content{padding:var(--spacing-md) 0}@media (max-width:768px){.ordering-management{padding:var(--spacing-md) var(--spacing-sm)}.ordering-content-container{padding:var(--spacing-md)}.ordering-management-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.ordering-management-header .header-right{margin-top:var(--spacing-sm);width:100%}.ordering-management-header .header-right button{width:100%}.ordering-management-tab{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.ordering-management{padding:var(--spacing-sm)}.ordering-content-container{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.ordering-management-header h3{font-size:var(--font-size-md)}.ordering-management-header .subtitle{font-size:var(--font-size-xs)}.ordering-info-card{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.ordering-management-tab{font-size:var(--font-size-sm);padding:.5rem .75rem}}.ordering-management .card{background:#fff;width:100%}.file-input-wrapper{margin-bottom:var(--spacing-md);width:100%}.file-input-container{display:flex;gap:var(--spacing-xs);position:relative;width:100%}.file-input-container .input-field{flex:1 1}.file-input-actions{align-items:center;display:flex}@media (max-width:480px){.file-input-container{flex-direction:column;gap:var(--spacing-xs)}.file-input-actions,.file-input-actions button{width:100%}}.memory-card-form-container{margin:0 auto;max-width:600px;width:100%}.memory-form-title{color:var(--text-color);margin-bottom:var(--spacing-lg);text-align:center}.memory-card-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.new-category-container{position:relative}.new-category-container .form-hint{background-color:var(--info-color-bg);border:1px solid var(--info-color);border-radius:var(--border-radius);color:var(--info-color-dark);display:block;font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-xs);padding:var(--spacing-xs)}select option[value=NEW_CATEGORY]{background-color:var(--success-color-bg);color:var(--success-color-dark);font-weight:var(--font-weight-medium)}.form-row{display:flex;gap:1rem;width:100%}.form-group{flex:1 1;min-width:0}.form-group.full-width{width:100%}.form-group label{color:var(--text-color-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-select{-webkit-appearance:auto;appearance:auto;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);color:var(--text-color);font-size:var(--font-size-base);height:38px;padding:.375rem 2.5em .375rem 1rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-select:focus{border-color:var(--text-color);box-shadow:0 0 0 1px var(--text-color);outline:none}.form-select.is-invalid{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23dc3545%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27%3E%3C/circle%3E%3Cline x1=%2712%27 y1=%278%27 x2=%2712%27 y2=%2712%27%3E%3C/line%3E%3Cline x1=%2712%27 y1=%2716%27 x2=%2712.01%27 y2=%2716%27%3E%3C/line%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:var(--danger-color)}.invalid-feedback{color:var(--danger-color);display:block;font-size:var(--font-size-xs);margin-top:.25rem;width:100%}.checkbox-group{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-xs)}.checkbox-input{height:18px;width:18px}.checkbox-input,.checkbox-label{cursor:pointer;margin:0}.image-preview-container{margin-bottom:1rem;width:100%}.image-preview{align-items:center;background-color:var(--secondary-color-bg);border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);display:flex;justify-content:center;max-height:200px;overflow:hidden}.image-preview img{max-height:200px;max-width:100%;object-fit:contain}.image-preview.loading{background-color:var(--secondary-color-bg)}.image-upload-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.spinner{border:4px solid #0000001a;border-left:4px solid var(--text-color);height:36px;width:36px}.error-message{font-size:var(--font-size-sm)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}@media (max-width:768px){.form-row{flex-direction:column;gap:.75rem}}@media (max-width:480px){.memory-form-title{font-size:var(--font-size-base)}.form-actions{flex-direction:column-reverse;gap:var(--spacing-xs)}.form-actions button{width:100%}.image-preview{height:150px}.spinner{height:26px;width:26px}}.memory-cards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.memory-cards-header h4{color:var(--text-color-dark);font-size:var(--font-size-md);margin:0}.memory-policy-info{background-color:var(--info-color-bg);border-left:3px solid var(--info-color);border-radius:var(--border-radius);color:var(--text-color-dark);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.memory-policy-info p{align-items:center;display:flex;gap:var(--spacing-sm);margin:0}.info-icon{font-size:var(--font-size-md)}.memory-filter-section{background-color:var(--secondary-color-bg);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.memory-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.memory-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--secondary-color-light);border-radius:var(--border-radius);color:var(--text-color);font-size:var(--font-size-base);min-width:150px;padding:.65rem 2.5em .65rem 1rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.memory-filter-select::-ms-expand{display:none}.memory-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.memory-filter-actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.memory-cards-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.memory-card-item{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.memory-card-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.memory-card-item--inactive{background-color:var(--secondary-color-bg);border:1px dashed var(--secondary-color);opacity:.7}.memory-card-status{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:.25rem .5rem;position:absolute;right:10px;top:10px;z-index:1}.memory-card-status.active{background-color:var(--success-color);color:#fff}.memory-card-status.inactive{background-color:var(--danger-color);color:#fff}.memory-card-image{background-color:var(--secondary-color-light);overflow:hidden;padding-top:75%;position:relative;width:100%}.memory-card-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.memory-card-image img:hover{transform:scale(1.05)}.memory-card-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-sm)}.memory-card-title{color:var(--text-color-dark);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--spacing-xs);margin-top:0}.memory-card-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.memory-difficulty-badge{border-radius:var(--border-radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:.15rem .4rem}.memory-difficulty-badge.easy{background-color:var(--success-color-bg);color:var(--success-color)}.memory-difficulty-badge.medium{background-color:var(--warning-color-bg);color:var(--warning-color)}.memory-difficulty-badge.hard{background-color:var(--danger-color-bg);color:var(--danger-color)}.memory-card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.empty-data{background-color:var(--secondary-color-bg);border-radius:var(--border-radius);font-style:italic;grid-column:1/-1;padding:var(--spacing-xl)}.empty-data,.loading-container{color:var(--text-muted);text-align:center}.memory-pagination{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.memory-pagination-info{color:var(--text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.memory-filters{align-items:stretch;flex-direction:column}.memory-filter-actions{flex-direction:row;justify-content:space-between;margin-left:0;width:100%}.memory-filter-actions button{width:48%}.memory-cards-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.memory-card-title{font-size:var(--font-size-sm)}}@media (max-width:480px){.memory-cards-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.memory-cards-header button{width:100%}.memory-policy-info{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.info-icon{font-size:var(--font-size-base)}.memory-cards-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.memory-pagination{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:380px){.memory-policy-info{font-size:calc(var(--font-size-xs) - .05rem);padding:var(--spacing-xxs) var(--spacing-xs)}.info-icon{font-size:var(--font-size-sm)}.memory-card-status{font-size:calc(var(--font-size-xs) - .05rem);padding:.15rem .3rem;right:5px;top:5px}.memory-card-title{font-size:var(--font-size-xs)}}.modal-overlay{align-items:center!important;background-color:#000000b3!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.modal-content{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:20px auto;max-height:85vh;max-width:800px;overflow-y:auto!important;padding:var(--spacing-lg);position:relative;width:95%}.modal-close{align-items:center;background:var(--secondary-color-light);border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;line-height:1;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all .2s ease;width:30px;z-index:10}.modal-close:hover{background:var(--secondary-color);color:#fff}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{max-height:80vh;padding:var(--spacing-md);width:95%}}@media (max-width:480px){.modal-content{border-radius:var(--border-radius);margin:var(--spacing-xs);max-height:75vh;padding:var(--spacing-sm);width:100%}.modal-overlay{align-items:flex-start!important;padding:var(--spacing-xs)!important;padding-top:50px!important}}.memory-cards{width:100%}.success-message{background-color:var(--success-color-bg);border-left:4px solid var(--success-color);border-radius:var(--border-radius);color:var(--success-color);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}:root{--memory-admin-primary:#4e54c8;--memory-admin-secondary:#8f94fb;--memory-admin-gradient:linear-gradient(135deg,#8f94fb,#4e54c8);--memory-admin-card-bg:#ffffffd9;--memory-admin-shadow:0 8px 32px #1f268726;--memory-admin-backdrop-filter:blur(7px);--memory-admin-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--memory-admin-border:1px solid #fff3;--memory-admin-button-shadow:0 4px 15px #4e54c833;--memory-admin-button-shadow-hover:0 6px 20px #4e54c866}.memory-management{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--memory-admin-gradient);margin:0 auto;max-width:100%;min-height:100vh;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.memory-management-header{align-items:flex-start;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.memory-management-header .header-left{display:flex;flex-direction:column}.memory-management-header .header-right{display:flex;gap:var(--spacing-sm)}.memory-management-header h3{color:#fff;display:inline-block;font-size:var(--font-size-lg);margin:0;position:relative}.memory-management-header h3:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.memory-management-actions{display:flex;gap:var(--spacing-sm)}.memory-management-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--secondary-color-light);display:flex;margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:1px;scrollbar-color:var(--secondary-color) var(--card-bg-color);scrollbar-width:thin}.memory-management-tab{border-bottom:3px solid #0000;cursor:pointer;margin-right:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .3s ease;white-space:nowrap}.memory-management-tab.active{border-bottom:3px solid var(--primary-color);color:var(--primary-color);font-weight:var(--font-weight-semibold)}.memory-management-tab:hover:not(.active){background-color:var(--secondary-color-bg);color:var(--primary-color-dark)}.memory-management-content{padding:var(--spacing-md) 0}.memory-management button{overflow:hidden;position:relative;transition:all .3s ease}.memory-management button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.memory-management button:hover:before{left:100%}.memory-management button.primary{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--memory-admin-gradient);border:none;box-shadow:0 4px 15px #4e54c833;box-shadow:var(--memory-admin-button-shadow);color:#fff}.memory-management button.primary:hover{box-shadow:0 6px 20px #4e54c866;box-shadow:var(--memory-admin-button-shadow-hover);transform:translateY(-3px)}.memory-management button.primary:active{transform:translateY(-1px)}.memory-management button.secondary{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff3;border:1px solid #fff3;border:var(--memory-admin-border);box-shadow:0 4px 15px #4e54c833;box-shadow:var(--memory-admin-button-shadow);color:var(--text-color-dark)}.memory-management button.secondary:hover{background:#ffffff4d;box-shadow:0 6px 20px #4e54c866;box-shadow:var(--memory-admin-button-shadow-hover);transform:translateY(-3px)}.memory-management button.secondary:active{transform:translateY(-1px)}.memory-management .card button{align-items:center;border-radius:8px;display:inline-flex;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:.6rem 1.2rem}.memory-management button span,.memory-management button svg{align-items:center;display:inline-flex;justify-content:center;position:relative;z-index:2}@media (max-width:768px){.memory-management{padding:var(--spacing-md) var(--spacing-sm)}.memory-content-container{padding:var(--spacing-md)}.memory-management-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.memory-management-header .header-right{margin-top:var(--spacing-sm);width:100%}.memory-management-header .header-right button{width:100%}.memory-management-actions{margin-bottom:var(--spacing-xs)}.memory-management-tab{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.memory-management{padding:var(--spacing-sm)}.memory-content-container{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.memory-management-header h3{font-size:var(--font-size-md)}.memory-management-header .subtitle{font-size:var(--font-size-xs)}.memory-info-card{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.memory-management-tab{font-size:var(--font-size-sm);padding:var(--spacing-xxs) var(--spacing-xs)}.memory-management-content{padding:var(--spacing-sm) 0}}@media (max-width:380px){.memory-content-container,.memory-management{padding:var(--spacing-xs)}.memory-info-card h3,.memory-management-header h3{font-size:var(--font-size-base)}.memory-info-card p{font-size:var(--font-size-xs)}.memory-info-card{padding:var(--spacing-xs)}.memory-management-tab{font-size:var(--font-size-xs)}}.memory-management-header .subtitle{color:#fff;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.memory-info-card{background-color:#fff;border-left:4px solid var(--primary-color);margin-bottom:var(--spacing-lg)}.memory-info-card h3{color:var(--primary-color);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.memory-content-container{background:#ffffffd9;background:var(--memory-admin-card-bg);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px #1f268726;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:1400px;padding:var(--spacing-xl);width:100%}.memory-content-container>*{margin-bottom:var(--spacing-md)}.memory-content-container>:last-child{margin-bottom:0}.memory-content-container .card{border:none;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden}.error-message{background-color:var(--danger-color-bg);border-left:4px solid var(--danger-color);color:var(--danger-color);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.error-message,.loading-container{border-radius:var(--border-radius)}.loading-container{align-items:center;background-color:var(--card-bg-color);display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-md) 0;min-height:200px;padding:var(--spacing-xl)}.loading-container p{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--spacing-md) 0 0}.loading-spinner{border-top:4px solid var(--secondary-color-light);border:4px solid var(--secondary-color-light)}:root{--finance-item-primary:#4e54c8;--finance-item-secondary:#8f94fb;--finance-item-gradient:linear-gradient(135deg,#8f94fb,#4e54c8);--finance-item-card-bg:#ffffffd9;--finance-item-shadow:0 8px 32px #1f268726;--finance-item-backdrop-filter:blur(7px);--finance-item-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--finance-item-border:1px solid #fff3;--finance-item-text-dark:#2a2e5d}.modern-finance-item-list{position:relative;width:100%;z-index:1}.modern-list-header{animation:slideInDown .6s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--finance-item-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-item-backdrop-filter);background:#ffffffd9;background:var(--finance-item-card-bg);border:1px solid #fff3;border:var(--finance-item-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-item-shadow);margin-bottom:var(--spacing-lg);overflow:hidden}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.header-text h2,.header-text h3{align-items:center;color:#2a2e5d;color:var(--finance-item-text-dark);display:flex;font-size:var(--font-size-lg);font-weight:700;gap:var(--spacing-sm);margin:0 0 var(--spacing-xs) 0}.header-text p{color:#fff;font-size:var(--font-size-sm);margin:0;opacity:.8}.create-btn{align-items:center;background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--finance-item-gradient);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 15px #4e54c84d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--finance-item-transition)}.create-btn:hover{box-shadow:0 8px 25px #4e54c866;transform:translateY(-2px)}.finance-filters-section{animation:slideInUp .6s ease-out .1s both;backdrop-filter:blur(7px);backdrop-filter:var(--finance-item-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-item-backdrop-filter);background:#ffffffd9;background:var(--finance-item-card-bg);border:1px solid #fff3;border:var(--finance-item-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-item-shadow);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.finance-filters-section .filters-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group,.filter-label{gap:var(--spacing-xs)}.filter-label{align-items:center;color:#2a2e5d;color:var(--finance-item-text-dark);display:flex;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.filter-icon{font-size:1.1rem}.filter-input,.filter-select{background-color:#fff;border:1px solid #4e54c833;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--finance-item-transition);width:100%}.filter-input:focus,.filter-select:focus{border-color:#4e54c8;border-color:var(--finance-item-primary);box-shadow:0 0 0 2px #4e54c833;outline:none}.filter-input::placeholder{color:#2a2e5d80}.finance-policy-info{animation:slideInUp .6s ease-out .15s both;background:#3498db1a;border-left:4px solid #3498db;border-left:4px solid var(--trivia-list-info,#3498db);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.finance-policy-info p{align-items:flex-start;color:#2a2e5d;color:var(--finance-item-text-dark);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);line-height:1.6;margin:0}.finance-policy-info .info-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.modern-filters-panel{animation:slideInUp .6s ease-out .1s both;backdrop-filter:blur(7px);backdrop-filter:var(--finance-item-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-item-backdrop-filter);background:#ffffffd9;background:var(--finance-item-card-bg);border:1px solid #fff3;border:var(--finance-item-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-item-shadow);margin-bottom:var(--spacing-lg);overflow:hidden}.filters-header{align-items:center;border-bottom:1px solid #4e54c81a;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.filters-header h4{color:#2a2e5d;color:var(--finance-item-text-dark);font-size:var(--font-size-md);font-weight:600;margin:0}.clear-filters-btn{background:#4e54c81a;border:none;border-radius:var(--border-radius-md);color:#4e54c8;color:var(--finance-item-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--finance-item-transition)}.clear-filters-btn:hover{background:#4e54c833}.filters-content{padding:var(--spacing-lg)}.modern-filters-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modern-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modern-filter-label{align-items:center;display:flex;font-weight:600;gap:var(--spacing-xs)}.modern-filter-input,.modern-filter-label,.modern-filter-select{color:#2a2e5d;color:var(--finance-item-text-dark);font-size:var(--font-size-sm)}.modern-filter-input,.modern-filter-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:var(--border-radius-sm);padding:var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--finance-item-transition)}.modern-filter-input:focus,.modern-filter-select:focus{background:#fffc;border-color:#4e54c8;border-color:var(--finance-item-primary);box-shadow:0 0 0 3px #4e54c81a;outline:none}.modern-stats-summary{animation:slideInUp .6s ease-out .2s both;backdrop-filter:blur(7px);backdrop-filter:var(--finance-item-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-item-backdrop-filter);background:#ffffffd9;background:var(--finance-item-card-bg);border:1px solid #fff3;border:var(--finance-item-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-item-shadow);margin-bottom:var(--spacing-lg);overflow:hidden}.stats-header{background:#ffffff1a;border-bottom:1px solid #fff3;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.stats-header,.stats-header h4{align-items:center;display:flex}.stats-header h4{color:#2a2e5d;color:var(--finance-item-text-dark);font-weight:600;gap:var(--spacing-sm);margin:0}.refreshing-indicator{align-items:center;color:#4e54c8;color:var(--finance-item-primary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.refresh-spinner{animation:spin 1s linear infinite;border:2px solid #4e54c833;border-left-color:#4e54c8;border-left:2px solid var(--finance-item-primary);border-radius:50%;height:16px;width:16px}.modern-stats-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:var(--spacing-lg)}.stat-card{background:#ffffff80;border:1px solid #ffffff4d;border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--finance-item-transition)}.stat-card:hover{background:#ffffffb3;box-shadow:0 8px 25px #1f268726;transform:translateY(-2px)}.stat-card .stat-icon{display:block;font-size:1.5rem;margin-bottom:var(--spacing-xs)}.stat-card .stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-card .stat-number{color:#4e54c8;color:var(--finance-item-primary);font-size:var(--font-size-lg);font-weight:700;line-height:1}.stat-card .stat-label{color:#2a2e5d;color:var(--finance-item-text-dark);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.stat-card.total .stat-icon{color:#6366f1}.stat-card.active .stat-icon{color:#10b981}.stat-card.inactive .stat-icon{color:#f59e0b}.modern-item-card{animation:slideInUp .6s ease-out;backdrop-filter:blur(7px);backdrop-filter:var(--finance-item-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-item-backdrop-filter);background:#ffffffd9;background:var(--finance-item-card-bg);border:1px solid #fff3;border:var(--finance-item-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-item-shadow);display:flex;flex-direction:column;height:calc(100% - var(--spacing-md));margin-bottom:var(--spacing-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--finance-item-transition)}.modern-item-card:before{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--finance-item-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.modern-item-card:hover{box-shadow:0 16px 48px #1f268740;transform:translateY(-6px)}.modern-item-card:hover:before{transform:scaleX(1)}.modern-item-card.inactive-card{filter:grayscale(.4);opacity:.7}.modern-item-card.inactive-card:before{background:linear-gradient(135deg,#e74c3c,#c0392b)}.item-card-header{align-items:center;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-bottom:1px solid #ffffff26;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-xs) var(--spacing-lg);position:relative}.item-card-header:after{bottom:0;content:"";height:1px;left:var(--spacing-lg);opacity:.3;position:absolute;right:var(--spacing-lg)}.item-card-header:after,.item-icon{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--finance-item-gradient)}.item-icon{align-items:center;border-radius:var(--border-radius-lg);box-shadow:0 6px 20px #4e54c866;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px}.item-icon:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.modern-item-card:hover .item-icon:before{animation:shimmer 1.5s ease-in-out;opacity:1}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.item-title-section{flex:1 1;min-width:0}.item-title{color:#2a2e5d;color:var(--finance-item-text-dark);font-size:var(--font-size-md);font-weight:700;line-height:1.2;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0000001a;white-space:nowrap}.item-badge{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid;border-radius:var(--border-radius-lg);display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-xs);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.item-badge.necessity{background:#10b98126;border-color:#10b9814d;color:#059669}.item-badge.desire{background:#f9731626;border-color:#f973164d;color:#ea580c}.item-badge.compra_innecesaria{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.item-badge.trivia{background:#6366f11a;border:1px solid #6366f14d;color:#6366f1}.item-status{align-items:center;display:flex;justify-content:center}.status-indicator{background:#fff3;border:2px solid;border-radius:50%;font-size:1.5rem;padding:var(--spacing-xs);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--finance-item-transition)}.status-indicator.active{background:#10b9811a;border-color:#10b981;box-shadow:0 0 12px #10b9814d}.status-indicator.inactive{background:#ef44441a;border-color:#ef4444;box-shadow:0 0 12px #ef44444d}.item-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg)}.item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;background:#ffffff4d;border-left:3px solid #4e54c8;border-left:3px solid var(--finance-item-primary);border-radius:var(--border-radius-sm);color:#2a2e5d;color:var(--finance-item-text-dark);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.3;max-height:2.6em;opacity:.85;overflow:hidden;padding:var(--spacing-xs);position:relative;text-overflow:ellipsis}.item-description:before{content:"📝";font-size:.9rem;opacity:.5;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}.item-details-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.detail-item{align-items:center;background:linear-gradient(135deg,#fff9,#fff6);border:1px solid #fff6;border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-xs);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--finance-item-transition)}.detail-item:before{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--finance-item-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.detail-item:hover{background:linear-gradient(135deg,#fffc,#fff9);box-shadow:0 4px 12px #1f268726;transform:translateY(-2px)}.detail-item:hover:before{transform:scaleX(1)}.detail-icon{background:#ffffff4d;border-radius:50%;font-size:1.5rem;height:35px;justify-content:center;margin-bottom:var(--spacing-xs);opacity:.9;padding:var(--spacing-xs);width:35px}.detail-content,.detail-icon{align-items:center;display:flex}.detail-content{flex:1 1;flex-direction:column;gap:2px;min-width:0}.detail-label{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.8px;line-height:1;opacity:.7;text-transform:uppercase}.detail-label,.detail-value{color:#2a2e5d;color:var(--finance-item-text-dark);text-align:center}.detail-value{word-wrap:break-word;font-size:var(--font-size-sm);font-weight:700;line-height:1.2;max-width:100%}.item-card-actions{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-top:1px solid #ffffff26;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-sm) var(--spacing-lg);position:relative}.item-card-actions:before{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--finance-item-gradient);content:"";height:1px;left:var(--spacing-lg);opacity:.2;position:absolute;right:var(--spacing-lg);top:0}.empty-state-container{backdrop-filter:blur(7px);backdrop-filter:var(--finance-item-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--finance-item-backdrop-filter);background:#ffffffd9;background:var(--finance-item-card-bg);border:1px solid #fff3;border:var(--finance-item-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--finance-item-shadow);padding:var(--spacing-xxl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6}.empty-state-container h4{color:#2a2e5d;color:var(--finance-item-text-dark);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-sm) 0}.empty-state-container p{color:#2a2e5d;color:var(--finance-item-text-dark);margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:400px;opacity:.8}.modern-items-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%}@media (min-width:1200px){.modern-items-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.finance-filters-section .filters-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.modern-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:1199px) and (min-width:992px){.modern-items-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.header-content{padding:var(--spacing-lg) var(--spacing-md)}.finance-filters-section .filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px) and (min-width:768px){.modern-items-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.finance-filters-section,.header-content{padding:var(--spacing-md)}.finance-filters-section .filters-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.modern-stats-grid{grid-template-columns:repeat(3,1fr)}.item-card-header{padding:var(--spacing-md)}}@media (max-width:767px) and (min-width:600px){.modern-items-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.header-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.header-text h2,.header-text h3{font-size:var(--font-size-md)}.create-btn{justify-content:center;width:100%}.finance-filters-section{padding:var(--spacing-sm) var(--spacing-md)}.finance-filters-section .filters-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.modern-stats-grid{grid-template-columns:repeat(2,1fr)}.item-card-header{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.item-details-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}@media (max-width:599px) and (min-width:480px){.modern-items-grid{gap:var(--spacing-md);grid-template-columns:1fr}.header-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.header-text h2,.header-text h3{font-size:var(--font-size-base)}.header-text p{font-size:var(--font-size-xs)}.create-btn{justify-content:center;width:100%}.finance-filters-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.finance-filters-section .filters-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.modern-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.item-card-header{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);text-align:center}.item-details-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.item-card-actions{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:479px) and (min-width:360px){.modern-finance-item-list{padding:0 var(--spacing-xs)}.modern-items-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.finance-filters-section,.modern-item-card,.modern-list-header,.modern-stats-summary{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm)}.header-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xs)}.header-text h2,.header-text h3{font-size:var(--font-size-sm)}.header-text p{font-size:11px}.create-btn{font-size:var(--font-size-xs);justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.finance-filters-section{padding:var(--spacing-xs)}.filters-header h4{font-size:var(--font-size-sm)}.modern-stats-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.modern-stats-grid,.stat-card{padding:var(--spacing-sm)}.stat-number{font-size:var(--font-size-lg)}.stat-label{font-size:var(--font-size-xs)}.item-icon{font-size:1.3rem;height:40px;width:40px}.item-title{font-size:var(--font-size-sm)}.item-badge{font-size:9px;padding:2px 6px}.detail-icon{font-size:1.2rem;height:30px;width:30px}.detail-label{font-size:10px}.detail-value{font-size:var(--font-size-xs)}}@media (max-width:359px){.modern-finance-item-list{padding:0 4px}.modern-items-grid{gap:8px}.finance-filters-section,.modern-item-card,.modern-list-header,.modern-stats-summary{border-radius:8px;margin-bottom:8px}.header-content{align-items:flex-start;flex-direction:column;gap:6px;padding:var(--spacing-xs) 6px}.header-text h2,.header-text h3{font-size:var(--font-size-xs)}.create-btn,.header-text p{font-size:10px}.create-btn{justify-content:center;padding:6px var(--spacing-xs);width:100%}.finance-filters-section{padding:6px}.filters-header h4{font-size:var(--font-size-xs)}.modern-stats-grid{gap:6px;padding:8px}.stat-card{padding:8px}.stat-number{font-size:var(--font-size-base)}.stat-label{font-size:10px}.item-icon{font-size:1.1rem;height:35px;width:35px}.item-title{font-size:var(--font-size-xs)}.item-badge{font-size:8px;padding:1px 4px}.detail-icon{font-size:1rem;height:28px;width:28px}.detail-label{font-size:9px}.detail-value{font-size:10px}}@media (max-height:500px) and (orientation:landscape){.modern-finance-item-list{padding:var(--spacing-xs) var(--spacing-sm)}.modern-list-header{margin-bottom:var(--spacing-sm)}.header-content{flex-direction:row;gap:var(--spacing-sm)}.finance-filters-section,.header-content{padding:var(--spacing-xs) var(--spacing-sm)}.finance-filters-section{margin-bottom:var(--spacing-sm)}.finance-filters-section .filters-grid{gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.modern-items-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modern-stats-grid{gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr);padding:var(--spacing-sm)}.item-card-header{flex-direction:row;padding:var(--spacing-xs) var(--spacing-sm)}.item-details-grid{gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.item-card-actions{flex-direction:row;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (pointer:coarse){.clear-filters-btn,.create-btn{-webkit-tap-highlight-color:rgba(78,84,200,.2);min-height:44px;touch-action:manipulation}.modern-item-card{-webkit-tap-highlight-color:rgba(78,84,200,.1);cursor:pointer}.filter-input,.filter-select,.modern-filter-input,.modern-filter-select{font-size:16px;min-height:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.detail-icon,.item-icon,.stat-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.create-btn,.item-icon:before,.modern-item-card,.refresh-spinner{animation:none;transition:none}.modern-item-card:hover{transform:none}}:root{--trivia-list-primary:#4e54c8;--trivia-list-secondary:#8f94fb;--trivia-list-gradient:linear-gradient(135deg,#4e54c8,#8f94fb);--trivia-list-bg:linear-gradient(135deg,#f5f7fa,#c3cfe2);--trivia-list-card-bg:#ffffffe6;--trivia-list-overlay:#fffc;--trivia-list-text-dark:#2a2e5d;--trivia-list-text-light:#2a2e5db3;--trivia-list-shadow:0 8px 32px #1f26871a;--trivia-list-border:1px solid #fff3;--trivia-list-backdrop-filter:blur(12px);--trivia-list-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--trivia-list-success:#2ecc71;--trivia-list-error:#e74c3c;--trivia-list-warning:#f1c40f;--trivia-list-info:#3498db;--trivia-list-purple:#9b59b6}.trivia-questions-container{position:relative;width:100%;z-index:1}.trivia-header{animation:slideInDown .6s ease-out;backdrop-filter:blur(12px);backdrop-filter:var(--trivia-list-backdrop-filter);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--trivia-list-backdrop-filter);background:#ffffffe6;background:var(--trivia-list-card-bg);border:1px solid #fff3;border:var(--trivia-list-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f26871a;box-shadow:var(--trivia-list-shadow);margin-bottom:var(--spacing-lg);overflow:hidden}.trivia-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.trivia-header-text h2{align-items:center;display:flex;font-size:var(--font-size-lg);font-weight:700;gap:var(--spacing-sm);margin:0 0 var(--spacing-xs) 0}.trivia-header-text h2,.trivia-header-text p{color:#2a2e5d;color:var(--trivia-list-text-dark)}.trivia-header-text p{font-size:var(--font-size-sm);margin:0;opacity:.8}.trivia-header .create-btn{align-items:center;background:linear-gradient(135deg,#4e54c8,#8f94fb);background:var(--trivia-list-gradient);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 15px #4e54c84d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--trivia-list-transition)}.trivia-header .create-btn:hover{box-shadow:0 8px 25px #4e54c866;transform:translateY(-2px)}.trivia-filters-section{animation:slideInUp .6s ease-out .1s both;backdrop-filter:blur(12px);backdrop-filter:var(--trivia-list-backdrop-filter);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--trivia-list-backdrop-filter);background:#ffffffe6;background:var(--trivia-list-card-bg);border:1px solid #fff3;border:var(--trivia-list-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f26871a;box-shadow:var(--trivia-list-shadow);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.trivia-filters-section .filters-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.trivia-policy-info{animation:slideInUp .6s ease-out .15s both;background:#3498db1a;border-left:4px solid #3498db;border-left:4px solid var(--trivia-list-info);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.trivia-policy-info p{align-items:flex-start;color:#2a2e5d;color:var(--trivia-list-text-dark);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);line-height:1.6;margin:0}.trivia-policy-info .info-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.trivia-summary{animation:slideInUp .6s ease-out .2s both;margin-bottom:var(--spacing-lg)}.summary-stats{justify-content:space-between}.stat-item,.summary-stats{align-items:center;display:flex}.stat-item{gap:var(--spacing-sm)}.stat-icon{font-size:1.2rem}.stat-text{color:#2a2e5d;color:var(--trivia-list-text-dark);font-size:var(--font-size-sm)}.trivia-questions-grid{grid-gap:var(--spacing-lg);animation:slideInUp .6s ease-out .3s both;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.trivia-question-card{backdrop-filter:blur(12px);backdrop-filter:var(--trivia-list-backdrop-filter);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--trivia-list-backdrop-filter);background:#ffffffe6;background:var(--trivia-list-card-bg);border:1px solid #fff3;border:var(--trivia-list-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f26871a;box-shadow:var(--trivia-list-shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--trivia-list-transition)}.trivia-question-card:hover{box-shadow:0 12px 40px #1f268726;transform:translateY(-4px)}.trivia-question-card.inactive{filter:grayscale(.3);opacity:.6}.trivia-question-card .card-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-md)}.header-left{gap:var(--spacing-sm)}.header-left,.header-right{align-items:center;display:flex}.question-id{background:#4e54c81a;border-radius:var(--border-radius-sm);color:#4e54c8;color:var(--trivia-list-primary);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.difficulty-badge,.question-badges{display:flex;gap:var(--spacing-xs)}.difficulty-badge{align-items:center;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.difficulty-badge.difficulty-easy{background:#2ecc711a;border:1px solid #2ecc714d;color:#2ecc71;color:var(--trivia-list-success)}.difficulty-badge.difficulty-medium{background:#f1c40f1a;border:1px solid #f1c40f4d;color:#f1c40f;color:var(--trivia-list-warning)}.difficulty-badge.difficulty-hard{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c;color:var(--trivia-list-error)}.category-badge{align-items:center;background:#9b59b61a;border:1px solid #9b59b64d;border-radius:var(--border-radius-sm);color:#9b59b6;color:var(--trivia-list-purple);display:flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-indicator{font-size:1.2rem}.status-indicator.active{color:#2ecc71;color:var(--trivia-list-success)}.status-indicator.inactive{color:#e74c3c;color:var(--trivia-list-error)}.trivia-question-card .card-content{padding:var(--spacing-lg)}.answer-section,.explanation-section,.question-section,.wrong-answers-section{margin-bottom:var(--spacing-md)}.answer-section:last-child,.explanation-section:last-child,.question-section:last-child,.wrong-answers-section:last-child{margin-bottom:0}.answer-title,.explanation-title,.question-title,.wrong-answers-title{align-items:center;color:#2a2e5d;color:var(--trivia-list-text-dark);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-xs);margin:0 0 var(--spacing-xs) 0}.section-icon{font-size:1rem}.question-text{color:#2a2e5d;color:var(--trivia-list-text-dark);font-size:var(--font-size-md);font-weight:500;line-height:1.5;margin:0}.correct-answer{background:#2ecc711a;border:1px solid #2ecc714d;border-radius:var(--border-radius-sm);color:#2ecc71;color:var(--trivia-list-success);font-size:var(--font-size-sm);font-weight:600;margin:0;padding:var(--spacing-sm)}.wrong-answers-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.wrong-answer{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:var(--border-radius-sm);color:#e74c3c;color:var(--trivia-list-error);padding:var(--spacing-xs) var(--spacing-sm)}.explanation-text,.wrong-answer{font-size:var(--font-size-sm);margin:0}.explanation-text{background:#3498db1a;border:1px solid #3498db4d;border-radius:var(--border-radius-sm);color:#2a2e5db3;color:var(--trivia-list-text-light);line-height:1.5;padding:var(--spacing-sm)}.trivia-question-card .card-actions{background:#ffffff0d;border-top:1px solid #ffffff1a;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.action-button.toggle-button.activate:hover{background:#2ecc7133;transform:translateY(-1px)}.action-button.toggle-button.deactivate{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c;color:var(--trivia-list-error)}.action-button.toggle-button.deactivate:hover{background:#e74c3c33;transform:translateY(-1px)}.trivia-loading-container{align-items:center;color:#2a2e5d;color:var(--trivia-list-text-dark);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl)}.trivia-loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #4e54c833;border-left-color:#4e54c8;border-left:3px solid var(--trivia-list-primary);border-radius:50%;height:40px;margin-bottom:var(--spacing-md);width:40px}.trivia-error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl);text-align:center}.trivia-error-container .error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.trivia-error-container .error-message{color:#e74c3c;color:var(--trivia-list-error);font-size:var(--font-size-md);margin-bottom:var(--spacing-lg)}.trivia-empty-state{align-items:center;backdrop-filter:blur(12px);backdrop-filter:var(--trivia-list-backdrop-filter);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--trivia-list-backdrop-filter);background:#ffffffe6;background:var(--trivia-list-card-bg);border:1px solid #fff3;border:var(--trivia-list-border);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xxl);text-align:center}.trivia-empty-state .empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6}.trivia-empty-state h3{color:#2a2e5d;color:var(--trivia-list-text-dark);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.trivia-empty-state p{color:#2a2e5db3;color:var(--trivia-list-text-light);font-size:var(--font-size-md);margin:0 0 var(--spacing-lg) 0;max-width:400px}@media (max-width:768px){.trivia-header-content{align-items:center;flex-direction:column;gap:var(--spacing-sm)}.trivia-header-text h2{font-size:var(--font-size-md)}.trivia-header .create-btn{align-items:center;background:linear-gradient(135deg,#4e54c8,#8f94fb);background:var(--trivia-list-gradient);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 15px #4e54c84d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-xs);max-width:320px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--trivia-list-transition);width:auto}.trivia-filters-section .filters-grid,.trivia-questions-grid{grid-template-columns:1fr}.summary-stats,.trivia-question-card .card-header{flex-direction:column;gap:var(--spacing-sm)}.trivia-question-card .card-header{align-items:flex-start}.header-left,.header-right{justify-content:space-between;width:100%}.question-badges{flex-wrap:wrap}.trivia-question-card .card-actions{flex-direction:column}}@media (max-width:480px){.trivia-header-text h2{font-size:var(--font-size-base)}.trivia-header-text p{font-size:var(--font-size-xs)}.trivia-header .create-btn{justify-content:center;max-width:320px;width:auto}.trivia-question-card .card-content{padding:var(--spacing-md)}.trivia-question-card .card-actions,.trivia-question-card .card-header{padding:var(--spacing-sm)}.question-text{font-size:var(--font-size-sm)}}:root{--finance-admin-primary:#4e54c8;--finance-admin-secondary:#8f94fb;--finance-admin-gradient:linear-gradient(135deg,#8f94fb,#4e54c8);--finance-admin-card-bg:#ffffffd9;--finance-admin-shadow:0 8px 32px #1f268726;--finance-admin-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--finance-admin-border:1px solid #fff3}.finance-management{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:var(--finance-admin-gradient);margin:0 auto;max-width:100%;min-height:100vh;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.finance-management-header{align-items:flex-start;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.finance-management-header .header-left{display:flex;flex-direction:column}.finance-management-header .header-right{display:flex;gap:var(--spacing-sm)}.finance-management-header h3{color:#fff;display:inline-block;font-size:var(--font-size-lg);margin:0;position:relative}.finance-management-header h3:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.finance-management-header .subtitle{color:#fff;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.finance-content-container{background:#ffffffd9;background:var(--finance-admin-card-bg);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px #1f268726;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:1400px;padding:var(--spacing-xl);width:100%}.finance-content-container>*{margin-bottom:var(--spacing-md)}.finance-content-container>:last-child{margin-bottom:0}.finance-info-card{background-color:#fff;border-left:4px solid var(--primary-color);margin-bottom:var(--spacing-lg)}.finance-info-card h3{color:var(--primary-color);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.finance-management-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--secondary-color-light);display:flex;margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:1px;scrollbar-color:var(--secondary-color) var(--card-bg-color);scrollbar-width:thin}.finance-management-tab{border-bottom:3px solid #0000;cursor:pointer;margin-right:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .3s ease;white-space:nowrap}.finance-management-tab.active{border-bottom:3px solid var(--primary-color);color:var(--primary-color);font-weight:var(--font-weight-semibold)}.finance-management-tab:hover:not(.active){background-color:var(--secondary-color-bg);color:var(--primary-color-dark)}.finance-management-content{padding:var(--spacing-md) 0}@media (max-width:768px){.finance-management{padding:var(--spacing-md) var(--spacing-sm)}.finance-content-container{padding:var(--spacing-md)}.finance-management-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.finance-management-header .header-right{margin-top:var(--spacing-sm);width:100%}.finance-management-header .header-right button{width:100%}.finance-management-tab{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.finance-management{padding:var(--spacing-sm)}.finance-content-container{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.finance-management-header h3{font-size:var(--font-size-md)}.finance-management-header .subtitle{font-size:var(--font-size-xs)}.finance-info-card{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.finance-management-tab{font-size:var(--font-size-sm);padding:.5rem .75rem}}.finance-management .card{background:#fff;width:100%}:root{--admin-game-primary:#4e54c8;--admin-game-secondary:#8f94fb;--admin-game-accent:#c4c8ff;--admin-game-light:#f5f7ff;--admin-game-dark:#2a2e5d;--admin-game-gradient:linear-gradient(135deg,#667eea,#764ba2);--admin-game-card-bg:#ffffffd9;--admin-game-shadow:0 8px 32px #1f268726;--admin-game-backdrop-filter:blur(7px);--transition-smooth:all 0.5s cubic-bezier(0.4,0,0.2,1)}.admin-game-management{align-items:center;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--admin-game-gradient);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md);position:relative;width:100%}.admin-game-management:before{animation:floatBackground 30s ease-in-out infinite alternate;background-image:radial-gradient(circle at 10% 20%,#fff3 0,#0000 20%),radial-gradient(circle at 90% 80%,#fff3 0,#0000 25%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 40%);content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes floatBackground{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-10px) translateX(5px) rotate(1deg)}50%{transform:translateY(5px) translateX(10px) rotate(-1deg)}75%{transform:translateY(-8px) translateX(-5px) rotate(.5deg)}}.admin-game-management h2{animation:fadeIn 1s ease-out;color:#2a2e5d;color:var(--admin-game-dark);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);position:relative;text-align:center;text-shadow:0 2px 3px #0000001a;z-index:1}.admin-game-management h2:after{animation:expandWidth 1.2s ease-out .3s forwards;background:linear-gradient(90deg,#8f94fb,#c4c8ff);background:linear-gradient(90deg,var(--admin-game-secondary),var(--admin-game-accent));border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:0}.game-options-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;perspective:1000px;position:relative;width:100%;z-index:1}.game-option-card{align-items:center;animation:fadeInUp .8s ease-out;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.2s);animation-fill-mode:forwards;backdrop-filter:blur(7px);backdrop-filter:var(--admin-game-backdrop-filter);-webkit-backdrop-filter:blur(7px);-webkit-backdrop-filter:var(--admin-game-backdrop-filter);background:#ffffffd9;background:var(--admin-game-card-bg);border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268726;box-shadow:var(--admin-game-shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:320px;opacity:0;overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center;transform-origin:center bottom;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:1}.game-option-card:first-child{--card-index:1}.game-option-card:nth-child(2){--card-index:2}.game-option-card:nth-child(3){--card-index:3}.game-option-card:nth-child(4){--card-index:4}.game-option-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.game-option-card:hover{box-shadow:0 16px 40px #1f268740;transform:translateY(-10px) scale(1.03)}.game-option-emoji{background:linear-gradient(135deg,#8f94fb,#4e54c8);background:linear-gradient(135deg,var(--admin-game-secondary),var(--admin-game-primary));border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 20px #3949ab4d;height:80px;margin:0 auto var(--spacing-md);overflow:hidden;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:80px}.game-option-emoji,.game-option-emoji span{align-items:center;display:flex;justify-content:center}.game-option-emoji span{font-size:2.5rem;height:100%;line-height:1;width:100%}.game-option-emoji:after{background:radial-gradient(circle at center,#fffc,#0000 70%);content:"";height:150%;left:-25%;opacity:0;pointer-events:none;position:absolute;top:-25%;transition:opacity .3s ease;width:150%}.game-option-card:hover .game-option-emoji{transform:scale(1.15) rotate(5deg)}.game-option-card:hover .game-option-emoji:after{animation:shine 1.5s ease-out;opacity:.5}@keyframes shine{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(1)}}.game-option-card h3{color:#4e54c8;color:var(--admin-game-primary);font-size:var(--font-size-lg);font-weight:700;margin:var(--spacing-sm) 0;position:relative;transition:color .3s ease}.game-option-card:hover h3{color:#2a2e5d;color:var(--admin-game-dark)}.game-option-card p{align-items:center;color:var(--text-color);display:flex;flex-grow:1;font-size:1.05rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.game-option-card .btn{align-self:center;background:linear-gradient(135deg,#8f94fb,#4e54c8);background:linear-gradient(135deg,var(--admin-game-secondary),var(--admin-game-primary));border:none;border-radius:var(--border-radius);box-shadow:0 4px 15px #3949ab4d;color:#fff;font-weight:600;letter-spacing:.5px;margin-top:auto;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:auto}.game-option-card .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:0}.game-option-card .btn:hover{box-shadow:0 8px 25px #3949ab66;transform:translateY(-3px)}.game-option-card .btn:hover:before{left:100%}.admin-game-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--admin-game-gradient);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative;width:100%}.admin-game-placeholder .card{animation:fadeInUp .8s ease-out;margin-top:var(--spacing-xl);max-width:800px;width:100%}.admin-game-placeholder button{align-items:center;align-self:flex-start;display:flex;gap:8px;margin-bottom:var(--spacing-md);position:relative;z-index:1}.admin-game-placeholder button:before{content:"←";margin-right:5px;transition:transform .3s ease}.admin-game-placeholder button:hover:before{transform:translateX(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.game-options-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 var(--spacing-sm)}}@media (max-width:768px){.admin-game-management{padding:var(--spacing-md)}.admin-game-management h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.game-options-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.game-option-card{min-height:300px;padding:var(--spacing-lg)}.game-option-emoji{height:70px;width:70px}}@media (max-width:480px){.admin-game-management{padding:var(--spacing-sm)}.admin-game-management h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.game-options-grid{gap:var(--spacing-md);grid-template-columns:1fr}.game-option-card{min-height:auto;padding:var(--spacing-md)}.game-option-emoji{height:60px;width:60px}.game-option-card p{font-size:1rem}.game-option-card .btn{padding:.7rem 1.2rem}}@media (max-width:350px){.admin-game-management h2{font-size:var(--font-size-md)}.game-option-card{padding:var(--spacing-sm)}.game-option-emoji{height:50px;margin-bottom:var(--spacing-sm);width:50px}.game-option-card h3{font-size:var(--font-size-base)}.game-option-card p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.game-option-card .btn{font-size:var(--font-size-sm);padding:.6rem 1rem}}.confirm-modal-overlay{align-items:center;background:#0c121e73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.confirm-modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #02061740;max-width:520px;padding:1rem 1.25rem;width:100%}.confirm-modal-header h3{color:#000!important;font-weight:600;margin:0 0 .5rem}.confirm-modal-body p{color:#222;margin:0 0 1rem}.confirm-modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.admin-delete-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-delete-modal-message{color:var(--text-color);font-size:var(--font-size-base);line-height:1.6;margin:0}.admin-delete-modal-details{background:var(--secondary-color-bg);border-left:3px solid var(--primary-color-light);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md)}.admin-delete-modal-details p{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;margin:0}.admin-delete-modal-warning{background:#dc26260d;border:1px solid #dc262633;border-radius:var(--border-radius);color:var(--danger-color);font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md)}.admin-delete-modal-warning strong{display:block;font-weight:var(--font-weight-semibold);margin-bottom:.25rem}.admin-delete-modal-icon-danger,.admin-delete-modal-icon-warning{align-items:center;display:inline-flex;font-size:1.5em;justify-content:center;line-height:1}.admin-delete-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;width:100%}@media (max-width:480px){.admin-delete-modal-actions{flex-direction:column}.admin-delete-modal-actions button{width:100%}}@media (prefers-contrast:high){.admin-delete-modal-warning{border-width:2px}}@media (prefers-reduced-motion:reduce){.admin-delete-modal-content{transition:none}}:root{--admin-primary:#5c6bc0;--admin-secondary:#7986cb;--admin-accent:#9fa8da;--admin-gradient:linear-gradient(135deg,#667eea,#764ba2);--admin-gradient-dark:linear-gradient(135deg,#1a237e,#303f9f);--sidebar-accent:#6c63ff;--success-color:#4caf50;--warning-color:#ff9800;--danger-color:#f44336;--info-color:#2196f3;--bg-primary:#fffffff2;--bg-secondary:#f8fafce6;--bg-tertiary:#f1f5f9d9;--bg-overlay:#1f268766;--bg-glass:#ffffff1a;--text-primary:#1a237e;--text-secondary:#3f51b5;--text-muted:#7986cb;--text-white:#fff;--text-glass:#ffffffe6;--border-color:#9ca3af4d;--border-glass:#fff3;--border-radius:12px;--border-radius-lg:16px;--shadow-sm:0 2px 4px #1f26871a;--shadow-md:0 8px 16px #1f268726;--shadow-lg:0 12px 24px #1f268733;--shadow-glass:0 8px 32px #1f268740;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--z-dropdown:1000;--z-modal:1050;--z-tooltip:1070;--backdrop-blur:blur(10px);--backdrop-blur-light:blur(5px)}.admin-schedule-management{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--admin-gradient);display:flex;flex-direction:column;flex-grow:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:24px;padding:var(--spacing-lg);position:relative}@media screen and (min-width:720px) and (max-width:820px){.admin-schedule-management{-webkit-overflow-scrolling:touch;min-height:100vh;overflow-x:hidden;overflow-y:auto!important;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 24px);padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--spacing-lg));touch-action:pan-y}.bulk-actions-card,.filters-card,.schedules-table-card{margin-bottom:24px;margin-bottom:var(--spacing-lg)}}.admin-container,.admin-schedule-management{box-sizing:border-box}.admin-schedule-management:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.admin-schedule-management>*{position:relative;z-index:1}.page-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268740;box-shadow:var(--shadow-glass);color:#5c6bc0;color:var(--admin-primary);display:flex;justify-content:space-between;margin-bottom:48px;margin-bottom:var(--spacing-2xl);padding:32px;padding:var(--spacing-xl)}.header-content{flex:1 1}.page-title{color:#5c6bc0;color:var(--admin-primary);font-size:30px;font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;position:relative;text-shadow:none}.page-title:after{animation:expandWidth 1s ease-out forwards;background:linear-gradient(90deg,#7986cb,#9fa8da);background:linear-gradient(90deg,var(--admin-secondary),var(--admin-accent));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:80px}@keyframes expandWidth{0%{width:0}to{width:80px}}.page-description{color:#7986cb;color:var(--admin-secondary);font-size:18px;font-size:var(--font-size-lg);font-weight:300;line-height:1.4;margin:0;opacity:.8}.alert,.header-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.alert{animation:slideInDown .3s ease-out;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #1f26871a;box-shadow:var(--shadow-sm);font-weight:500;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative}.alert-error{background:#f443361a;border:1px solid #f443364d}.alert-error,.alert-success{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.alert-success{background:#4caf501a;border:1px solid #4caf504d}.alert-icon{flex-shrink:0}.alert-close,.alert-icon{font-size:18px;font-size:var(--font-size-lg)}.alert-close{background:none;border:none;border-radius:50%;cursor:pointer;margin-left:auto;opacity:.7;padding:4px;padding:var(--spacing-xs);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.alert-close:hover{background-color:#0000001a;opacity:1}.bulk-actions-card,.filters-card,.schedule-form-modal,.schedules-table-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #1f268740;box-shadow:var(--shadow-glass);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden}.filters-card{padding:24px;padding:var(--spacing-lg)}.filters-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.filters-header h3{color:#5c6bc0;color:var(--admin-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:600;margin:0;text-shadow:none}.filters-grid{grid-gap:24px;grid-gap:var(--spacing-lg);align-items:end;display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.filter-group label{font-size:14px;font-size:var(--font-size-sm);font-weight:500}.filter-group label,.filter-select{color:#5c6bc0;color:var(--admin-primary)}.filter-select{background:#fff;border:1px solid #9ca3af4d;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;font-size:var(--font-size-base);padding:16px;padding:var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.filter-select:focus{border-color:#9fa8da;border-color:var(--admin-accent);box-shadow:0 0 0 3px #9fa8da33;outline:none}.filter-actions{align-items:end;display:flex}.admin-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#1a237e66;bottom:0;display:flex;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:16px;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:99999}.admin-modal{animation:modalSlideIn .3s ease-out;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#ffffffd9;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:min(550px,90vw);min-height:400px;overflow:visible;position:relative;width:100%;z-index:100000}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0000001a;border-radius:20px 20px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-modal-title{color:#5c6bc0;color:var(--admin-primary);font-size:1.5rem;font-weight:600;margin:0;position:relative}.admin-modal-title:after{animation:titleUnderline .5s ease-out .2s both;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--admin-gradient);border-radius:1px;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}@keyframes titleUnderline{0%{width:0}to{width:100%}}.admin-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#7986cb;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.admin-modal-close:hover{background:#0000001a;color:#f44336;color:var(--danger-color);transform:scale(1.1)}.admin-modal-form{-webkit-overflow-scrolling:touch;flex-grow:1;margin-right:-8px;max-height:calc(100vh - 200px);min-height:200px;overflow-x:hidden;overflow-y:auto;padding:24px;padding:var(--spacing-lg);padding-right:32px;padding-right:calc(var(--spacing-lg) + 8px);scrollbar-color:#5c6bc0 #0000;scrollbar-color:var(--admin-primary) #0000;scrollbar-width:thin}.admin-modal-form::-webkit-scrollbar{width:6px}.admin-modal-form::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.admin-modal-form::-webkit-scrollbar-thumb{background:#5c6bc0;background:var(--admin-primary);border-radius:3px}.admin-modal-form::-webkit-scrollbar-thumb:hover{background:#7986cb;background:var(--admin-secondary)}.admin-form-row{animation:rowSlideIn .4s ease-out both;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.admin-form-row:first-child{animation-delay:.1s}.admin-form-row:nth-child(2){animation-delay:.15s}.admin-form-row:nth-child(3){animation-delay:.2s}.admin-form-row:nth-child(4){animation-delay:.25s}.admin-form-row:nth-child(5){animation-delay:.3s}@keyframes rowSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.admin-form-group{display:flex;flex:1 1;flex-direction:column}.admin-form-group.full-width{flex:1 1 100%}.admin-form-group label{color:#5c6bc0;color:var(--admin-primary);font-size:.9rem;font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.admin-input-wrapper{position:relative}.admin-input,.admin-select{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:2px solid #5c6bc033;border-radius:12px;color:var(--text-dark);font-size:1rem;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.admin-input:focus,.admin-select:focus{background:#fff;border-color:#5c6bc0;border-color:var(--admin-primary);box-shadow:0 0 0 3px #5c6bc01a,0 4px 12px #0000001a;transform:translateY(-1px)}.admin-input:hover:not(:focus),.admin-select:hover:not(:focus){background:#fffffff2;border-color:#5c6bc066}.admin-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6bc0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:40px}.admin-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6bc0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E")}.admin-checkbox-label{align-items:center;border-radius:8px;color:#5c6bc0;color:var(--admin-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm);transition:all .2s ease}.admin-checkbox-label:hover{background:#5c6bc00d}.admin-checkbox{opacity:0;pointer-events:none;position:absolute}.admin-checkbox-custom{align-items:center;background:#ffffffe6;border:2px solid #5c6bc04d;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.admin-checkbox:checked+.admin-checkbox-custom{background:#5c6bc0;background:var(--admin-primary);border-color:#5c6bc0;border-color:var(--admin-primary);transform:scale(1.1)}.admin-checkbox:checked+.admin-checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.game-types-grid{grid-gap:8px;grid-gap:var(--spacing-sm);background:#f8fafccc;border:1px solid #5c6bc01a;border-radius:12px;display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:4px;margin-top:var(--spacing-xs);padding:16px;padding:var(--spacing-md)}.game-type-checkbox{align-items:center;background:#ffffffb3;border:1px solid #0000000d;border-radius:8px;cursor:pointer;display:flex;gap:4px;gap:var(--spacing-xs);padding:8px;padding:var(--spacing-sm);transition:all .2s ease}.game-type-checkbox:hover{background:#ffffffe6;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.game-type-checkbox input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.game-type-checkbox .checkbox-custom{align-items:center;background:#fff;border:2px solid #5c6bc0;border:2px solid var(--game-color,var(--admin-primary));border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .2s ease;width:18px}.game-type-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#5c6bc0;background:var(--game-color,var(--admin-primary));border-color:#5c6bc0;border-color:var(--game-color,var(--admin-primary))}.game-type-checkbox input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:10px;font-weight:700}.game-type-label{color:#5c6bc0;color:var(--admin-primary);font-size:.9rem;font-weight:500}.admin-modal-actions{animation:actionsSlideIn .4s ease-out .3s both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-radius:0 0 20px 20px;border-top:1px solid #0000001a;bottom:0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:center;padding:24px;padding:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-md);position:-webkit-sticky;position:sticky;z-index:10}@keyframes actionsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.admin-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.admin-btn:hover:before{left:100%}.admin-btn-secondary{background:#6c757d1a;border:2px solid #5c6bc033;color:#5c6bc0;color:var(--admin-primary)}.admin-btn-secondary:hover{background:#5c6bc01a;border-color:#5c6bc0;border-color:var(--admin-primary);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.admin-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--admin-gradient);border:2px solid #0000;color:#fff}.admin-btn-primary:hover{box-shadow:0 8px 25px #5c6bc04d;transform:translateY(-2px)}.admin-btn-primary:active{box-shadow:0 4px 12px #5c6bc033;transform:translateY(0)}.admin-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0000;color:#fff}.admin-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.admin-btn-danger:active{box-shadow:0 4px 12px #ef444433;transform:translateY(0)}.admin-modal-small{max-width:480px}.admin-modal-content{-webkit-overflow-scrolling:touch;flex-grow:1;margin-right:-8px;max-height:calc(100vh - 200px);min-height:150px;overflow-x:hidden;overflow-y:auto;padding:24px;padding:var(--spacing-lg);padding-right:32px;padding-right:calc(var(--spacing-lg) + 8px);scrollbar-color:#5c6bc0 #0000;scrollbar-color:var(--admin-primary) #0000;scrollbar-width:thin}.admin-modal-content::-webkit-scrollbar{width:6px}.admin-modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.admin-modal-content::-webkit-scrollbar-thumb{background:#5c6bc0;background:var(--admin-primary);border-radius:3px}.admin-modal-content::-webkit-scrollbar-thumb:hover{background:#7986cb;background:var(--admin-secondary)}.delete-confirmation-content{align-items:flex-start;display:flex;gap:24px;gap:var(--spacing-lg)}.delete-icon{align-items:center;animation:pulseWarning 2s infinite;background:#ef44441a;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}@keyframes pulseWarning{0%,to{background:#ef44441a;transform:scale(1)}50%{background:#ef444426;transform:scale(1.05)}}.warning-icon{animation:bounceWarning 1s ease-in-out infinite;font-size:2rem}@keyframes bounceWarning{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.delete-message{flex:1 1}.delete-title{color:#5c6bc0;color:var(--admin-primary);font-size:1.2rem;font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.schedule-details{background:#f8fafccc;border-left:4px solid #5c6bc0;border-left:4px solid var(--admin-primary);border-radius:8px;margin:16px 0;margin:var(--spacing-md) 0;padding:16px;padding:var(--spacing-md)}.schedule-details p{color:var(--text-dark);font-size:.9rem;margin:4px 0;margin:var(--spacing-xs) 0}.schedule-details strong{color:#5c6bc0;color:var(--admin-primary);font-weight:600}.delete-warning{background:#ef44440d;border-left:3px solid #ef4444;border-radius:6px;color:#dc2626;font-size:.9rem;font-style:italic;margin:16px 0 0;margin:var(--spacing-md) 0 0 0;padding:8px;padding:var(--spacing-sm)}@media (max-width:768px){.admin-modal{border-radius:16px;margin:8px;margin:var(--spacing-sm);max-height:calc(100vh - 20px);max-width:min(400px,calc(100vw - 2rem));min-height:350px}.admin-modal-small{max-width:min(350px,calc(100vw - 2rem))}.admin-modal-header{border-radius:16px 16px 0 0}.admin-modal-form,.admin-modal-header{padding:16px;padding:var(--spacing-md)}.admin-modal-form{margin-right:-4px;max-height:calc(100vh - 140px);min-height:150px;padding-right:20px;padding-right:calc(var(--spacing-md) + 4px)}.admin-form-row{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.admin-modal-actions{align-items:center;border-radius:0 0 16px 16px;flex-direction:column;padding:16px;padding:var(--spacing-md)}.admin-btn{max-width:200px;width:100%}.game-types-grid{grid-template-columns:1fr}.delete-confirmation-content{flex-direction:column;text-align:center}.delete-icon{align-self:center;margin-bottom:16px;margin-bottom:var(--spacing-md)}}@media (min-width:769px) and (max-width:1024px){.admin-schedule-management{padding:16px;padding:var(--spacing-md)}.page-header{padding:16px;padding:calc(var(--spacing-lg)/1.5)}.filters-card,.schedules-table-card{padding:22px;padding:calc(var(--spacing-md) + 6px)}.schedules-table-container{overflow-x:hidden}.schedules-table{font-size:14px;min-width:0;table-layout:fixed;width:100%}.schedules-table td:first-child,.schedules-table th:first-child{width:48px}.schedules-table td:nth-child(2),.schedules-table th:nth-child(2){width:110px}.schedules-table td:nth-child(3),.schedules-table th:nth-child(3){width:160px}.schedules-table td:nth-child(4),.schedules-table th:nth-child(4){width:140px}.schedules-table td:nth-child(5),.schedules-table th:nth-child(5){width:120px}.schedules-table td:nth-child(6),.schedules-table th:nth-child(6){width:auto}.schedules-table td:nth-child(7),.schedules-table th:nth-child(7){width:140px}.schedules-table td,.schedules-table th{padding:10px 12px;white-space:normal;word-break:break-word}.admin-modal{max-height:calc(100vh - 30px);max-width:min(480px,85vw);min-height:380px}.admin-modal-form{max-height:calc(100vh - 160px);min-height:180px}.admin-modal-actions{flex-direction:row;gap:16px;gap:var(--spacing-md);justify-content:center}.admin-btn{max-width:160px;min-width:120px}.actions-column{max-width:180px}.action-buttons .btn{font-size:13px;min-width:64px;padding:8px 10px}.admin-modal{max-width:560px}}@media (min-width:720px) and (max-width:820px){.admin-schedule-management{padding-left:16px;padding-right:16px}.admin-schedule-management:before{left:0;right:0}.page-header{padding:16px 18px}.filters-card,.schedules-table-card{padding:12px 14px}.schedules-table-container{overflow-x:hidden}.schedules-table{font-size:14px;min-width:0;table-layout:fixed;width:100%}.schedules-table td,.schedules-table th{padding:8px 10px}.day-name{max-width:120px}.actions-column{max-width:160px}.action-buttons{justify-content:flex-end}.action-buttons .btn{min-width:60px;padding:6px 8px}.filters-card,.schedules-table-card{overflow:hidden}.admin-modal{max-height:calc(100vh - 25px);max-width:min(500px,88vw);min-height:400px}.admin-modal-form{max-height:calc(100vh - 150px);min-height:200px}.admin-form-row{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.admin-modal-actions{flex-direction:row;gap:16px;gap:var(--spacing-md);justify-content:center}.admin-btn{max-width:150px;min-width:110px}}@media (max-width:480px){.admin-modal{border-radius:12px;margin:4px;margin:var(--spacing-xs);max-height:calc(100vh - 10px);max-width:min(350px,calc(100vw - 1rem));min-height:300px}.admin-modal-header{border-radius:12px 12px 0 0;padding:8px;padding:var(--spacing-sm)}.admin-modal-title{font-size:1.2rem}.admin-modal-form{margin-right:-2px;max-height:calc(100vh - 110px);min-height:120px;padding:8px;padding:var(--spacing-sm);padding-right:10px;padding-right:calc(var(--spacing-sm) + 2px)}.admin-modal-actions{border-radius:0 0 12px 12px;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.admin-btn,.admin-modal-actions{padding:8px;padding:var(--spacing-sm)}.admin-btn{max-width:none;min-width:auto;width:100%}.admin-btn,.admin-form-group label{font-size:.9rem}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{font-size:.9rem;padding:8px;padding:var(--spacing-sm)}}@media (max-width:360px){.admin-modal{border-radius:8px;margin:0;max-height:100vh;max-width:100vw;min-height:280px}.admin-modal-header{border-radius:8px 8px 0 0;padding:4px;padding:var(--spacing-xs)}.admin-modal-title{font-size:1.1rem}.admin-modal-form{margin-right:-2px;max-height:calc(100vh - 90px);min-height:100px;padding:4px;padding:var(--spacing-xs);padding-right:6px;padding-right:calc(var(--spacing-xs) + 2px)}.admin-modal-actions{border-radius:0 0 8px 8px}.admin-btn,.admin-modal-actions{padding:4px;padding:var(--spacing-xs)}.admin-btn{font-size:.85rem;min-height:32px}}.admin-schedule-management .filter-select,.admin-schedule-management input[type=text],.admin-schedule-management input[type=time],.admin-schedule-management textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #fff3;border:1px solid var(--border-glass);color:#fff;color:var(--text-white)}.bulk-actions-card{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-backdrop-filter:var(--backdrop-blur-light);backdrop-filter:var(--backdrop-blur-light);background:#fff;border:1px solid #1f26870f;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #1f26871a;box-shadow:var(--shadow-sm);color:#1a237e;color:var(--text-primary);display:flex;justify-content:space-between;padding:24px;padding:calc(var(--spacing-md) + 8px)}.actions-column .action-buttons .btn,.bulk-actions .btn{align-items:center!important;border-radius:10px!important;box-sizing:border-box!important;display:inline-flex!important;height:40px!important;justify-content:center!important;min-width:96px!important;padding:0 12px!important}.actions-column .action-buttons .btn.btn-sm,.bulk-actions .btn-sm{height:36px!important;min-width:88px!important}@media (max-width:720px){.bulk-actions .btn{width:100%}}.bulk-actions-content{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg);justify-content:space-between}.bulk-info{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.bulk-count{background:#fff;border:1px solid #1f26870f;border-radius:999px;box-shadow:0 4px 10px #1018280a;color:#5c6bc0;color:var(--admin-primary);font-size:18px;font-size:var(--font-size-lg);margin-left:6px;opacity:1!important;padding:.45rem .9rem}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}@media (max-width:720px){.bulk-actions-card{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.bulk-actions{justify-content:stretch;width:100%}.bulk-actions .btn{text-align:center;width:100%}}.bulk-actions .btn{background:#fff;border:1px solid #1018280f;border-radius:10px;box-shadow:0 6px 18px #1018280a;color:#333;cursor:pointer;padding:0 12px;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.bulk-actions .btn-danger{background:linear-gradient(90deg,#ff6b6b,#ff3b30);border:none;color:#fff}.bulk-actions .btn-secondary,.bulk-actions .btn-success,.bulk-actions .btn-warning{background:#fff!important;border:1px solid #1018280f!important;color:#333!important}.bulk-actions .btn-secondary:hover,.bulk-actions .btn-success:hover,.bulk-actions .btn-warning:hover{background:#0000000a!important;box-shadow:0 12px 30px #10182814;transform:translateY(-3px)}.bulk-actions .btn:hover{box-shadow:0 12px 30px #10182814;transform:translateY(-3px)}.actions-column .action-buttons .btn,.bulk-actions .btn{align-items:center;box-sizing:border-box;display:inline-flex;height:40px;justify-content:center;min-width:96px;padding:0 12px}.actions-column .action-buttons .btn.btn-sm,.bulk-actions .btn-sm{height:36px;min-width:88px}.schedules-table-card{overflow:hidden}.table-header{background:#fff;border-bottom:1px solid #9ca3af4d;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.table-header,.table-title{align-items:center;display:flex}.table-title{gap:16px;gap:var(--spacing-md)}.table-title h3{color:#5c6bc0;color:var(--admin-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:600;margin:0}.total-count{background:#5c6bc0;background:var(--admin-primary);border-radius:20px;box-shadow:0 2px 4px #1f26871a;box-shadow:var(--shadow-sm);color:#fff;font-size:14px;font-size:var(--font-size-sm);font-weight:500;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.table-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.select-all-label{align-items:center;color:#5c6bc0;color:var(--admin-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;gap:var(--spacing-sm)}.schedules-table{border-collapse:collapse;font-size:14px;font-size:var(--font-size-sm);min-width:min(900px,100%);width:100%}.schedules-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.day-column .day-info,.day-column .day-name,.game-type-tag,.game-types-column .game-types-list,.time-column .time-range{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedules-table th{background:#f8fafc;border-bottom:1px solid #9ca3af4d;border-bottom:1px solid var(--border-color);color:#5c6bc0;color:var(--admin-primary);font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;white-space:nowrap}@media (max-width:720px){.schedules-table th{font-size:13px;padding:8px 10px;white-space:normal}}.schedules-table td{background:#fff;border-bottom:1px solid #9ca3af4d;border-bottom:1px solid var(--border-color);color:#5c6bc0;color:var(--admin-primary);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.schedules-table tr:hover,.schedules-table tr:hover td{background:#f1f5f9}.schedule-row.currently-active{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4caf5026;border-left:4px solid #4caf50;border-left:4px solid var(--success-color)}.schedule-row.inactive{background:#ffffff0d;opacity:.6}.checkbox-column{text-align:center;width:40px}.day-column .day-info{display:flex;flex-direction:column;gap:2px;line-height:1.1}.day-name{color:#5c6bc0;color:var(--admin-primary);display:inline-block;font-weight:600;max-width:84px;overflow:hidden;text-overflow:ellipsis}.active-indicator{color:#4caf50;color:var(--success-color);font-size:12px;font-size:var(--font-size-xs);font-weight:500}.actions-column .action-buttons{align-items:center;justify-content:flex-end}.actions-column .action-buttons .btn{align-items:center;box-sizing:border-box;display:inline-flex;height:40px;justify-content:center;min-width:96px;padding:0 12px}.actions-column .action-buttons .btn.btn-sm{height:36px;min-width:88px}.actions-column .action-buttons .btn.btn-danger,.actions-column .action-buttons .btn.btn-secondary{border-radius:10px}.actions-column .action-buttons .btn .btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-column .time-range{align-items:center;display:flex;font-family:Monaco,Consolas,monospace;gap:8px;gap:var(--spacing-sm)}@media (max-width:480px){.time-column .time-range{display:inline-grid;gap:6px;grid-template-columns:auto auto auto;justify-items:center}.time-column .time-range .end-time,.time-column .time-range .start-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}}.end-time,.start-time{color:#5c6bc0;color:var(--admin-primary);font-weight:500}.time-separator{color:#7986cb;color:var(--admin-secondary)}.game-types-column .game-types-list{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs)}.game-type-tag{border-radius:12px;color:#fff;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.game-type-tag,.status-column .status-badge{font-size:12px;font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.status-column .status-badge{align-items:center;border-radius:20px;display:inline-flex;gap:4px;gap:var(--spacing-xs);padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.status-badge.active{background:#22c55e1a;border:1px solid #22c55e4d;color:#047857;font-weight:600}.status-badge.inactive{background:#ef44441a;border:1px solid #ef44444d;color:#b91c1c;font-weight:600}.description-column .description-text{color:#7986cb;color:var(--admin-secondary);display:block;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-column .action-buttons{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.actions-column{max-width:220px}.action-buttons .btn{min-width:78px}@media (max-width:768px){.action-buttons{flex-direction:column;gap:4px!important;gap:var(--spacing-xs)!important}.action-buttons .btn{font-size:12px;font-size:var(--font-size-xs);min-width:64px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}}.loading-state{align-items:center;color:#3f51b5;color:var(--text-secondary);display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);justify-content:center;padding:48px;padding:var(--spacing-2xl)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #9ca3af4d;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.empty-state{align-items:center;color:#3f51b5;color:var(--text-secondary);display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);justify-content:center;padding:48px;padding:var(--spacing-2xl)}.empty-icon{font-size:48px;opacity:.5}.empty-state h4{color:#1a237e;color:var(--text-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:600;margin:0}.empty-state p{line-height:1.5;margin:0;max-width:400px;text-align:center}.pagination{align-items:center;background:#fff;border-top:1px solid #9ca3af4d;border-top:1px solid var(--border-color);display:flex;gap:24px;gap:var(--spacing-lg);justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.pagination-info{color:#7986cb;color:var(--admin-secondary);font-size:14px;font-size:var(--font-size-sm);font-weight:500}.pagination-controls{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.page-numbers{display:flex;gap:4px;gap:var(--spacing-xs)}.admin-schedule-management input::placeholder,.admin-schedule-management select::placeholder,.admin-schedule-management textarea::placeholder{color:#5c6bc099}.admin-schedule-management input[type=number],.admin-schedule-management input[type=text],.admin-schedule-management input[type=time],.admin-schedule-management select,.admin-schedule-management textarea{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;border-radius:var(--border-radius)!important;color:#5c6bc0!important;color:var(--admin-primary)!important;padding:16px!important;padding:var(--spacing-md)!important;transition:all .15s ease-in-out!important;transition:all var(--transition-fast)!important}.admin-schedule-management input[type=number]:focus,.admin-schedule-management input[type=text]:focus,.admin-schedule-management input[type=time]:focus,.admin-schedule-management select:focus,.admin-schedule-management textarea:focus{background:#fff!important;border-color:#5c6bc0!important;border-color:var(--admin-primary)!important;box-shadow:0 0 0 3px #5c6bc01a!important;outline:none!important}.admin-schedule-management ::-webkit-scrollbar{height:8px;width:8px}.admin-schedule-management ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.admin-schedule-management ::-webkit-scrollbar-thumb{background:#5c6bc0;background:var(--admin-primary);border-radius:4px}.admin-schedule-management ::-webkit-scrollbar-thumb:hover{background:#7986cb;background:var(--admin-secondary)}.admin-schedule-management .bulk-actions-card,.admin-schedule-management .filters-card,.admin-schedule-management .schedules-table-card{animation:slideInUp .6s ease-out;animation-fill-mode:both}.admin-schedule-management .filters-card{animation-delay:.1s}.admin-schedule-management .bulk-actions-card{animation-delay:.2s}.admin-schedule-management .schedules-table-card{animation-delay:.3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-schedule-management{padding:16px;padding:var(--spacing-md)}.page-header{align-items:stretch;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.page-title{font-size:24px;font-size:var(--font-size-2xl)}.filters-grid{grid-template-columns:1fr}.schedule-form-modal{margin:16px;margin:var(--spacing-md);max-height:calc(100vh - 32px);max-height:calc(100vh - var(--spacing-md)*2)}.form-grid{gap:16px;gap:var(--spacing-md)}.form-grid,.game-types-grid{grid-template-columns:1fr}.bulk-actions-content{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.bulk-actions{justify-content:center}.schedules-table-container{overflow-x:scroll}.schedules-table{font-size:14px;min-width:720px}.schedules-table td,.schedules-table th{padding:8px 12px}.pagination{flex-direction:column;gap:16px;gap:var(--spacing-md)}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.admin-schedule-management{padding:8px;padding:var(--spacing-sm)}.page-header{padding:24px;padding:var(--spacing-lg)}.page-title{font-size:20px;font-size:var(--font-size-xl)}.page-description{font-size:16px;font-size:var(--font-size-base)}.game-types-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:8px;gap:var(--spacing-sm)}.form-actions .btn{width:100%}.bulk-actions{flex-direction:column}.schedules-table{font-size:13px;min-width:620px}.schedules-table td,.schedules-table th{padding:6px 8px}.day-column .day-name,.time-column .time-range{font-size:13px;white-space:nowrap}.table-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.page-numbers{flex-wrap:wrap;justify-content:center}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px;gap:var(--spacing-sm)}.gap-4{gap:16px;gap:var(--spacing-md)}.gap-6{gap:24px;gap:var(--spacing-lg)}.admin-modal-body .input-wrapper .left-icon{align-items:center;display:flex;justify-content:center}.delete-details{padding:1rem 0}.delete-details .detail-row{align-items:center;border-bottom:1px solid #9ca3af4d;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.delete-details .detail-row:last-child{border-bottom:none}.delete-details .detail-label{align-items:center;color:#3f51b5;color:var(--text-secondary);display:flex;font-weight:600;gap:.5rem}.delete-details .detail-value{word-wrap:break-word;color:#1a237e;color:var(--text-primary);max-width:60%;text-align:right}.delete-details .warning-message{background:#ff98001a;border-left:4px solid #ff9800;border-left:4px solid var(--warning-color);border-radius:4px;color:#e65100;font-weight:500;margin-top:1rem;padding:.75rem 1rem}.checkbox-label-wrapper{align-items:center;background:#f8fafce6;background:var(--bg-secondary);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:.15s ease-in-out;transition:var(--transition-fast)}.checkbox-label-wrapper:hover{background:#f1f5f9d9;background:var(--bg-tertiary)}.checkbox-input{height:0;opacity:0;position:absolute;width:0}.checkbox-custom-box{align-items:center;background:#fff;border:2px solid var(--text-color);border-radius:4px;display:flex;height:20px;justify-content:center;transition:.15s ease-in-out;transition:var(--transition-fast);width:20px}.checkbox-input:checked+.checkbox-custom-box{background:#4caf50;background:var(--success-color);border-color:#4caf50;border-color:var(--success-color)}.checkbox-input:checked+.checkbox-custom-box:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.checkbox-label-text{align-items:center;color:#1a237e;color:var(--text-primary);display:flex;font-size:16px;font-size:var(--font-size-base);gap:.5rem}.admin-modal-body .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);width:100%}@media (max-width:768px){.admin-modal-body .form-row{grid-template-columns:1fr}}.admin-modal-body .game-types-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:.5rem}.admin-modal-body .game-type-checkbox{align-items:center;background:#fff;border:2px solid #9ca3af4d;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:.15s ease-in-out;transition:var(--transition-fast)}.admin-modal-body .game-type-checkbox:hover{background:#5c6bc00d;background:rgba(var(--game-color-rgb,92,107,192),.05);border-color:#5c6bc0;border-color:var(--game-color,var(--admin-primary))}.admin-modal-body .game-type-checkbox input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.admin-modal-body .game-type-checkbox .checkbox-custom{align-items:center;background:#fff;border:2px solid var(--text-color);border-radius:4px;display:flex;height:18px;justify-content:center;transition:.15s ease-in-out;transition:var(--transition-fast);width:18px}.admin-modal-body .game-type-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#5c6bc0;background:var(--game-color,var(--admin-primary));border-color:#5c6bc0;border-color:var(--game-color,var(--admin-primary))}.admin-modal-body .game-type-checkbox input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.admin-modal-body .game-type-label{color:#1a237e;color:var(--text-primary);font-size:14px;font-size:var(--font-size-sm);font-weight:500}.admin-modal-body input[type=time]{font-family:inherit;font-size:16px;font-size:var(--font-size-base)}.admin-modal-body .form-select:focus,.admin-modal-body .input-field:focus,.admin-modal-body input[type=time]:focus{border-color:var(--text-color)!important;box-shadow:0 0 0 1px var(--text-color)!important}.admin-ranking-page{margin:0 auto;max-width:1400px;padding:2rem}.admin-ranking-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.admin-ranking-card.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.ranking-header{margin-bottom:2rem;text-align:center}.ranking-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.ranking-subtitle{color:#7f8c8d;font-size:1rem}.ranking-loading{color:#7f8c8d;font-size:1.1rem;padding:3rem;text-align:center}.ranking-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-card{align-items:center;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-direction:row;gap:1rem;justify-content:center;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-5px)}.stat-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.9}.stat-info{flex:1 1;text-align:center;width:100%}.stat-value{display:block;font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.stat-label{display:block;font-size:.9rem;opacity:.9}.game-filter{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.filter-buttons button{min-width:120px}.ranking-table-container{border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;overflow-x:auto}.ranking-table{background:#fff;border-collapse:collapse;width:100%}.ranking-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ranking-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.ranking-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background-color .2s ease}.ranking-table tbody tr:hover{background-color:#f8f9fa}.ranking-table tbody tr.rank-1{background:linear-gradient(90deg,#ffd7001a,#fff0)}.ranking-table tbody tr.rank-2{background:linear-gradient(90deg,#c0c0c01a,#fff0)}.ranking-table tbody tr.rank-3{background:linear-gradient(90deg,#cd7f321a,#fff0)}.ranking-table td{font-size:.95rem;padding:1rem}.position-cell{text-align:center;width:80px}.position-badge{display:inline-block;font-size:1.5rem;font-weight:700}.player-cell{min-width:200px}.player-info{align-items:center;display:flex;gap:.75rem}.player-details{flex:1 1}.player-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.player-username{color:#7f8c8d;font-size:.85rem}.score-cell{font-weight:700}.centered-cell,.score-cell{text-align:center}.total-score{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:1rem;padding:.4rem .8rem}.popular-games-section{border-top:2px solid #ecf0f1;margin-top:3rem;padding-top:2rem}.popular-games-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.popular-games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.popular-game-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.popular-game-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-3px)}.popular-game-card .game-icon{font-size:2.5rem;margin-bottom:.5rem}.popular-game-card .game-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.game-stats-mini{display:flex;flex-direction:column;gap:.5rem}.mini-stat{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.mini-label{color:#7f8c8d;font-size:.85rem}.mini-value{color:#2c3e50;font-weight:600}.no-ranking-data{color:#7f8c8d;font-size:1.1rem;padding:3rem 2rem;text-align:center}.error-message{background:#fee;border-radius:8px;color:#c33;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}@media (max-width:1024px){.ranking-stats{grid-template-columns:repeat(2,1fr)}.filter-buttons{justify-content:flex-start}.ranking-table{font-size:.9rem}.ranking-table td,.ranking-table th{padding:.75rem .5rem}}@media (max-width:768px){.admin-ranking-page{padding:1rem}.admin-ranking-card{padding:1.5rem}.ranking-header h2{font-size:1.5rem}.ranking-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.filter-buttons{flex-direction:column}.filter-buttons button{width:100%}.ranking-table-container{overflow-x:scroll}.ranking-table{min-width:800px}.popular-games-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-ranking-card{padding:1rem}.ranking-header h2{font-size:1.25rem}.player-name,.ranking-subtitle{font-size:.9rem}.player-username{font-size:.75rem}.total-score{font-size:.9rem;padding:.3rem .6rem}}.admin-manual-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:100px 20px 20px;position:relative}.admin-manual-container.fullscreen{padding-left:20px;padding-right:20px}.search-bar{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 15px #00000026;left:calc(50% + 110px);max-width:1200px;padding:12px 15px;position:fixed;top:20px;transform:translateX(-50%);width:calc(100vw - 260px);z-index:999}.admin-manual-container.fullscreen .search-bar{left:50%;max-width:1400px;width:calc(100vw - 40px)}.search-bar-content{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;width:100%}.search-input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:6px;color:#2d3748;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;min-width:0;outline:none;padding:8px 12px;transition:all .2s ease}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#a0aec0}.search-controls{align-items:center;display:flex;flex-shrink:0;gap:6px}.search-counter{color:#4a5568;font-size:.85rem;font-weight:500;min-width:80px;text-align:center;white-space:nowrap}.search-nav-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.search-nav-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff;transform:translateY(-1px)}.search-nav-btn:disabled{background:#f7fafc;cursor:not-allowed;opacity:.3}.search-close-btn{align-items:center;background:#fff;border:2px solid #feb2b2;border-radius:6px;color:#c53030;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.search-close-btn:hover:not(:disabled){background:#fc8181;border-color:#fc8181;box-shadow:0 2px 4px #fc81814d;color:#fff;transform:translateY(-1px)}.search-close-btn:disabled{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;opacity:.3}.search-match{background-color:#fef08a;font-weight:600}.current-match,.search-match{border-radius:2px;padding:2px 4px}.current-match{background-color:#fbbf24;box-shadow:0 0 0 2px #f59e0b;font-weight:700}.manual-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin:0 auto;max-width:1200px;overflow:hidden}.manual-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:4px solid #5568d3;color:#fff;padding:40px;text-align:center}.manual-title{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0003}.manual-subtitle{font-size:1.1rem;font-weight:300;margin:0;opacity:.95}.manual-body{color:#2d3748;line-height:1.8;margin:0 auto;max-width:1000px;padding:40px 60px}.manual-h1{border-bottom:3px solid #667eea;color:#667eea;font-size:2.2rem;font-weight:700;margin:40px 0 20px;padding-bottom:15px}.manual-h2{color:#764ba2;font-size:1.8rem;font-weight:600;margin:35px 0 18px;padding-top:20px;scroll-margin-top:80px}.manual-h3{color:#4a5568;font-size:1.4rem;font-weight:600;margin:28px 0 14px}.manual-h4{color:#718096;font-size:1.2rem;font-weight:600;margin:22px 0 12px}.manual-p{color:#2d3748;font-size:1rem;line-height:1.8;margin:12px 0}.manual-ol,.manual-ul{margin:16px 0;padding-left:30px}.manual-li{line-height:1.7;margin:8px 0}.manual-table-wrapper{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:24px 0;overflow-x:auto}.manual-table{background:#fff;border-collapse:collapse;font-size:.95rem;width:100%}.manual-th{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #5568d3;color:#fff;font-weight:600;padding:14px;text-align:left}.manual-td{border:1px solid #e2e8f0;padding:12px 14px;vertical-align:top}.manual-table tbody tr:nth-child(2n){background:#f7fafc}.manual-table tbody tr:hover{background:#edf2f7;transition:background .2s ease}.manual-code-inline{background:#edf2f7;border-radius:4px;color:#e53e3e;font-size:.9em;font-weight:600;padding:2px 6px}.manual-code-block,.manual-code-inline{font-family:Courier New,Courier,monospace}.manual-code-block{background:#2d3748;border-radius:8px;box-shadow:0 2px 8px #0003;color:#f7fafc;display:block;font-size:.9rem;line-height:1.6;margin:20px 0;overflow-x:auto;padding:16px}.manual-link{border-bottom:2px solid #0000;color:#667eea;font-weight:500;text-decoration:none;transition:all .3s ease}.manual-link:hover{border-bottom-color:#764ba2;color:#764ba2}.manual-blockquote{background:#fff5f5;border-left:4px solid #fc8181;border-radius:0 8px 8px 0;color:#742a2a;font-style:italic;margin:20px 0;padding:16px 20px}.manual-hr{border:none;margin:40px 0}.manual-footer,.manual-hr{border-top:2px solid #e2e8f0}.manual-footer{background:#f7fafc;color:#718096;font-size:.9rem;padding:30px;text-align:center}.manual-footer p{margin:5px 0}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.scroll-to-top:hover{box-shadow:0 6px 16px #0006;transform:translateY(-5px)}.scroll-to-top:active{transform:translateY(-2px)}.manual-error,.manual-loading{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:20px;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.manual-error p,.manual-loading p{color:#4a5568;font-size:1.1rem;margin-top:20px}.error-icon{font-size:4rem;margin-bottom:20px}.manual-error h2{color:#e53e3e;margin:10px 0}.retry-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:#5568d3;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media (max-width:1024px){.manual-body{padding:30px 40px}.manual-title{font-size:2rem}.search-bar{left:calc(50% + 110px);padding:10px 12px;top:15px;transform:translateX(-50%);width:calc(100vw - 260px)}.search-input{font-size:.9rem;padding:7px 10px}.search-close-btn,.search-nav-btn{height:30px;width:30px}.search-counter{font-size:.8rem;min-width:70px}}@media (max-width:768px){.admin-manual-container{padding:100px 10px 10px}.search-bar{border-radius:8px;left:50%;padding:10px;top:70px;transform:translateX(-50%);width:calc(100vw - 20px)}.search-bar-content{align-items:stretch;flex-direction:column;gap:8px}.search-input{font-size:.9rem;width:100%}.search-controls{gap:4px;justify-content:space-between;width:100%}.search-counter{flex:1 1;min-width:auto;text-align:left}.search-close-btn,.search-nav-btn{font-size:.75rem;height:28px;width:28px}.manual-content{border-radius:0;margin:0}.manual-header{padding:30px 20px}.manual-title{font-size:1.8rem}.manual-subtitle{font-size:1rem}.manual-body{padding:20px}.manual-h1{font-size:1.8rem}.manual-h2{font-size:1.5rem}.manual-h3{font-size:1.3rem}.manual-table-wrapper{font-size:.85rem}.manual-td,.manual-th{padding:10px}}@media (max-width:480px){.admin-manual-container{padding:95px 10px 10px}.search-bar{left:50%;padding:8px;top:65px;transform:translateX(-50%);width:calc(100vw - 20px)}.search-input{font-size:.85rem;padding:6px 8px}.search-counter{font-size:.75rem}.search-close-btn,.search-nav-btn{font-size:.7rem;height:26px;width:26px}.manual-body{padding:15px}.manual-h1,.manual-title{font-size:1.5rem}.manual-h2{font-size:1.3rem}.manual-h3{font-size:1.1rem}.manual-li,.manual-p{font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.manual-body>*{animation:fadeIn .5s ease-out}@media print{.search-bar{display:none}.admin-manual-container{background:#fff;padding:0}.manual-content{box-shadow:none;margin:0}.manual-header{background:#fff;border-bottom:2px solid #000;color:#000}.manual-body{padding:20px}.manual-h1,.manual-h2{page-break-after:avoid}.manual-table{page-break-inside:avoid}.current-match,.search-match{background:#0000;box-shadow:none;font-weight:400}}.search-close-btn:focus,.search-input:focus,.search-nav-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.manual-link{text-decoration:underline}.manual-code-inline{border:1px solid #4a5568}.search-match{outline:2px solid #fbbf24}.current-match{outline:3px solid #f59e0b}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;overscroll-behavior:contain}body{overscroll-behavior-x:none;overscroll-behavior-y:auto}.admin-dashboard-page,.admin-game-management,.admin-reports,.admin-schedule-management,.admin-settings,.admin-users-page{max-height:none!important;min-height:100vh;overflow-x:hidden}.admin-container,.app-content,.page-container{flex-grow:1;flex-shrink:0;min-height:100vh;overflow-x:hidden;overflow-y:auto}@media screen and (max-width:820px){.admin-container,.admin-dashboard-page,.admin-users-page,.app-content{max-height:none!important;min-height:100vh;overflow-y:auto!important}.admin-dashboard-card,.admin-users-page .card,.card{height:auto!important;max-height:none!important}}@media screen and (max-width:768px){.admin-container,.admin-dashboard-page,.admin-users-page,.app-content{max-height:none!important;min-height:100vh;overflow-y:auto!important}}@supports (height:100dvh){.admin-sidebar,.modal-backdrop{height:100dvh}.admin-container,.admin-dashboard-page,.admin-users-page,.app-content{min-height:100dvh}}.admin-sidebar{height:100vh;height:calc(var(--vh, 1vh)*100)}.admin-container,.admin-dashboard-page,.admin-users-page,.app-content{min-height:100vh!important}.admin-dashboard-page:before,.admin-users-page:before{pointer-events:none;z-index:-1}.admin-modal-overlay,.modal,.overlay,.sidebar-backdrop{height:100vh;height:100dvh;z-index:99999!important}.admin-modal,.confirm-modal,.game-schedule-modal{max-height:calc(100vh - 40px);overflow:visible;z-index:100000!important}.admin-modal-content,.modal-body,.modal-content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto!important}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}.data-grid,.list-container,.table-container{max-height:70vh;overflow-y:auto}.admin-form,.form-container{max-height:none!important;overflow-y:auto}.debug-scroll{outline:2px solid red!important;overflow:visible!important}@media screen and (-webkit-min-device-pixel-ratio:1){.admin-container,.admin-modal-content,.app-content,.modal-content,body{-webkit-overflow-scrolling:touch}}@media screen and (max-width:820px){.admin-modal-overlay,.confirm-modal-overlay,.modal-overlay{padding:max(10px,2vh) max(10px,2vw)!important;z-index:99999!important}.admin-modal,.confirm-modal,.modal{max-height:calc(100vh - 20px)!important;max-width:min(600px,95vw)!important;z-index:100000!important}.admin-modal-content,.modal-content{max-height:calc(100vh - 150px)!important}}@media screen and (max-width:768px){.admin-modal,.confirm-modal,.modal{max-width:min(550px,98vw)!important;padding:var(--spacing-md)!important}.admin-modal-content,.modal-content{max-height:calc(100vh - 120px)!important}}@media screen and (max-width:480px){.admin-modal,.confirm-modal,.modal{border-radius:var(--border-radius-sm)!important;max-height:calc(100vh - 10px)!important;max-width:98vw!important;overflow-y:auto!important;padding:var(--spacing-sm)!important}.admin-modal-content,.modal-content{max-height:calc(100vh - 80px)!important}.admin-modal-actions,.modal-actions{align-items:center!important;flex-direction:column!important;gap:var(--spacing-xs)!important}.admin-modal-actions button,.modal-actions button{min-width:auto!important;width:100%!important}}.App{display:flex;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}#root,body,html{margin:0;min-height:100vh;padding:0}*,:after,:before{box-sizing:border-box}html{background:var(--admin-gradient);background-attachment:fixed;background-size:cover}#root,body{background:#0000;overflow-x:hidden;overflow-y:auto}.App{background:#0000;flex-grow:1}.app-content{background:#0000;flex:1 1;flex-grow:1;min-height:100vh;overflow-x:hidden;overflow-y:auto;transition:margin .3s ease;width:100%}.admin-sidebar,.admin-sidebar-mobile{height:100dvh;height:100vh;height:calc(var(--vh, 1vh)*100)}.admin-sidebar:not(.mobile)~.app-content{margin-left:220px}.admin-sidebar.mobile~.app-content{margin-left:0!important}@media (max-width:820px){.app-content{margin-left:0!important;width:100%!important}.admin-container,.app-content{min-height:100vh;overflow-y:auto!important}.admin-container{padding:var(--spacing-md) var(--spacing-sm)}.admin-sidebar-toggle{display:flex!important}}@media (min-width:768px) and (max-width:820px){.admin-container,.app-content{max-height:none!important;overflow-y:auto!important}}.admin-container{display:flex;flex-direction:column;flex-grow:1;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-md);width:100%}.admin-container.admin-users-page{background:var(--admin-users-gradient);background-attachment:local}@media (max-width:768px){.app-content{margin-left:0!important;width:100%}.admin-container,.app-content{min-height:100vh;overflow-y:auto!important}.admin-container{padding:var(--spacing-md) var(--spacing-sm)}}@media (max-width:480px){.admin-container{overflow-y:auto!important;padding:var(--spacing-sm) var(--spacing-xs)}}
/*# sourceMappingURL=main.6728d01a.css.map*/