:root{--bg-light:#f8f9fa;--text-main:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--accent-blue:#0284c7;--premium-blue:#002664}*{box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg-light);color:var(--text-main);min-height:100vh}#loading-overlay{position:fixed;inset:0;background:#fff;z-index:9999;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}#loading-overlay.loaded{opacity:0;visibility:hidden}#app-container,.app-inner{width:100%;min-height:100vh;display:flex}.sidebar{width:260px;flex-shrink:0;background:#fff;border-right:1px solid var(--border-color);padding:24px 20px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo-brand{display:block;margin-bottom:24px}.logo-img{height:36px;width:auto;display:block}.nav-list{flex-direction:column}.nav-btn,.nav-list{display:flex;width:100%}.nav-btn{align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;border-radius:0;transition:background-color .15s,color .15s}.nav-btn.active,.nav-btn:hover{background:#f3f4f6;color:var(--text-main)}.menu-img-container{display:none}.main-content{flex:1;padding:40px;overflow-y:auto}.support-page{max-width:720px}.support-page h1{margin:0 0 12px;font-size:28px;font-weight:800;letter-spacing:-.5px}.page-intro{margin:0 0 20px;font-size:16px;line-height:1.7;color:#374151}.support-email-line{margin:0 0 28px;font-size:15px;line-height:1.6;color:#374151}.support-email-line a{color:var(--accent-blue);font-weight:600;text-decoration:none}.support-email-line a:hover{text-decoration:underline}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.input-field,.textarea-field{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:0;font-size:15px;font-family:inherit;background:#fff;color:var(--text-main)}.textarea-field{min-height:140px;resize:vertical}.input-field:focus,.textarea-field:focus{outline:none;border-color:#9ca3af}.submit-btn{width:auto;padding:12px 24px;border:1px solid var(--premium-blue);border-radius:0;background:var(--premium-blue);color:#ffffff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.submit-btn:hover{opacity:.92}@media (max-width:1024px){.app-inner{flex-direction:column}.sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border-color)}.nav-list{flex-direction:row;overflow-x:auto;gap:8px}.nav-btn{white-space:nowrap;width:auto;margin-bottom:0}.main-content{padding:24px 16px}}