:root{--vs-primary: #0d2137;--vs-primary-hover: #091828;--vs-primary-soft: #152d47;--vs-bg: #0a1929;--vs-bg-dark: #060e1a;--vs-bg-elevated: #0f2640;--vs-bg-secondary: #132d4a;--vs-border: rgba(59, 130, 246, .12);--vs-border-light: rgba(59, 130, 246, .06);--vs-separator: rgba(255, 255, 255, .06);--vs-accent: #3b82f6;--vs-accent-hover: #60a5fa;--vs-accent-light: rgba(59, 130, 246, .15);--vs-success: #34d399;--vs-success-light: rgba(52, 211, 153, .15);--vs-error: #f87171;--vs-error-light: rgba(248, 113, 113, .15);--vs-warning: #fbbf24;--vs-warning-light: rgba(251, 191, 36, .15);--vs-info: #38bdf8;--vs-info-light: rgba(56, 189, 248, .15);--vs-purple: #a78bfa;--vs-purple-light: rgba(167, 139, 250, .15);--vs-text-primary: #e2e8f0;--vs-text-secondary: #94a3b8;--vs-text-tertiary: #64748b;--vs-text-white: #f1f5f9;--vs-font-family: "Poppins", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--vs-text-xs: .6875rem;--vs-text-sm: .75rem;--vs-text-base: .8125rem;--vs-text-md: .875rem;--vs-text-lg: 1rem;--vs-text-xl: 1.125rem;--vs-text-2xl: 1.5rem;--vs-text-3xl: 2rem;--vs-font-light: 300;--vs-font-regular: 400;--vs-font-medium: 500;--vs-font-semibold: 600;--vs-font-bold: 700;--vs-leading-tight: 1.25;--vs-leading-normal: 1.5;--vs-leading-relaxed: 1.6;--vs-space-1: .25rem;--vs-space-2: .5rem;--vs-space-3: .75rem;--vs-space-4: 1rem;--vs-space-5: 1.25rem;--vs-space-6: 1.5rem;--vs-space-8: 2rem;--vs-space-10: 2.5rem;--vs-space-12: 3rem;--vs-radius-sm: .375rem;--vs-radius-md: .5rem;--vs-radius-lg: .75rem;--vs-radius-xl: 1rem;--vs-radius-2xl: 1.25rem;--vs-radius-3xl: 1.5rem;--vs-radius-full: 9999px;--vs-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--vs-shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--vs-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--vs-shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--vs-transition-fast: .15s ease;--vs-transition-normal: .2s ease;--vs-transition-slow: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--vs-font-family);font-size:var(--vs-text-md);font-weight:var(--vs-font-regular);line-height:var(--vs-leading-relaxed);color:var(--vs-text-primary);background:var(--vs-bg-dark);min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.08),transparent 50%),radial-gradient(circle at 85% 80%,rgba(59,130,246,.05),transparent 50%);pointer-events:none;z-index:0}::selection{background:var(--vs-accent-light);color:var(--vs-text-white)}.hub-shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;padding:0 var(--vs-space-4) var(--vs-space-12);color:var(--vs-text-primary);animation:hub-fade-in .4s ease}@keyframes hub-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hub-header{max-width:1200px;margin:0 auto;padding:var(--vs-space-12) 0 var(--vs-space-8);position:relative}.hub-logout{position:absolute;top:var(--vs-space-8);right:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--vs-radius-full);background:#f8717114;color:var(--vs-error);border:1px solid rgba(248,113,113,.2);cursor:pointer;transition:all var(--vs-transition-normal)}.hub-logout:hover{background:#f871712e;color:#fca5a5;border-color:#f8717159}.hub-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--vs-space-5)}.hub-logo-img{width:76px;height:76px;object-fit:contain;display:block;filter:drop-shadow(0 8px 24px rgba(59,130,246,.25))}.hub-title-group{display:flex;flex-direction:column;gap:var(--vs-space-2)}.hub-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--vs-font-bold);color:var(--vs-text-white);letter-spacing:-.025em;line-height:1.15}.hub-subtitle{font-size:var(--vs-text-lg);color:var(--vs-text-secondary);font-weight:var(--vs-font-regular);max-width:520px;margin:0 auto}.hub-search{position:relative;width:100%;max-width:440px;margin:var(--vs-space-2) auto 0}.hub-search-icon{position:absolute;inset:0 auto 0 var(--vs-space-4);display:flex;align-items:center;color:var(--vs-text-tertiary);pointer-events:none}.hub-search-input{width:100%;padding:13px var(--vs-space-4) 13px 42px;font-size:var(--vs-text-md);font-family:inherit;color:var(--vs-text-primary);background:var(--vs-bg-elevated);border:1px solid var(--vs-border);border-radius:var(--vs-radius-xl);outline:none;transition:all var(--vs-transition-fast)}.hub-search-input::placeholder{color:var(--vs-text-tertiary)}.hub-search-input:focus{border-color:var(--vs-accent);background:var(--vs-bg-secondary);box-shadow:0 0 0 3px var(--vs-accent-light)}.hub-main{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--vs-space-10)}.hub-section{display:flex;flex-direction:column;gap:var(--vs-space-4)}.hub-section-header{display:flex;align-items:center;gap:var(--vs-space-2);padding-bottom:var(--vs-space-3);border-bottom:1px solid var(--vs-separator)}.hub-section-title{font-size:var(--vs-text-xl);font-weight:var(--vs-font-semibold);color:var(--vs-text-white);letter-spacing:-.01em}.hub-section-count{padding:2px 8px;border-radius:var(--vs-radius-full);background:var(--vs-accent-light);color:var(--vs-accent-hover);font-size:var(--vs-text-xs);font-weight:var(--vs-font-semibold);border:1px solid rgba(59,130,246,.2)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--vs-space-4)}.link-card{position:relative;display:flex;align-items:center;gap:var(--vs-space-4);min-height:92px;padding:var(--vs-space-4);background:var(--vs-bg-elevated);border:1px solid var(--vs-border);border-radius:var(--vs-radius-xl);text-decoration:none;color:inherit;transition:all var(--vs-transition-normal);overflow:hidden}.link-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 0% 0%,rgba(59,130,246,.12),transparent 60%);opacity:0;transition:opacity var(--vs-transition-normal);pointer-events:none}.link-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:var(--vs-shadow-lg);background:var(--vs-bg-secondary)}.link-card:hover:after{opacity:1}.link-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--vs-radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--vs-primary-soft),var(--vs-bg-secondary));color:var(--vs-accent-hover);border:1px solid var(--vs-border);transition:all var(--vs-transition-normal)}.link-card:hover .link-card-icon{background:linear-gradient(135deg,var(--vs-accent),#2563eb);color:var(--vs-text-white);border-color:#3b82f699}.link-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.link-card-title{font-size:var(--vs-text-md);font-weight:var(--vs-font-semibold);color:var(--vs-text-white);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-description{font-size:var(--vs-text-sm);color:var(--vs-text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-external{position:absolute;top:var(--vs-space-3);right:var(--vs-space-3);color:var(--vs-text-tertiary);opacity:0;transition:opacity var(--vs-transition-normal);z-index:1}.link-card:hover .link-card-external{opacity:1;color:var(--vs-accent-hover)}.link-card-group-hint{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:var(--vs-text-xs);font-weight:var(--vs-font-medium);color:var(--vs-accent-hover)}.link-card-group{cursor:pointer}.link-card-group:hover,.link-card-group:focus-within{overflow:visible;z-index:50}.link-card-overlay{position:absolute;top:0;left:0;right:0;min-height:100%;padding:var(--vs-space-3);background:#0f2640f5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:inherit;display:flex;flex-direction:column;gap:var(--vs-space-2);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--vs-transition-normal),transform var(--vs-transition-normal);z-index:2;box-shadow:0 18px 40px -8px #0000008c,0 0 0 1px #3b82f659}.link-card-group:hover .link-card-overlay,.link-card-group:focus-within .link-card-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.link-card-overlay-label{font-size:var(--vs-text-xs);font-weight:var(--vs-font-semibold);color:var(--vs-text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:2px var(--vs-space-2)}.link-card-overlay a{display:flex;align-items:center;justify-content:space-between;gap:var(--vs-space-2);padding:var(--vs-space-2) var(--vs-space-3);border-radius:var(--vs-radius-md);color:var(--vs-text-primary);text-decoration:none;font-size:var(--vs-text-sm);font-weight:var(--vs-font-medium);transition:background var(--vs-transition-fast),color var(--vs-transition-fast)}.link-card-overlay a:hover{background:var(--vs-accent-light);color:var(--vs-accent-hover)}.link-card-overlay-left{display:inline-flex;align-items:center;gap:var(--vs-space-2);min-width:0}.link-card-overlay-left span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-overlay svg{flex-shrink:0;opacity:.7}.hub-empty{text-align:center;padding:var(--vs-space-12) var(--vs-space-4);color:var(--vs-text-secondary)}.hub-empty-message{font-size:var(--vs-text-lg);margin-bottom:var(--vs-space-4)}.hub-empty-clear{background:none;border:none;color:var(--vs-accent-hover);cursor:pointer;font-family:inherit;font-size:var(--vs-text-md);font-weight:var(--vs-font-medium)}.hub-empty-clear:hover{color:var(--vs-accent);text-decoration:underline}.hub-footer{max-width:1200px;margin:var(--vs-space-12) auto 0;padding-top:var(--vs-space-6);border-top:1px solid var(--vs-separator);text-align:center;font-size:var(--vs-text-sm);color:var(--vs-text-tertiary)}.login-shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vs-space-5);animation:hub-fade-in .4s ease}.login-container{width:100%;max-width:400px}.login-brand{text-align:center;margin-bottom:var(--vs-space-6);display:flex;flex-direction:column;align-items:center;gap:var(--vs-space-3)}.login-brand-logo{height:48px;width:auto}.login-brand-subtitle{font-size:var(--vs-text-md);color:var(--vs-text-secondary);font-weight:var(--vs-font-medium);letter-spacing:.02em}.login-card{background:var(--vs-bg-elevated);border-radius:var(--vs-radius-2xl);padding:var(--vs-space-8);box-shadow:var(--vs-shadow-xl);border:1px solid var(--vs-border)}.login-title{font-size:1.5rem;font-weight:var(--vs-font-bold);color:var(--vs-text-white);margin-bottom:6px;letter-spacing:-.02em}.login-description{font-size:var(--vs-text-md);color:var(--vs-text-secondary);margin-bottom:var(--vs-space-6)}.login-error{display:flex;align-items:center;gap:var(--vs-space-2);padding:var(--vs-space-3) var(--vs-space-4);background:var(--vs-error-light);border:1px solid rgba(248,113,113,.3);border-radius:var(--vs-radius-md);margin-bottom:var(--vs-space-5);font-size:var(--vs-text-sm);color:var(--vs-error)}.login-error svg{flex-shrink:0}.login-form-group{margin-bottom:var(--vs-space-5)}.login-label{display:block;font-size:var(--vs-text-sm);font-weight:var(--vs-font-medium);color:var(--vs-text-secondary);margin-bottom:var(--vs-space-2)}.login-input{width:100%;padding:13px var(--vs-space-4);font-size:15px;font-family:inherit;color:var(--vs-text-primary);background:var(--vs-bg-secondary);border:1px solid var(--vs-border);border-radius:var(--vs-radius-lg);outline:none;transition:border-color var(--vs-transition-fast),background var(--vs-transition-fast),box-shadow var(--vs-transition-fast)}.login-input::placeholder{color:var(--vs-text-tertiary)}.login-input:focus{border-color:var(--vs-accent);background:var(--vs-bg-elevated);box-shadow:0 0 0 3px var(--vs-accent-light)}.login-input:hover:not(:focus){border-color:#3b82f640}.login-submit{width:100%;padding:13px var(--vs-space-6);font-size:15px;font-weight:var(--vs-font-semibold);font-family:inherit;color:var(--vs-text-white);background:var(--vs-accent);border:1px solid rgba(59,130,246,.5);border-radius:var(--vs-radius-lg);cursor:pointer;transition:background var(--vs-transition-fast),transform .1s,box-shadow var(--vs-transition-fast)}.login-submit:hover:not(:disabled){background:var(--vs-accent-hover)}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:focus{outline:none;box-shadow:0 0 0 3px var(--vs-accent-light)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:var(--vs-space-6);font-size:var(--vs-text-xs);color:var(--vs-text-tertiary)}@media(max-width:640px){.hub-shell{padding:0 var(--vs-space-3) var(--vs-space-10)}.hub-header{padding:var(--vs-space-8) 0 var(--vs-space-6)}.hub-logout{top:var(--vs-space-5);right:0}.hub-grid{grid-template-columns:1fr}.hub-main{gap:var(--vs-space-8)}.login-card{padding:var(--vs-space-6) var(--vs-space-5);border-radius:var(--vs-radius-xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}