:root{--color-background: #1E1E1E;--color-background-alt: #181818;--overlay-background: #23232A;--color-overlay-dark: rgba(20, 20, 30, .65);--color-overlay-modal: rgba(25, 25, 25, .95);--color-card-bg: #2A2A2A;--color-text-main: #FFFFFF;--color-text-secondary: #A3A3A3;--color-text-muted: rgba(163, 163, 163, .6);--color-white: #FFFFFF;--color-black: #000000;--color-primary: #BB86FC;--color-primary-hover: #9B65D1;--color-primary-rgb: 187, 134, 252;--color-accent: #03DAC6;--color-accent-rgb: 3, 218, 198;--color-error: #ff6b6b;--color-error-dark: #b00020;--color-error-rgb: 255, 107, 107;--color-offline: #e57373;--color-offline-rgb: 229, 115, 115;--color-success: var(--color-accent);--color-disabled: #555;--color-header-bg: #121212;--color-header-bg-rgb: 18, 18, 18;--color-header-text: #EEEEEE;--color-footer-bg: #181818;--color-footer-text: #bcbcbc;--color-border-light: rgba(255, 255, 255, .1);--color-border-medium: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .12);--color-shadow-dark: rgba(0, 0, 0, .3);--color-shadow-darker: rgba(0, 0, 0, .4);--color-shadow-primary: rgba(187, 134, 252, .3);--color-shadow-accent: rgba(3, 218, 198, .3);--color-surface-light: rgba(255, 255, 255, .03);--color-surface-medium: rgba(255, 255, 255, .04);--color-surface-strong: rgba(255, 255, 255, .08);--color-surface-primary: rgba(187, 134, 252, .1);--color-surface-accent: rgba(3, 218, 198, .1)}body{margin:0;background-color:var(--color-background);color:var(--color-text-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.backend-offline-banner{background-color:var(--color-error-dark);color:var(--color-white);padding:10px 0;font-weight:700;top:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:center;height:35px}.cookies-consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-dark);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookies-consent{background:var(--color-overlay-modal);color:var(--color-text-main);padding:32px;border-radius:24px;max-width:480px;width:90%;box-shadow:0 8px 32px var(--color-shadow-darker),0 0 0 1px var(--color-border-light);display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;animation:slideUp .4s ease-out;z-index:2001}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookies-consent:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shine 3s infinite}@keyframes shine{to{left:200%}}.cookies-consent .consent-banner{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.cookies-consent .consent-banner p{margin:0;color:var(--color-text-main);text-align:center;font-size:16px;line-height:1.6;font-weight:400}.cookies-consent .consent-config{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.cookies-consent .consent-config h4{margin:0;font-size:22px;font-weight:600;color:var(--color-text-main);text-align:center;letter-spacing:-.5px}.cookies-consent .checkbox-group{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-surface-medium);border-radius:16px;border:1px solid var(--color-border-light)}.cookies-consent .checkbox-group label{display:flex;align-items:center;gap:12px;color:var(--color-text-main);cursor:pointer;padding:12px;border-radius:12px;transition:all .2s ease;position:relative}.cookies-consent .checkbox-group label:hover:not(:has(input:disabled)){background:var(--color-surface-light);transform:translate(4px)}.cookies-consent .checkbox-group label:has(input:disabled){opacity:.7;cursor:not-allowed}.cookies-consent .checkbox-group input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--color-border-strong);border-radius:6px;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0;background:var(--color-background-alt)}.cookies-consent .checkbox-group input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.cookies-consent .checkbox-group input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:9px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.cookies-consent .checkbox-group input[type=checkbox]:disabled{cursor:not-allowed;background:var(--color-surface-strong);border-color:var(--color-border-medium)}.cookies-consent .checkbox-group input[type=checkbox]:disabled:checked{background:var(--color-accent);border-color:var(--color-accent)}.cookies-consent .buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.cookies-consent .consent-banner button,.cookies-consent .consent-config button{background:var(--color-primary);color:var(--color-white);border:none;border-radius:12px;padding:14px 24px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);letter-spacing:.3px}.cookies-consent .consent-banner button:before,.cookies-consent .consent-config button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cookies-consent .consent-banner button:hover:before,.cookies-consent .consent-config button:hover:before{width:300px;height:300px}.cookies-consent .consent-banner button:hover,.cookies-consent .consent-config button:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.4)}.cookies-consent .consent-banner button:active,.cookies-consent .consent-config button:active{transform:translateY(0)}.cookies-consent .consent-banner button:nth-child(2){background:transparent;color:var(--color-text-main);border:2px solid var(--color-border-strong);box-shadow:none}.cookies-consent .consent-banner button:nth-child(2):hover{background:var(--color-surface-medium);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}@media(max-width:500px){.cookies-consent{padding:24px;border-radius:20px;gap:20px}.cookies-consent .consent-config h4{font-size:20px}.cookies-consent .consent-banner p{font-size:15px}.cookies-consent .buttons{flex-direction:column}.cookies-consent .consent-banner button,.cookies-consent .consent-config button{width:100%}.cookies-consent .checkbox-group label{font-size:14px}}