:root{--bg-main:#0f172a;--bg-card:rgba(30, 41, 59, 0.7);--bg-card-hover:rgba(51, 65, 85, 0.8);--text-primary:#f8fafc;--text-muted:#94a3b8;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-success:#10b981;--accent-danger:#ef4444;--border-color:rgba(255, 255, 255, 0.1);--font-family:'Inter',system-ui,-apple-system,sans-serif;--glass-blur:blur(12px);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.3);--transition-fast:0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;display:flex;flex-direction:column}.navbar{width:100%;background:rgba(15,23,42,.8);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:1.5rem}.nav-item{color:var(--text-muted);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:var(--transition-fast)}.nav-item.active,.nav-item:hover{color:var(--text-primary);background-color:rgba(255,255,255,.05)}.nav-item.active{box-shadow:inset 0 -2px 0 var(--accent-primary)}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:16px;padding:1.5rem;transition:var(--transition-fast)}.modern-input{width:100%;padding:.75rem 1rem;background:rgba(15,23,42,.6);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;transition:var(--transition-fast)}.modern-input:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.modern-btn{background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.modern-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.modern-btn:active{transform:translateY(1px)}