:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--color-bg: #000000;--color-surface: #111111;--color-surface-elevated: #1a1a1a;--color-text: #ffffff;--color-text-secondary: #888888;--color-border: #333333;--color-primary: #ffffff;--color-primary-muted: rgba(255, 255, 255, .1);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Sarabun,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh;min-height:100dvh;padding-top:var(--safe-area-inset-top)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;max-height:500px;height:auto;display:block}.user-avatar img,.profile-avatar img,.avatar img,.avatar-inner img,.sidebar img{width:100%!important;height:100%!important;max-width:100px!important;max-height:100px!important;-o-object-fit:cover!important;object-fit:cover!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.bottom-nav[data-astro-cid-xr7337ro]{background:#0a0a0a;border-top:1px solid #222}.nav-container[data-astro-cid-xr7337ro]{display:flex;align-items:stretch;justify-content:space-around;height:64px;max-width:500px;margin:0 auto}.nav-item[data-astro-cid-xr7337ro]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;color:#666;text-decoration:none;transition:all .2s ease;position:relative}.nav-item[data-astro-cid-xr7337ro]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:24px;height:3px;background:#fff;border-radius:0 0 4px 4px;transition:transform .2s ease}.nav-item[data-astro-cid-xr7337ro].active:before{transform:translate(-50%) scaleX(1)}.nav-item[data-astro-cid-xr7337ro].active{color:#fff}.nav-item[data-astro-cid-xr7337ro]:hover:not(.active){color:#888}.nav-icon[data-astro-cid-xr7337ro]{width:24px;height:24px;margin-bottom:.125rem}.nav-icon[data-astro-cid-xr7337ro] svg[data-astro-cid-xr7337ro]{width:100%;height:100%}.nav-label[data-astro-cid-xr7337ro]{font-size:.625rem;font-weight:500;text-align:center}.nav-item[data-astro-cid-xr7337ro]:active{background:#ffffff0d}.nav-item[data-astro-cid-xr7337ro].special{position:relative}.nav-item[data-astro-cid-xr7337ro].special .nav-icon[data-astro-cid-xr7337ro]{width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-top:-16px;box-shadow:0 4px 12px #22c55e66}.nav-item[data-astro-cid-xr7337ro].special .nav-icon[data-astro-cid-xr7337ro] svg[data-astro-cid-xr7337ro]{width:22px;height:22px;stroke:#fff}.nav-item[data-astro-cid-xr7337ro].special,.nav-item[data-astro-cid-xr7337ro].special.active{color:#22c55e}.nav-item[data-astro-cid-xr7337ro].special.active .nav-icon[data-astro-cid-xr7337ro]{background:linear-gradient(135deg,#16a34a,#15803d)}.nav-item[data-astro-cid-xr7337ro].special:before{display:none}.sidebar[data-astro-cid-lzcjmvsu]{display:flex;flex-direction:column;height:100%;background:#0a0a0a;padding:1.5rem 1rem;border-right:1px solid #222}.logo-section[data-astro-cid-lzcjmvsu]{display:flex;align-items:center;gap:.75rem;padding:0 .5rem;margin-bottom:2rem}.logo-icon[data-astro-cid-lzcjmvsu]{width:40px;height:40px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:#000}.logo-text[data-astro-cid-lzcjmvsu]{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.5px}.logo-badge[data-astro-cid-lzcjmvsu]{font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;background:#333;color:#fff;letter-spacing:1px}.nav-section[data-astro-cid-lzcjmvsu]{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-item[data-astro-cid-lzcjmvsu]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;color:#888;text-decoration:none;transition:all .2s ease;font-size:.9rem;font-weight:500}.nav-item[data-astro-cid-lzcjmvsu]:hover{background:#ffffff0d;color:#fff}.nav-item[data-astro-cid-lzcjmvsu].active{background:#fff;color:#000}.nav-icon[data-astro-cid-lzcjmvsu]{width:20px;height:20px;flex-shrink:0}.nav-icon[data-astro-cid-lzcjmvsu] svg[data-astro-cid-lzcjmvsu]{width:100%;height:100%}.nav-label[data-astro-cid-lzcjmvsu]{flex:1}.premium-card[data-astro-cid-lzcjmvsu]{margin-top:1rem;margin-bottom:1.5rem;padding:1.25rem;border-radius:12px;background:#111;border:1px solid #333;text-align:center}.premium-icon[data-astro-cid-lzcjmvsu]{width:48px;height:48px;margin:0 auto .75rem;color:#fbbf24}.premium-title[data-astro-cid-lzcjmvsu]{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.25rem}.premium-desc[data-astro-cid-lzcjmvsu]{font-size:.75rem;color:#666;margin-bottom:.75rem}.premium-btn[data-astro-cid-lzcjmvsu]{width:100%;padding:.5rem 1rem;border-radius:8px;background:#fff;color:#000;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.premium-btn[data-astro-cid-lzcjmvsu]:hover{background:#e5e5e5}.user-section[data-astro-cid-lzcjmvsu]{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:10px;background:#111;border:1px solid #222}.user-avatar[data-astro-cid-lzcjmvsu]{width:40px;height:40px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#888}.user-avatar[data-astro-cid-lzcjmvsu] img[data-astro-cid-lzcjmvsu]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info[data-astro-cid-lzcjmvsu]{flex:1;min-width:0}.user-name[data-astro-cid-lzcjmvsu]{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-astro-cid-lzcjmvsu]{font-size:.7rem;color:#666}.logout-btn[data-astro-cid-lzcjmvsu]{width:36px;height:36px;border-radius:8px;background:transparent;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.logout-btn[data-astro-cid-lzcjmvsu]:hover{background:#ffffff0d;color:#fff}