:root{--primary: #DC033E;--primary-hover: #B8022F;--primary-glow: rgba(220, 3, 62, .4);--bg-root: #0B0F17;--bg-sidebar: #111623;--bg-card: #1A1F2E;--bg-card-hover: #23293B;--glass-bg: rgba(26, 31, 46, .7);--glass-border: rgba(255, 255, 255, .08);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #64748B;--success: #10B981;--success-bg: rgba(16, 185, 129, .15);--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--sidebar-width: 260px;--touch-target-min: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 4px rgba(0,0,0,.2);--shadow-md: 0 8px 16px rgba(0,0,0,.25);--shadow-lg: 0 16px 32px rgba(0,0,0,.3);--shadow-glow: 0 0 20px var(--primary-glow);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--font-size-xs: clamp(.625rem, .5rem + .5vw, .75rem);--font-size-sm: clamp(.75rem, .625rem + .5vw, .875rem);--font-size-base: clamp(.875rem, .75rem + .5vw, 1rem);--font-size-lg: clamp(1rem, .875rem + .5vw, 1.125rem);--font-size-xl: clamp(1.25rem, 1rem + 1vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.25rem + 1.5vw, 2.25rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-root);color:var(--text-primary);margin:0;padding:0;height:100vh;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overscroll-behavior:none;padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}button,a,input,select,textarea,[role=button],[role=link]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:var(--touch-target-min)}button,[role=button]{-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--primary);color:#fff}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img[loading=lazy]{background:var(--bg-card)}input,select,textarea{font-family:inherit;font-size:16px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:768px){.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;will-change:transform}@media(orientation:landscape)and (max-height:500px){:root{--touch-target-min: 40px}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);display:flex;flex-direction:column;padding:32px 24px;flex-shrink:0;border-right:1px solid var(--glass-border);z-index:20}.sidebar-header{margin-bottom:48px}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.logo-icon{width:36px;height:36px;background:transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.logo-text .accent{color:var(--primary)}.sidebar-menu{flex:1;display:flex;flex-direction:column;gap:8px}.menu-label{font-size:11px;color:var(--text-tertiary);margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding-left:12px}.menu-item{display:flex;align-items:center;gap:14px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;min-height:44px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.menu-item i{width:20px;text-align:center;font-size:18px;transition:color .2s}.menu-item:hover{color:var(--text-primary);background:#ffffff08;transform:translate(4px)}.menu-item.active{background:linear-gradient(90deg,rgba(220,3,62,.15) 0%,transparent 100%);color:var(--primary);border-left:3px solid var(--primary);border-radius:4px var(--radius-md) var(--radius-md) 4px}.pro-box{background:linear-gradient(180deg,#ffffff08,#fff0);border-radius:var(--radius-lg);padding:16px;margin-top:auto;border:1px solid var(--glass-border);position:relative;overflow:hidden}.pro-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.active-pro{background:#10b9810d;border-color:#10b98133}.pro-header{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:700;font-size:14px;margin-bottom:8px}.pro-header i{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary))}.active-pro .pro-header i{color:var(--success);filter:drop-shadow(0 0 8px var(--success))}.pro-box p{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0}.pro-box p:not(:last-child){margin-bottom:16px}.btn-upgrade{width:100%;background:var(--primary);color:#fff;border:none;padding:12px;border-radius:var(--radius-md);font-weight:700;font-size:12px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-glow);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:8px}.btn-upgrade:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 20px var(--primary-glow)}.trust-mini{font-size:10px;color:var(--text-tertiary);margin-top:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.social-proof-widget{background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;text-align:center}.proof-avatars{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.proof-avatars img{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg-sidebar);margin-left:-8px;object-fit:cover}.proof-avatars img:first-child{margin-left:0}.avatar-count{width:28px;height:28px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;margin-left:-8px;border:2px solid var(--bg-sidebar)}.proof-info{font-size:11px;color:var(--text-secondary);margin-bottom:8px}.proof-info strong{color:var(--text-primary)}.proof-rating{display:flex;align-items:center;justify-content:center;gap:2px;font-size:10px}.proof-rating i{color:#ffc107;font-size:10px}.proof-rating span{color:var(--text-tertiary);margin-left:6px;font-weight:600}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:19;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;background:transparent;border:none;cursor:pointer;gap:5px;border-radius:var(--radius-md);transition:background .2s ease;-webkit-tap-highlight-color:transparent}.hamburger-btn:hover,.hamburger-btn:focus-visible{background:#ffffff14}.hamburger-line{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger-btn.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:1024px){.sidebar{width:88px;padding:24px 16px;align-items:center}.logo-text,.menu-label,.menu-item span,.pro-box,.social-proof-widget{display:none}.menu-item{justify-content:center;padding:16px}}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:280px!important;max-width:85vw!important;transform:translate(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:1000!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:24px 20px!important;padding-top:calc(24px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;background-color:var(--bg-sidebar)!important;border-right:1px solid var(--glass-border)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.sidebar.mobile-open{transform:translate(0)!important}.sidebar .logo-text,.sidebar .menu-label,.sidebar .menu-item span,.sidebar .pro-box,.sidebar .social-proof-widget{display:block!important}.sidebar .menu-item{justify-content:flex-start!important;padding:12px 16px!important}.sidebar .pro-box{position:relative!important;z-index:2!important;flex-shrink:0!important}.sidebar .btn-upgrade{position:relative!important;z-index:3!important}.sidebar-overlay{z-index:999!important}.hamburger-btn{width:44px;height:44px;padding:10px}.hamburger-line{width:20px;height:2px}}@media(max-width:480px){.sidebar{width:260px!important}}.sidebar,.sidebar-overlay{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-overlay,.hamburger-line{animation:none!important;transition:none!important}.sidebar.mobile-open{transition:none}}