:root{--primary:#48619e;--primary-hover:#48619e;--secondary:#48619e;--success:#48619e;--warning:#48619e;--error:#48619e;--danger:#48619e;--info:#0891b2;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-hover:#cbd5e1;--shadow:rgba(15,23,42,0.08);--border-radius:0.375rem;--bg-app:#f6f7f9;--bg-surface:#ffffff;--bg-muted:#f0f1f3;--border:#d1d5db;--border-soft:#e5e7eb;--text-primary:#1f2933;--text-secondary:#4b5563;--text-muted:#6b7280;--accent:#2563eb;--accent-soft:#e8efff;--success:#15803d;--warning:#b45309;--error:#b91c1c;--info:#0369a1;--max-width:1200px;--radius-sm:2px;--radius-md:3px;--shadow-sm:0 1px 2px rgba(0,0,0,0.06)}[data-theme="dark"]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#273449;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#334155;--border-hover:#475569;--shadow:rgba(0,0,0,0.35)}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);margin:0;padding:0;transition:background-color 0.2s ease,color 0.2s ease}.nav-container{background-color:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:3.5rem}.nav-brand{font-size:1.25rem;font-weight:700}.nav-brand-link{color:var(--text-primary);text-decoration:none;transition:color 0.2s ease}.nav-brand-link:hover{color:var(--primary)}.nav-menu{display:flex;align-items:center;gap:0.75rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:0.375rem 0.625rem;border-radius:var(--border-radius);transition:all 0.2s ease;font-size:0.875rem}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-welcome{color:var(--text-secondary);font-size:0.8125rem;margin-right:0.375rem}.main-content{}.btn-primary{background-color:var(--primary);color:white;padding:0.5rem 1rem;border-radius:var(--border-radius);font-weight:500;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:0.375rem;text-decoration:none}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);padding:0.5rem 1rem;border-radius:var(--border-radius);font-weight:500;font-size:0.875rem;border:1px solid var(--border);cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:0.375rem;text-decoration:none}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px)}.btn-danger{background-color:var(--error);color:white;padding:0.5rem 1rem;border-radius:var(--border-radius);font-weight:500;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s ease}.btn-danger:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-success{background-color:var(--success);color:white;border:none;padding:0.5rem 1rem;border-radius:var(--border-radius);font-size:0.875rem;cursor:pointer;transition:all 0.2s ease}.btn-success:hover{opacity:0.9}.btn-warning{background-color:var(--warning);color:white;border:none;padding:0.5rem 1rem;border-radius:var(--border-radius);font-size:0.875rem;cursor:pointer;transition:all 0.2s ease}.btn-warning:hover{opacity:0.9}.btn-loading{opacity:0.7;cursor:not-allowed;pointer-events:none}.input-field{width:100%;padding:0.5rem 0.75rem;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--bg-primary);color:var(--text-primary);font-size:0.875rem;transition:all 0.2s ease}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,0.1)}.input-field:error,.input-field.error{border-color:var(--error);box-shadow:0 0 0 2px rgba(220,38,38,0.1)}.input-field::placeholder{color:var(--text-muted)}.text-error{color:var(--error);font-size:0.8125rem;margin-top:0.25rem;display:flex;align-items:center;gap:0.25rem}.text-success{color:var(--success);font-size:0.8125rem;margin-top:0.25rem;display:flex;align-items:center;gap:0.25rem}.text-muted{color:var(--text-muted);font-size:0.8125rem}.link-primary{color:var(--primary);text-decoration:none;font-weight:500;transition:color 0.2s ease}.link-primary:hover{color:var(--primary-hover);text-decoration:underline}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.auth-container{min-height:calc(100vh - 3.5rem);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;flex-direction:column}.auth-card{max-width:26rem;width:100%;background-color:var(--bg-primary);border-radius:0.5rem;box-shadow:0 4px 6px -1px var(--shadow),0 2px 4px -1px var(--shadow);padding:1.5rem;border:1px solid var(--border)}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:0.375rem}.auth-subtitle{color:var(--text-secondary);font-size:0.8125rem}.auth-footer{text-align:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.form-group{margin-bottom:0.875rem}.form-label{display:block;margin-bottom:0.375rem;font-weight:500;color:var(--text-primary);font-size:0.8125rem}.form-actions{margin-top:1.25rem}.form-divider{display:flex;align-items:center;margin:1.25rem 0;color:var(--text-muted);font-size:0.8125rem}.form-divider::before,.form-divider::after{content:'';flex:1;height:1px;background-color:var(--border)}.form-divider::before{margin-right:0.75rem}.form-divider::after{margin-left:0.75rem}.nav-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0.375rem;border-radius:var(--border-radius);transition:all 0.2s ease;display:flex;align-items:center;gap:0.375rem}.nav-toggle:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.toast-container{position:fixed;top:0.75rem;right:0.75rem;z-index:1000;display:flex;flex-direction:column;gap:0.375rem}.toast{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius);padding:0.75rem 1rem;box-shadow:0 4px 6px -1px var(--shadow);display:flex;align-items:center;gap:0.5rem;min-width:18rem;animation:slideIn 0.2s ease}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0.25rem;border-radius:var(--border-radius);margin-left:auto}.toast-close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.dropdown{position:relative;display:inline-block}.dropdown-trigger{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius);padding:0.375rem 0.625rem;cursor:pointer;display:flex;align-items:center;gap:0.375rem;font-size:0.8125rem;color:var(--text-primary);transition:all 0.2s ease}.dropdown-trigger:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:0.25rem;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px var(--shadow);z-index:100;overflow:hidden}.dropdown-item{display:block;width:100%;padding:0.5rem 0.75rem;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:background-color 0.2s ease;font-size:0.8125rem;text-decoration:none}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-item.active{background-color:var(--primary);color:white}.page-header{margin-bottom:1.5rem;text-align:center;display:flex;flex-direction:column}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:0.375rem}.page-subtitle{color:var(--text-secondary);font-size:0.875rem}.content-section{background-color:var(--bg-primary);border-radius:0.5rem;padding:1.25rem;border:1px solid var(--border);margin-bottom:1.25rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.hidden{display:none !important}.visible{display:block !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}.fade-in{animation:fadeIn 0.2s ease}.fade-out{animation:fadeOut 0.2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@media (max-width:640px){.auth-card{margin:0.75rem;padding:1.25rem}.auth-title{font-size:1.25rem}.toast{min-width:auto;left:0.75rem;right:0.75rem}.dropdown-menu{left:0;right:0}.nav-content{padding:0 0.5rem}.nav-menu{gap:0.375rem}}@media (max-width:480px){.auth-container{padding:0.75rem}.btn-primary,.btn-secondary{padding:0.625rem 0.875rem;font-size:0.8125rem}.nav-welcome{display:none}}.app-dropdown{position:relative;display:inline-block}.app-dropdown-btn{display:flex;align-items:center;gap:0.375rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:0.375rem 0.625rem;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:0.8125rem;transition:all 0.2s ease}.app-dropdown-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.app-dropdown-btn.active{color:var(--primary);background-color:var(--bg-tertiary);border-color:var(--border)}.app-dropdown-label{display:inline-block}.app-dropdown-arrow{transition:transform 0.2s ease}.app-dropdown-btn.active .app-dropdown-arrow{transform:rotate(180deg)}.app-dropdown-menu{position:absolute;top:calc(100%+0.375rem);min-width:260px;max-width:320px;background:var(--bg-primary);border:1px solid var(--border);border-radius:0.5rem;box-shadow:0 4px 6px -1px var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s ease;z-index:1000;max-height:360px;overflow-y:auto}.app-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.app-dropdown-section{padding:0.375rem 0}.app-dropdown-header{padding:0.375rem 0.875rem;font-size:0.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.app-dropdown-empty{padding:0.875rem;text-align:center;color:var(--text-muted);font-size:0.8125rem}.app-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.875rem;color:var(--text-primary);text-decoration:none;transition:background-color 0.15s ease;font-size:0.8125rem}.app-dropdown-item:hover{background-color:var(--bg-tertiary)}.app-dropdown-item:active{background-color:var(--bg-secondary)}.app-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-item-version{font-size:0.6875rem;color:var(--text-muted);margin-left:0.375rem}.app-dropdown-browse{font-weight:500;color:var(--primary);display:flex;align-items:center;gap:0.375rem}.app-dropdown-browse:hover{background-color:var(--bg-tertiary)}.app-dropdown-divider{height:1px;background-color:var(--border);margin:0.25rem 0}.app-dropdown-menu::-webkit-scrollbar{width:5px}.app-dropdown-menu::-webkit-scrollbar-track{background:var(--bg-secondary)}.app-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (max-width:640px){.app-dropdown-label{display:none}.app-dropdown-btn{padding:0.375rem}.app-dropdown-menu{left:auto;min-width:220px}}[data-theme="dark"] .app-dropdown-menu{background:var(--bg-primary);box-shadow:0 4px 12px -2px rgba(0,0,0,0.4)}[data-theme="dark"] .app-dropdown-item:hover{background-color:var(--bg-tertiary)}.unified-header-core{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:0.375rem}