.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-default);height:100vh;transition:transform var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex}.sidebar-logo{border-bottom:1px solid var(--border-default);align-items:center;gap:12px;padding:20px;display:flex}.logo-icon{width:40px;height:40px;color:var(--color-primary);background:var(--color-primary-subtle);border-radius:var(--radius-md);filter:drop-shadow(0 0 8px var(--color-primary));justify-content:center;align-items:center;display:flex}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-title{letter-spacing:2px;color:var(--color-primary);font-size:16px;font-weight:700}.logo-subtitle{letter-spacing:3px;color:var(--text-muted);font-size:11px;font-weight:600}.web-badge{background:var(--color-accent-blue);color:#fff;letter-spacing:1px;border-radius:var(--radius-sm);margin-left:auto;padding:3px 8px;font-size:9px;font-weight:700}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px;padding:0 20px;font-size:10px;font-weight:600}.nav-list{margin:0;padding:0;list-style:none}.nav-link{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;display:flex;position:relative}.nav-link:hover:not(.nav-link--disabled){background:var(--bg-hover);color:var(--text-primary)}.nav-link--active{color:var(--color-primary)!important;background:var(--color-primary-subtle)!important}.nav-link--active:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.nav-link--disabled{color:var(--text-disabled);cursor:not-allowed}.nav-link--external{text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.external-icon{opacity:.5;margin-left:auto}.nav-link:hover .external-icon{opacity:1}.nav-icon{width:20px;height:20px;transition:filter var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-link:hover:not(.nav-link--disabled) .nav-icon{filter:brightness(1.2)}.nav-link--disabled .nav-icon{opacity:.4;filter:saturate(.3)}.nav-icon svg{width:18px;height:18px}.nav-label{flex:1;font-size:14px;font-weight:500}.nav-badge{background:var(--color-primary-subtle);color:var(--color-primary);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.nav-badge--soon{color:var(--text-muted);background:#ffffff0d}.nav-badge--new{color:#0f8;background:#00ff8826;font-weight:600}.sidebar-premium{border-top:1px solid var(--border-default);margin-bottom:8px;padding:12px}.nav-link--premium{transition:all var(--transition-fast);background:linear-gradient(135deg,#ffc10714,#ff98000a);border:1px solid #ffc10740;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative;box-shadow:0 0 20px #ffc10714,inset 0 1px #ffffff0d}.nav-link--premium .nav-icon{filter:drop-shadow(0 0 6px #ffc10780);justify-content:center;align-items:center;line-height:0;display:flex}.nav-link--premium .nav-label{background:linear-gradient(135deg,#fff,#ffc107);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;line-height:1.3}.nav-link--premium:hover{border-color:#ffc10766;transform:translate(2px);box-shadow:0 0 30px #ffc10740,0 4px 15px #0003,inset 0 1px #ffffff14;background:linear-gradient(135deg,#ffc10726,#ff980014)!important}.nav-link--premium:hover .nav-icon{filter:drop-shadow(0 0 8px #ffc107b3)}.nav-link--premium.nav-link--active{border-color:#ffc10780;background:linear-gradient(135deg,#ffc1072e,#ff98001f)!important}.nav-link--premium.nav-link--active:before{display:none}.nav-badge--upgrade{color:#1a1a1a;text-shadow:0 1px #fff3;background:linear-gradient(135deg,#ffc107,#ff9800);border:none;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;line-height:1;animation:2s ease-in-out infinite badge-pulse;display:inline-flex;box-shadow:0 2px 8px #ffc10766}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ffc10766}50%{transform:scale(1.05);box-shadow:0 2px 12px #ffc10799}}.sidebar-auth{border-top:1px solid var(--border-default);padding:16px}.sidebar-auth-loading{justify-content:center;padding:8px;display:flex}.sidebar-login-prompt{flex-direction:column;gap:12px;display:flex}.sidebar-login-text{color:var(--text-muted);text-align:center;font-size:12px}.sidebar-footer{border-top:1px solid var(--border-default);padding:16px 20px 100px}.sidebar-footer--premium{padding-bottom:16px}.version-info{justify-content:space-between;align-items:center;display:flex}.version-label{color:var(--text-muted);font-size:11px}.version-number{color:var(--text-muted);font-family:Consolas,monospace;font-size:11px;font-weight:600}.sidebar-ccpa{margin-top:8px;font-size:11px;display:block}.sidebar-ccpa:empty{display:none}.sidebar-ccpa a{color:var(--text-muted);text-decoration:underline}@media (max-width:768px){.sidebar{z-index:9999;height:100dvh;box-shadow:var(--shadow-xl);will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.nav-link{min-height:var(--touch-target-min,44px);padding:14px 20px}.nav-label{font-size:15px}.sidebar-logo{padding:16px 20px;position:relative}.sidebar-logo:after{content:"";background:var(--text-muted);opacity:.3;border-radius:2px;width:4px;height:32px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.nav-link--premium{min-height:var(--touch-target-comfortable,48px)}.web-badge{display:none}.sidebar-footer{padding:12px 16px 120px}.sidebar-auth{padding:12px 16px}}@media (max-width:380px){.sidebar{width:100%;max-width:280px}.logo-title{font-size:14px}.logo-subtitle{font-size:10px}}
.header{height:var(--header-height);min-height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.menu-button{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:none}.menu-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.header-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.header-right{align-items:center;gap:16px;display:flex}.header-button{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.header-button:hover{background:var(--bg-elevated);border-color:var(--border-hover);color:var(--text-primary)}.header-time{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-default);flex-direction:column;align-items:flex-end;padding:4px 12px;display:flex}.time-value{color:var(--color-primary);letter-spacing:1px;font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600}.time-date{color:var(--text-muted);letter-spacing:.5px;font-size:10px}.free-trial-promo{cursor:pointer;background:linear-gradient(135deg,#ffc1071f,#ff980014);border:1.5px solid #ffc10766;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;animation:3s ease-in-out infinite subtle-pulse;display:flex}.free-trial-promo:hover{background:linear-gradient(135deg,#ffc10733,#ff980026);border-color:#ffc10799;transform:translateY(-1px);box-shadow:0 4px 12px #ffc10733}.free-trial-promo .promo-icon{filter:drop-shadow(0 0 4px #ffc10799);font-size:14px}.free-trial-promo .promo-text{background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-text-fill-color:transparent;letter-spacing:.3px;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:600}@keyframes subtle-pulse{0%,to{box-shadow:0 0 8px #ffc10726}50%{box-shadow:0 0 16px #ffc10740}}@media (max-width:768px){.header{height:var(--mobile-header-height,52px);min-height:var(--mobile-header-height,52px);padding:0 12px}.header-left{gap:12px}.menu-button{width:var(--touch-target-min,44px);height:var(--touch-target-min,44px);flex-shrink:0;display:flex}.menu-button:active{background:var(--bg-tertiary);transform:scale(.95)}.header-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.header-right{gap:8px;margin-left:auto}.header-time{display:none}.free-trial-promo{min-height:var(--touch-target-min,44px);gap:5px;padding:6px 10px}.free-trial-promo .promo-icon{font-size:14px}.free-trial-promo .promo-text{letter-spacing:.2px;font-size:11px}.header-button{min-height:var(--touch-target-min,44px);padding:8px 12px}}@media (max-width:380px){.header{padding:0 8px}.header-title{max-width:100px;font-size:14px}.free-trial-promo{gap:4px;padding:6px 8px}.free-trial-promo .promo-icon{font-size:12px}.free-trial-promo .promo-text{font-size:10px}}
:root{--sidebar-width:240px;--header-height:56px}.layout{--toast-bottom:100px;background:var(--bg-primary);width:100%;height:100dvh;display:flex;overflow:hidden}.layout--premium{--toast-bottom:24px}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.layout-content{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:92px;overflow:hidden auto}@media (min-width:1400px){.layout{--ad-gutter:340px;width:calc(100% - 340px)}.layout--premium{--ad-gutter:0px;width:100%}}.layout-content--premium{padding-bottom:0}.layout-content--premium .page{max-width:100%}.nitropay-side-ad{display:none}@media (min-width:1400px){.nitropay-side-ad{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:340px;height:100%;padding-bottom:100px;display:flex;position:fixed;top:0;right:0;overflow:hidden}.nitropay-side-ad>*{pointer-events:auto;flex-shrink:0}@media (max-height:1000px){.nitropay-side-ad>:last-child{display:none}}}.sidebar-overlay{z-index:9998;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;visibility:hidden;background:0 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0}.sidebar-overlay--active{visibility:visible;pointer-events:auto;-webkit-backdrop-filter:blur(3px);background:#0009}@media (min-width:769px){.sidebar-overlay{display:none!important}}@media (max-width:768px){.layout{flex-direction:column}.layout-main{width:100%}.layout-content{padding-bottom:calc(120px + var(--safe-area-bottom,0px))}}.page{width:100%;max-width:1400px;padding:24px}@media (max-width:768px){.page{padding:16px}}@media (max-width:480px){.page{padding:12px}}.page-header{margin-bottom:24px}.page-header h1,.page-header h2,.page-header .page-title{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.page-header p,.page-header .page-description{color:var(--text-secondary);margin:0;font-size:14px}@media (max-width:768px){.page-header{margin-bottom:16px}.page-header h1,.page-header .page-title{font-size:20px}}@media (max-width:480px){.page-header h1,.page-header .page-title{font-size:18px}}