@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.portal-layout[data-v-7447ccde]{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.portal-main[data-v-7447ccde]{padding:calc(var(--navbar-height) + 32px) 0 32px;flex:1}.navbar[data-v-7447ccde]{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1628f7;border-bottom:1px solid #ffffff12;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #0000004d}.navbar-inner[data-v-7447ccde]{max-width:1400px;height:var(--navbar-height);align-items:center;gap:24px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo[data-v-7447ccde]{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-badge[data-v-7447ccde]{background:linear-gradient(135deg, var(--primary) 0%, #ff8a5c 100%);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex;box-shadow:0 2px 8px #ff6b3566}.logo-text[data-v-7447ccde]{flex-direction:column;line-height:1.2;display:flex}.logo-name[data-v-7447ccde]{color:#fff;letter-spacing:.3px;font-size:16px;font-weight:700}.logo-tagline[data-v-7447ccde]{color:#fff6;letter-spacing:.2px;font-size:10px}.navbar-nav[data-v-7447ccde]{flex:1;align-items:center;gap:2px;display:flex}.nav-link[data-v-7447ccde]{color:#fff9;white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:500;transition:all .18s;display:flex}.nav-link[data-v-7447ccde]:hover{color:#fff;background:#ffffff14}.nav-link.active[data-v-7447ccde]{color:#fff;background:#ff6b3533;border:1px solid #ff6b3559}.nav-link-icon[data-v-7447ccde]{opacity:.8;align-items:center;display:flex}.navbar-actions[data-v-7447ccde]{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn-post[data-v-7447ccde]{background:var(--primary);color:#fff;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 8px #ff6b354d}.btn-post[data-v-7447ccde]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3573}.user-menu[data-v-7447ccde]{cursor:pointer;color:#ffffffb3;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;transition:background .18s;display:flex}.user-menu[data-v-7447ccde]:hover{color:#fff;background:#ffffff14}.user-avatar[data-v-7447ccde]{background:linear-gradient(135deg, var(--primary), #ff8a5c);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.user-name-text[data-v-7447ccde]{font-size:13px;font-weight:500}.btn-logout[data-v-7447ccde]{color:#fff6;border-radius:7px;align-items:center;padding:7px;transition:all .18s;display:flex}.btn-logout[data-v-7447ccde]:hover{color:#ef4444;background:#ef444426}.hamburger[data-v-7447ccde]{color:#ffffffb3;border-radius:7px;padding:6px;transition:background .15s;display:none}.hamburger[data-v-7447ccde]:hover{color:#fff;background:#ffffff14}.mobile-menu[data-v-7447ccde]{background:#0d1f38;border-top:1px solid #ffffff0f;flex-direction:column;gap:2px;padding:8px 16px 16px;display:none}.mobile-menu.open[data-v-7447ccde]{display:flex}.mobile-nav-link[data-v-7447ccde]{color:#ffffffa6;cursor:pointer;text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.mobile-nav-link[data-v-7447ccde]:hover,.mobile-nav-link.active[data-v-7447ccde]{color:#fff;background:#ff6b3526}.mobile-logout[data-v-7447ccde]{color:#ef4444b3}.mobile-logout[data-v-7447ccde]:hover{color:#ef4444;background:#ef44441f}.mobile-divider[data-v-7447ccde]{background:#ffffff12;height:1px;margin:6px 0}@media (width<=900px){.navbar-nav[data-v-7447ccde],.navbar-actions[data-v-7447ccde]{display:none}.hamburger[data-v-7447ccde]{margin-left:auto;display:flex}}:root{--primary:#ff6b35;--primary-light:#ff8a5c;--primary-dark:#e55a25;--tech-blue:#1565c0;--tech-blue-light:#1976d2;--tech-blue-dark:#0d47a1;--tech-cyan:#00bcd4;--bg:#f0f2f5;--bg-card:#fff;--bg-dark:#0a1628;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--navbar-height:64px;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.page-container{max-width:1200px;margin:0 auto;padding:24px}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);padding:24px}.btn{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:6px 14px;font-size:13px}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-orange{color:var(--primary);background:#fff3ed}.badge-blue{color:var(--info);background:#eff6ff}.badge-green{color:var(--success);background:#ecfdf5}.badge-red{color:var(--danger);background:#fef2f2}.badge-gray{color:var(--text-secondary);background:#f3f4f6}.avatar{color:#fff;background:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:48px;height:48px;font-size:18px}input[type=text],input[type=password],input[type=email],textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a}textarea{resize:vertical;min-height:80px}.section-title{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:600}.empty-state{text-align:center;color:var(--text-tertiary);padding:48px 24px}.empty-state svg{opacity:.4;margin-bottom:16px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.tag{background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:13px;transition:all .2s;display:inline-block}.tag:hover{color:var(--primary);background:#fff3ed}.tag.active{background:var(--primary);color:#fff}